html, body {
margin:0;
padding:0;
width:100%;
}
body {
background-color:#E6E6E6;
font-family:"Trebuchet MS";
font-size:11px;
text-align:center;
width:100%;
}
img{
margin:0;
border:0;
}
h1 { /*used in right hand column panels only - not for content throughout the site*/
font-size:16px;
color:#4D4D4D;
font-weight:bold;
}
h2 { /*used in right hand column panels only - not for content throughout the site*/
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
width:100%;
border-bottom:solid 1px #999999;
}
h3 {/*use for: blog headings*/
margin:0;
padding-bottom:4px;
padding-top:4px;
border-bottom:solid 1px #999999;
font-size:11px;
color:#4d4d4d;
}
h4 {
line-height:180%;
font-size:12px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}
h4.large_green{
line-height:180%;
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}
span.large_green{
line-height:150%;
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}
span.large_green a{
color:#88B72C;
}
h4.medium_grey{
line-height:180%;
font-size:14px;
color:#4D4D4D;
font-weight:bold;
margin:0;
padding:0;
}
h4.large_grey {
line-height:180%;
font-size:17px;
color:#4D4D4D;
font-weight:bold;
margin:0;
padding:0;
}
h5{ /*used in product selector results - main name of the product*/
line-height:180%;
font-size:15px;
color:#666666;
font-weight:bold;
margin:0;
padding:0;
border-bottom:solid 1px #999999;
}
h6 { /*used in product selector results - medium sized green text - buy now + price*/
line-height:210%;
font-size:14px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}
.float_left {
float:left;
margin:0px 20px 10px 0px;
}
.float_right {
float:right;
margin:0px 0px 10px 20px;
}
.centered {
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
a {
color:#073c70;
}
p {
clear:both;
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}
p table tr td{
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}
ul li{
list-style-image:url(../images/list_bullet.gif);
line-height:170%;
}
table tr td img {
vertical-align:top;
}
span.small_black{ /*use for: blog ...more text*/
letter-spacing:1px;
text-align:right;
margin:0;
padding:0;
font-size:11px;
color:#000000;
font-weight:400;
}
span.light_grey{
color:#999999;
}
span.dark_grey {
color:#4D4D4D;
}
#top {
width:100%;
margin:0;
}
#wrapper {
width:930px;
margin: 0 auto;
}
#container_outer {
float:left;
width:930px;
height:auto;
background-color:#CCCCCC;
}
#container_inner {
float:left;
position:relative;
left:15px;
width:900px;
height:auto;
background-color:#FFFFFF;
}
#top_nav_holder { /*the light grey bg top part of the site - to position menu links, use #top_nav_links below*/
text-align:center;
height:110px;
width:100%;
background-color:#F2F2F2;
/*background-image:url(../top_nav_holder.jpg);
background-position:bottom center;
background-repeat:no-repeat;*/
}
#top_nav_links {
padding-top:75px;
height:35px;
width:900px;
color:#000000;
margin-left:auto;
margin-right:auto;
}
table.topnav_table {
width:900px;
height:34px;
}
td.left_end {
background-color:#6c6e70;
background-image:url(../images/menus/topmenu_left_end.gif);
height:34px;
width:51px;
}
table.topnav_table td a{
color:#FFFFFF;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:center;
line-height:280%;
display:block;
text-align:center;
background-color:#6c6e70;
background-image:url(../images/menus/topnav_link_bg.gif);
background-repeat:repeat-x;
border-right:solid 1px #666666;
padding:0px 15px 0px 15px;
width:auto;
height:34px;
}
table.topnav_table td a:hover{
background-color:#49494a;
background-image:url(../images/menus/topnav_link_hover_bg.gif);
background-repeat:repeat-x;
}
td.home{
border-left:solid 1px #666666;
}
td.right_end {
background-color:#6c6e70;
background-image:url(../images/menus/topmenu_right_end.gif);
height:34px;
width:51px;
}
#header {
height:167px;
width:900px;
background-image:url(../images/header.jpg);
}
.enquiry_button{
position:relative;
right:3px;
margin-top:133px;
float:right;
height:30px;
width:196px;
background-image:url(../images/make_enquiry_on.jpg);
background-reapeat:no-repeat;
}
.enquiry_button a{
height:30px;
width:196px;
background-image:url(../images/make_enquiry_off.jpg);
background-reapeat:no-repeat;
display: block;
}
.enquiry_button a:hover{
background:none;
height:30px;
width:196px;
display:block;
}
#header img{
margin:0;
border:0;
}
#left_menu {
float:left;
padding-top:3px;
width:143px;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-x;
background-position:top;
border-right:solid 1px #eaeaea;
}
#sponsors {
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:15px;
width:100px;
height:auto;
border:solid 1px #4D4D4D;
padding:5px 3px 5px 3px;
}
#sponsors p{
font-size:10px;
color:#666666;
text-align:center;
}
#sponsors p a{
text-decoration:none;
font-size:10px;
color:#083A73;
text-align:center;
font-weight:bold;
}
#sponsors p a:hover {
text-decoration:underline;
}
#sponsors a img{
border:none;
}
table.left_nav_table {
background-color:#F2F2F2;
}
table.left_nav_table td a{ /*left navigation links*/
height:42px;
width:143px;
color:#666666;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:left;
line-height:330%;
display:block;
border-bottom:solid 1px #eaeaea;
}
table.left_nav_table td a:hover{
width:100%;
background-color:#eeeeee;
background-image:url(../images/menus/leftnav_link_hover_bg.gif);
background-repeat:repeat-x;
}
table.left_nav_table_lower {
margin-top:20px;
background-color:#4D4D4D;
}
table.left_nav_table_lower td a{ /*left navigation links - the three at the bottom*/
height:41px;
width:143px;
color:#EEEEEE;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:left;
line-height:330%;
display:block;
border-bottom:solid 1px #646568;
}
table.left_nav_table_lower td a:hover{
width:100%;
background-color:#4D4D4D;
background-image:url(../images/menus/leftnav_link_hover_lower_bg.gif);
background-repeat:repeat-x;
}
#content {
margin:0;
text-align:left;
background-color:#ffffff;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-x;
background-position:top;
float:left;
width:756px;
padding-top:20px;
font-family:"Trebuchet MS";
}
#content p{
}
.content_block {
padding:10px 0px 15px 0px;
width:100%;
height:auto;
float:left;
border-bottom:1px dashed #CCCCCC;/*the border*/
margin-bottom:20px;
}
#one_column {
width:716px;
margin:20px;
text-align:left;
}
.eftpos_image{ /*these are for the pages that link from the homepage 'Learn More' buttons in the right hand column boxes*//*holds the image*/
float:left;
width:30%;
}
.eftpos_text{ /*these are for the pages that link from the homepage 'Learn More' buttons in the right hand column boxes*//*holds the text*/
float:right;
width:70%;
padding-bottom:15px;
}
/*ALL CSS FOR PARTS IN THE LEFT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES STARTS HERE*/
.left_column {
text-align:left;
margin:0;
padding-left:20px;
padding-top:10px;
float:left;
width:359px;
}
.left_column p {
}
/*ALL CSS FOR PARTS IN THE LEFT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES ENDS HERE*/
/*ALL CSS FOR PARTS IN THE RIGHT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES STARTS HERE*/
.right_column {
text-align:left;
margin:0;
width:325px;
float:right;
border-left:solid 1px #999999;
}
table.blog { /*blog box in right hand column*/
margin-top:20px;
width:271px;
height:auto;
margin-left:25px;
}
table.blog tr.buttons_row td{
text-align:center;
}
table.blog tr.buttons_row td a{
text-align:center;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding-top:2px;
}
table.offers { /*each box in right hand column*/
margin-top:15px;
width:271px;
height:auto;
margin-left:25px;
}
table.offers tr.buttons_row td{
text-align:center;
}
table.offers tr.buttons_row td a{
text-align:center;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding-top:2px;
}
tr.top_row{
height:40px;
width:auto;
}
td.heading {
line-height:250%;
padding-top:9px;
}
tr.content_row td{
padding-right:7px;
padding-left:7px;
}
.content_box {
padding:10px 10px 20px 10px;
background-color:#f2f2f2;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
border-bottom:none;
}
p.quote_box {
float:left;
margin-right:20px;
margin-top:0;
width:200px;
text-align:center;
padding:10px;
background-color:#f2f2f2;
border:solid 1px #666666;
}
table.content tr td{
border-bottom:solid 1px #666666;
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}
table.tab02 {
margin-top:15px;
}
table.tab02 tr th{
border-bottom:solid 1px #666666;
text-align:center;
font-size:12px;
color:#ffffff;
background-color:#333333;
line-height:170%;
}
table.tab02 tr td{
border-bottom:solid 1px #666666;
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}
table.tab02 img {
margin-left:auto;
margin-right:auto;
text-align:center;
}
table.tab03 {
width:400px;
font-size:12px;
color:#333333;
line-height:180%;
}
td.divide{
text-align:center;
border-right:solid 1px #666666;
border-bottom:solid 1px #666666;
}
/* this is code for all the button parts of the panels down the right hand side of the homepage*/
.btn_view_blog a{
color:#f4f4f4;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
}
.btn_view_blog a:hover{
background-image:url(../images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.btn_blog_archive a{
color:#f4f4f4;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
}
.btn_blog_archive a:hover {
background-image:url(../images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
background-position:bottom;
}
/*GREEN BUTTONS*/
.small_green_button a{ /*Use this for background effects for smaller green buttons - such as add to cart, buy now etc*/
position:relative;
display:block;
height:31px;
width:103px;
background-image:url(/images/buttons/small_green_hover_button.gif);
background-position: top;
background-repeat:no-repeat;
text-align:center;
line-height:240%;
font-size:12px;
color:#000000;
text-decoration:none;
}
.small_green_button a:hover{ /*Use this for background effects for smaller green buttons - such as add to cart, buy now etc*/
display:block;
height:31px;
width:103px;
background-image:url(/images/buttons/small_green_hover_button.gif);
background-position: bottom;
background-repeat:no-repeat;
text-decoration:none;
}
td.product_selector_image {
text-align:center;
}
td.product_selector_image img{ /*this centers the images that are brought up in the product selector after a search (product-selector-data.php)*/
margin-top:10px;
margin-bottom:10px;
}
table.table_product_selector_results {
width:100%;
}
.table_product_selector_results tr td{
vertical-align:top;
}
p.product_selector {
margin:0;
padding-top:10px;
width:600px;
}
p.thanks {
width:580px;
padding:10px 20px 10px 20px;
border:solid 1px #999999;
background-color:#F2F2F2;
margin-bottom:20px;
}
.btn_make_enquiry_green a{
color:#4d4d4d;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/left_button_bg_green.gif);
background-repeat:no-repeat;
}
.btn_make_enquiry_green a:hover{
background-image:url(../images/buttons/left_button_bg_green.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.btn_learn_more_green a{
color:#4d4d4d;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/right_button_bg_green.gif);
background-repeat:no-repeat;
}
.btn_learn_more_green a:hover {
background-image:url(../images/buttons/right_button_bg_green.gif);
background-repeat:no-repeat;
background-position:bottom;
}
/*GREY BUTTONS*/
.btn_make_enquiry_grey a{
color:#F2F2F2;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
}
.btn_make_enquiry_grey a:hover{
background-image:url(../images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.btn_learn_more_grey a{
color:#F2F2F2;
line-height:300%;
float:left;
width:135px;
height:34px;
background-image:url(../images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
}
.btn_learn_more_grey a:hover {
background-image:url(../images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
background-position:bottom;
}
/* this is the END of the code for all the button parts of the panels down the right hand side of the homepage*/
/*ALL CSS FOR PARTS IN THE RIGHT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES ENDS HERE*/
#footer {
float:left;
clear:both;
position:relative;
left:150px;
width:600px;
margin-top:40px;
margin-bottom:20px;
color:#666666;
font-size:11px;
background-color:#F2F2F2;
border:solid 1px #666666;
padding:10px;
}
.small_black_link{ /*use for: blog ...more text*/
text-align:right;
margin:0;
padding:0;
font-size:11px;
color:#000000;
font-weight:400;
text-decoration:none;
}