/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font: 101%/1.4 Verdana, Geneva, sans-serif;
background-image: url(http://www.organicenergy.co.uk/static/images/grey.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #D3DAE0;
}
#container {
// commented out, affected callback form min-height:100%;
position:relative;
width: 960px;
border-right: 1px solid #899CAA;
background: #FFF url(images/faux_column.gif) repeat-y;
margin-bottom:0px;
margin-right: auto;
margin-left: auto;
}
#container.homepage {
background: #FFF url(images/faux_column_homepage.gif) repeat-y;
}
#header {
background:url(images/header_background.jpg) repeat-y;
height: 122px;
}
#topmenu {
margin: 15px;
float: right;
width: 640px;
font-size: 60%;
text-transform: uppercase;
color: #333333;
}
#topmenu a {
color: #333;
text-decoration: none;
}
#topmenu a:hover {
color: #899CAA;
}
#logo {
float: left;
}
#toplinks {
float: right;
}
#toplinks a {
padding-right: 5px;
padding-left: 5px;
}
#tradelogin {
float: left;
width: 100px;
}
#tradelogin img {
margin-top: -1px;
position: absolute;
margin-left: 5px;
}
#search {
float: right;
clear: right;
margin-top: 20px;
margin-right: 20px;
width: 400px;
text-align: right;
}
#menubar {
background: #899caa;
color: #FFF;
font-size: 60%;
text-transform: uppercase;
padding: 7px 5px 7px 12px;
}
#menubar a {
color: #FFF;
text-decoration: none;
padding-right: 8px;
padding-left: 8px;
}
#menubar a:hover {
text-decoration: underline;
}
#movie {
background: #FFF;
margin: 0px;
padding: 0px;
}
#hometitles {
background: url(images/faux_titles_homepage.gif) repeat-y;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
}
#hometext {
padding-top: 5px;
}
.home_col1 {
float: left;
width: 222px;
margin-right: 40px;
margin-left: 20px;
}
.home_col2 {
}
.home_col3 {
float: right;
width: 291px;
margin-right: 20px;
margin-left: 40px;
}
.sub_col1 {
float:left;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:20px;
padding-top:0;
width:262px;
}
.sub_col3 {
float: right;
width: 291px;
margin-right: 20px;
margin-left: 20px;
font-size: 70%;
display: block;
padding-left: 20px;
padding-bottom: 20px;
margin-top: 16px;
background-color: #FFFFFF;
}
.sub_col3 p.caption {
font-size: 90%;
background: #FFF;
color: #333333;
display: block;
}
.sub_col2 {
margin-right: 331px;
margin-left: 282px;
margin-top: 16px;
}
.sub_col2_wrap {
margin-right: 20px;
margin-left: 282px;
margin-top: 16px;
}
.page_col1 {
margin-right: 20px;
margin-left: 282px;
margin-top: 16px;
}
.page_col1 img {
margin-left: 5px;
margin-top: 2px;
float: right;
}
.page_text {
}
.callback{
font-size: 75%;
color: #4d5052;
}
.callback a{
color: #4d5052;
font-weight: bold;
text-decoration: none;
}
.callback a:hover{
text-decoration: underline;
}
.callback_text {
font-size: 70%;
color: #000;
}
.callback_text a {
color: #000;
font-weight: bold;
}
.callback_text a:hover{
text-decoration: none;
}
.latestblog{
font-size: 70%;
color: #42300c;
}
.latestblog a{
color: #42300c;
font-weight: bold;
text-decoration: none;
}
.latestblog a:hover{
text-decoration: underline;
}
.latestnews{
font-size: 70%;
color: #617031;
}
.latestnews a{
color: #617031;
font-weight: bold;
text-decoration: none;
}
.latestnews a:hover{
text-decoration: underline;
}
.latestnews strong {
color: #38411a;
}
.blogsite , .newsarchive{
float: right;
margin-right: 20px;
}
.newsarchive img , .blogsite img{
float: right;
position: absolute;
margin-left: 5px;
margin-top: -1px;
}
.callback img {
float: left;
display: block;
margin-top: -1px;
margin-right: 10px;
}
#body {
/* stopped page expandingpadding-bottom:55px; /* Height of the footer */
}
#footer {
// Taken out as it stopped callback form position:absolute;
bottom:0;
height:40px; /* Height of the footer */
background:#354411;
font-size: 60%;
clear: both;
width: 100%;
}
#copyright {
float: left;
color: #000000;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
#footerlinks {
float: right;
padding: 10px;
color: #FFFFFF;
}
#footerlinks a {
text-transform: uppercase;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
color: #FFF;
}
#footerlinks a:hover {
color: #FFF;
text-decoration: underline;
}
.right_img {
float: right;
margin-bottom: 10px;
margin-left: 10px;
}
#sidemenu {
font-size: 70%;
}
#sidemenu ul {
margin: 0px;
padding: 0px;
list-style: none;
font-weight: bold;
}
#sidemenu ul li {
border-bottom: 1px solid #FFF;
}
#sidemenu ul li a {
font-weight: bold;
color: #000;
text-decoration: none;
display: block;
padding: 8px 20px;
background: #F2F4F5;
}
#sidemenu ul ul li a {
font-weight: normal;
margin-left: 8px;
}
#sidemenu ul li a:hover {
text-decoration: none;
background: #FFF;
color: #899CAA;
}
#side_callback {
margin-top: 20px;
background-color: #EEEEEE;
}
#side_callback .callback {
background: url(images/faux_titles_homepage.gif) repeat-y;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
font-weight: bold;
}
#side_callback .callback_text {
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.page_text h1, .page_text h2, .page_text h3, .page_text h4, .page_text h5, .page_text h6, .page_text p {
padding: 0px;
margin: 0px;
}
.page_text h1 {
color: #899CAA;
font-size: 120%;
font-weight: normal;
margin-bottom: 6px;
}
.page_text h2 {
color: #FFFFFF;
font-size: 105%;
text-transform: uppercase;
text-align: center;
margin-bottom: 12px;
font-weight: bold;
background-color: #C8D1D8;
}
.page_text h3 {
color: #899CAA;
font-size: 100%;
border-bottom: 1px solid #899CAA;
margin-bottom: 12px;
}
.page_text h4 {
font-size: 100%;
border-bottom: 1px solid #000;
margin-bottom: 12px;
}
.page_text h5 {
font-size: 90%;
color: #899CAA;
margin-bottom: 12px;
}
.page_text h6 {
font-size: 90%;
margin-bottom: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #899CAA;
padding-top: 6px;
clear: right;
}
.page_text p{
font-size: 70%;
line-height: 1.5;
margin-bottom: 12px;
text-align:justify;
}
.page_text ul , .page_text ol{
font-size: 70%;
line-height: 1.5;
}
.page_text a {
font-weight: bold;
color: #F57421;
text-decoration: none;
}
.page_text a:hover {
text-decoration: underline;
}
#search #searchfield {
color: #CCC;
font-weight: bold;
font-size: 60%;
padding: 4px;
border: 1px solid #899CAA;
}
#search #button {
background: #899CAA;
border: 1px solid #899CAA;
color: #FCFCFC;
font-size: 70%;
font-weight: bold;
padding: 3px;
cursor: pointer;
cursor: hand;
}
/* CSS for the jquery slideshow */
.slideshow { height: 232px; width: 232px; margin-top:25px; }
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }
.news .side-a { width: 980px; }
.news .side-a .newsStory { }
.news .side-a .newsStory .morenews a {
float: left;
font-size: 11pt;
position: relative;
text-decoration: none;
top: -5px;
}
.news .newsimagesmall { }
.newsimg img {
border:medium none;
}
/** extra css to format the callback form to make it fit */
#sideform select
{
width:100%;
}
#sideform th
{
text-align:right;
}
iframe
{
height: 220px;
width: 260px;
overflow: hidden;
}
.framecall
{
font-size: 70%; display: block; margin-left: 20px; margin-right: 40px;
}
/** extra css for table formatting on the trade.html page */
.trade table
{
border: 1px solid black;
width: 100%;
}
.trade th
{
background-color:#899CAA;
color:white;
border: 1px solid black;
font-size:small;
}
.trade td
{
font-size:x-small;
border: 1px solid black;
}
th
{
font-size:small;
}
#deletex
{
font-size:normal;
color:red;
text-align:center;
}
td
{
font-size:x-small;
}
/*
Introduction video on home page
*/
#intro-movie {
position: fixed;
/*margin-top: -284px; */
margin-left: 482px;
bottom: 0;
z-index: 10;
}
#strapline {
float: left;
padding: 10px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: lowercase;
color: #FFFFFF;
}