File: /home/investoo.co.uk/public_html/css/main.css
/* CSS Document */
p, h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, textarea, input {padding:0px; margin:0px}
a:link{
color:#AC16A6;
text-decoration:none;
border-bottom:1px solid #FF33CC;
}
a:visited{
color:#666666;
text-decoration:none;
border-bottom:1px dotted #666666;
}
a:hover,
a:active,
a:focus{
color:#E11AD9;
text-decoration:none;
border-bottom:1px dotted #E11AD9;
}
img {border:0px;}
p {padding-bottom:0.5em}
form {
padding:0;
margin:0;
}
body {
padding:0px;
margin:0px;
background-color: #fcfcfc;
background-image: url(../images/pagebg.gif);
background-repeat: repeat-x;
background-position: center 24px;
padding:0px;
margin:0px
}
#topbar {
background-color: #000000;
background-image: url(../images/topbarbg.gif);
background-repeat: repeat-x;
background-position: center top;
height: 25px;
padding:0px;
margin:0px;
}
#topbarcontent {
width: 990px;
margin-right: auto;
margin-left: auto;
}
#topbarcontent a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#topbarcontent a:link {
text-decoration: none;
}
#topbarcontent a:visited {
text-decoration: none;
color: #FFFFFF;
}
#topbarcontent a:hover {
text-decoration: underline;
color: #FFFFFF;
}
#topbarcontent a:active {
text-decoration: none;
color: #FFFFFF;
}
.searchfield {
background-image: url(../images/searchbox.gif);
background-repeat: no-repeat;
height: 17px;
width: 136px;
border:0px;
margin-bottom:3px;
padding-left:3px;
}
#container {
background-image: url(../images/mainbgrepeat.gif);
background-repeat: repeat-y;
width: 1002px;
min-height:702px;
margin-right: auto;
margin-left: auto;
}
#banner {
text-align:center;
}
#banner img{
padding:0;
margin:0;
float:left;
margin-left:5px;
}
#nav {
background-image: url(../images/nav.gif);
background-repeat: repeat-x;
height: 28px;
font-family: Arial, Helvetica, sans-serif;
clear:both;
}
#nav li {
list-style:none;
float:left;
height:28px;
}
#nav a {
font-size: 14px;
color: #FFFFFF;
padding-right: 24px;
padding-left: 24px;
border:0;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #303030;
border-left-color: #252525;
display:block;
height:28px;
line-height:28px;
}
#nav a:link {
text-decoration: none;
}
#nav a:visited {
text-decoration: none;
color: #FFFFFF;
}
#nav a:hover,
#nav a.over {
text-decoration: none;
color: #FFFFFF;
background-image: url(../images/nav_over.gif);
background-repeat: repeat-x;
}
#nav a:active {
text-decoration: none;
color: #FFFFFF;
background-image: url(../images/nav_current.gif);
background-repeat: repeat-x;
}
.current {
background-image: url(../images/nav_current.gif);
background-repeat: repeat-x;
}
.floatright {float:right}
#leftnav {
height:100%;
float:left;
width:248px;
padding-right: 12px;
padding-left: 12px;
}
#leftnav li {
list-style:none;
background-image:url(../images/dots.gif);
background-repeat:repeat-x;
background-position: left bottom;
}
#leftnav li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
display:block;
line-height:16px;
padding:8px 22px 8px 22px;
border:0;
}
#leftnav li a:link {
text-decoration: none;
}
#leftnav li a:visited {
text-decoration: none;
color: #000000;
}
#leftnav li a:hover {
text-decoration: none;
color: #000000;
}
#leftnav li a:active {
text-decoration: none;
color: #000000;
}
#wrapper1 {
background-image: url(../images/mainbg.gif);
background-repeat: no-repeat;
}
#wrapper2 {
background-image: url(../images/leftnavbg.gif);
background-repeat: repeat-y;
margin-right: 5px;
margin-left: 5px;
}
#content {
padding:38px;
margin-left:272px;
background-image: url(../images/contentbg.gif);
background-repeat: repeat-x;
}
#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
}
#content ul{
margin-left:20px;
margin-top:15px;
margin-bottom:5px;
}
#content ul li{
margin-bottom:10px;
}
#logos {padding-top:10px}
#logos a {
padding-left:3px;
padding-right:3px;
}
#footer {
background-image: url(../images/footerbg.gif);
background-repeat: no-repeat;
background-position: center top;
clear:both;
background-color:#fcfcfc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9e9e9e;
padding-top: 20px;
padding-left:10px;
padding-right:10px;
}
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #6b0166;
}
h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
padding-left: 22px;
padding-top: 40px;
background-image:url(../images/dots.gif);
background-repeat:repeat-x;
background-position: left bottom;
padding-bottom: 12px;
}
.purple {color:#6c0168}
/*
Contact Us Page
*/
#contactInfo{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:20px;
line-height:16px;
height:450px;
}
table.contactForm input.focused,
table.contactForm textarea.focused,
table.contactForm select.focused{
border:1px solid #C236C9;
background-color:#F9EFF9;
}
table.contactForm input,
table.contactForm select,
table.contactForm input.blurred,
table.contactForm textarea.blurred,
table.contactForm select.blurred,
div.buttons input.submit{
border:1px solid #DCC0DD;
padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.contactForm textarea{
border:1px solid #DCC0DD;
padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:600px;
}
div.buttons input.submit{
background-color:#680265;
color:#fff;
}
table.contactForm{
width:100%;
}
table.contactForm td{
width:50%;
}
table.contactForm #fname,
table.contactForm #lname,
table.contactForm #email,
table.contactForm #phone,
table.contactForm #mphone{width:280px;}
table.contactForm #company{width:600px;}
table.contactForm #subject{width:600px;}
table.contactForm #message{width:600px;}
/*
Content ULs
*/
#content ul.linkSet{
float:left;
width:630px;
margin:0;
padding:0;
margin-bottom:15px;
}
#content ul.linkSet li{
list-style:none;
padding:0;
margin:0;
border-bottom:1px dotted #dddddd;
}
#content ul.linkSet li a{
border:0;
padding:5px 10px 5px 20px;
display:block;
color:#9B1A98;
text-decoration:none;
background-image:url(../images/arrow_1.gif);
background-repeat:no-repeat;
background-position:left center;
}
#content ul.linkSet li a:hover{
background-color:#FBF4FB;
text-decoration:none;
color:#000000;
}
/*
Content Table: tableFormat1
*/
table.tableFormat1{
border:1px dotted #dddddd;
border-right:0;
border-bottom:0;
}
table.tableFormat1 td,
table.tableFormat1 th{
padding:5px;
border:1px dotted #dddddd;
border-left:0;
border-top:0;
}
table.tableFormat1 th{
text-align:center;
font-weight:bold;
border-bottom:2px solid #dddddd;
background-color:#eeeeee;
padding:5px;
}
table.dataNav_1{
margin-bottom:7px;
float:left;
background-color:#eeeeee;
border:1px solid #dddddd;
}
table.dataNav_1 td{
width:100%;
}
table.dataNav_1 td .fade{
color:#999999;
}
table.dataNav_1 .navCell_1{
width:auto;
padding:5px 10px 5px 10px;
}
table.dataNav_1 .navCell_1 .fade{
}
table.dataNav_1 .navCell_2{
width:auto;
background-color:#C236C9;
color:#ffffff;
padding:5px 10px 5px 10px;
}
table.dataNav_1 .navCell_2 a{
color:#ffffff;
text-decoration:none;
}
/*
DataTable
*/
table.DataTable{
float:left;
width:100%;
}
table.DataTable th{
text-align:left;
padding:5px;
border-bottom:2px solid #dddddd;
background-color:#eeeeee;
}
table.DataTable td{
padding:5px;
border-bottom:1px dotted #dddddd;
empty-cells:show;
}
table.DataTable th.dataHeadOrdered{
border-bottom:2px solid #CC33CC;
}
/*
Directory Profile
*/
table.profile{
float:left;
border:1px solid #dddddd;
width:100%;
}
table.profile th{
background-color:#eeeeee;
text-align:right;
font-weight:normal;
padding:4px;
border-bottom:1px dotted #dddddd;
color:#680266;
padding-right:10px;
empty-cells:show;
}
table.profile td{
padding:4px;
border-bottom:1px dotted #dddddd;
padding-left:10px;
empty-cells:show;
}
table.profile td.vcard{
padding-left:40px;
background-image:url(../images/icon_vcard.gif);
background-repeat:no-repeat;
background-position:left center;
}
/*
Booking Form
*/
#bookingForm{
background-image: url(../images/contentbg.gif);
background-repeat: repeat-x;
}
/*
Green & Purple Boxes
*/
div.greenBox{
width:306px;
float:left;
background-image:url(../images/greenbox_bg_1.gif);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:20px;
}
div.greenBox h2{
background-image:url(../images/greenbox_top.gif);
background-repeat:no-repeat;
padding:20px;
color:#70AE1E;
padding-bottom:5px;
}
div.purpleBox{
float:left;
width:306px;
background-image:url(../images/greenbox_bg_1.gif);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:20px;
}
div.purpleBox h2{
background-image:url(../images/purplebox_top.gif);
background-repeat:no-repeat;
padding:20px;
padding-bottom:5px;
}
div.purpleBox .content,
div.greenBox .content{
padding:0 20px 15px 20px;
}
div.purpleBox .linkBottom,
div.greenBox .linkBottom{
padding-left:20px;
display:block;
padding-bottom:4px;
text-decoration:none;
border:0;
}
div.greenBox .linkBottom{
color:#70AE1E;
border:0;
}
.pushLeft{
margin-left:30px;
}
#content .content ol li{
margin-left:20px;
}
/*
BreadCrumb
*/
#BreadCrumb{
font-size:0.65em;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px 20px 10px 20px;
background-color:#eeeeee;
border-bottom:1px solid #dddddd;
color:#666666;
}
#BreadCrumb a{
text-decoration:none;
color:#666666;
border:0;
}
#BreadCrumb a:hover{
text-decoration:underline;
color:#000000;
}
#clear {
clear:both;
}