﻿body
{
    margin: 0;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 14px;
    background: #A0CE57 url('Images/Background.jpg');
}

table {margin: 0; padding: 0;}
td {vertical-align: top;}
p {margin: 0 0 1em 0;}
a {color: #82C342;}
a:hover {color: #82C342;}
h1, h2, h3, h4
{
    margin: 0;
}

h1
{
	padding-bottom: 10px;
}

.subtable
{
    width: 430px;
}

#container
{
    margin: 1em auto;
    width: 950px;
    border: 3px solid #8AC63F;
}

#main
{
    background: #FFFFFF url('Images/Right.png') repeat-y right top;
}

#right
{
    width: 290px;
    background: url('Images/Right.Bottom.png') no-repeat bottom right;
    position: relative;
}

#header
{
    height: 58px;
    max-height: 58px;
    background: #FFFFFF;
}
#header_top
{
    height: 58px;
    background: url('Images/Header.Top.jpg') no-repeat top right;
    position: relative;
}
#header_bottom
{
    height: 30px;
    background: url('Images/Header.Bottom.png') no-repeat top right;
}

#footer
{
    font-size: 10px;
    margin-left: 160px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    vertical-align: bottom;
}
#footer a
{
    color: #202020;
}
#menu
{
    width: 120px;
    background: url('Images/Menu.Background.jpg') repeat top right;
    padding: 26px 0 0 0;
    z-index: 999;
    border-right: 1px solid #999999;
}

#propermenu
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1000;
}
#propermenu li
{
    margin: 0;
    padding: 0;
    /*height: 29px;*/
    display: block;
    position: relative;
}
#propermenu li a, #propermenu dd a
{
    display: block;
    margin: 0;
    text-decoration: none;
    color: #666666;
}
#propermenu li a
{
    padding: 3px 0 3px 0.75em;
    border-bottom: 1px dotted #DDDDDD;
}
#propermenu dd a
{
    padding: 3px 1em 3px 1em;
}
#propermenu li a:hover
{
    color: #000000;
    background: #C3DE9B;
}
#propermenu li:hover
{
    background: #D4E6B9;
}

#propermenu li dl {position:absolute; top:0; left:0; padding-bottom:0; background: url('Images/Menu.Background.jpg') repeat top right; z-index: 1000;}
#propermenu dl {display:none; min-width: 120px; margin: -2px 0 0 0; padding: 0; background: transparent; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; position: relative; border: 1px solid #999999;}
#propermenu dt {margin:0; padding:0;}
#propermenu dd {margin:0; padding:0; display: block; white-space: nowrap;}
#propermenu li:hover dl, #propermenu li a:hover dl {display: block; margin-left: 120px;}

#propermenu li a.more
{
    cursor: default;
    padding-right: 10px;
    background: url('Images/Menu More.png') no-repeat right center;
}
#propermenu li a.more:hover, #propermenu li:hover a.more
{
    background: url('Images/Menu More Active.png') no-repeat right center;
    color: #000000;
}


#page
{
    width: 540px;
}

#content
{
    margin-left: 1em;
}
#content h1
{
    font-size: 16px;
    color: #82C342;
    font-weight: bold;
    /*margin: 0 0 0.1em 0;*/
    margin: 0;
}
#content h2
{
    font-size: 14px;
    color: #82C342;
    font-weight: bold;
    /*margin: 0 0 0.1em 0;*/
    margin: 0;
}
#content h3
{
    font-size: 12px;
    color: #82C342;
    font-weight: bold;
    /*margin: 0 0 0.1em 0;*/
    margin: 0;
}

#quote h2
{
    font-size: 14px;
    color: #82C342;
    font-weight: bold;
    /*margin: 0 0 0.1em 0;*/
    margin: 0;
}


#logo
{
    width: 290px;
    height: 200px;
    background: #FFFFFF url('Images/Logo.png') no-repeat;
    position: relative;
    top: -58px;
}

#image
{
    height: 235px;
    background: #FFFFFF;
    position: relative;
    top: -58px;
}
#image_container, .image_container
{
    position: absolute;
    top: 0;
    left: -45px;
    width: 330px;
    height: 235px;
    z-index: 0;
}
#image_overlay
{
    position: absolute;
    top: 0;
    left: -45px;
    width: 330px;
    height: 235px;
    z-index: 10;
}

#quote
{
    margin: 2em 2em -40px 3em;
    font-size: 12px;
    position: relative;
    top: -58px;
}
#quote h1
{
    font-size: 16px;
    color: #82C342;
    font-weight: bold;
}




#flow
{
    float: right;
    width: 45px;
    height: 250px;
    margin-top: 80px;
    /*border: 1px solid red;*/
}


.small
{
    font-size: 11px;
}

.article
{
    padding: 1em;
}
#articles .download
{
    background: url(Images/Download.gif) no-repeat left center;
    padding-left: 22px;
    display: inline-block;
    min-height: 18px;
}


.profile
{
    margin-bottom: 1em;
}
.profile td
{
    vertical-align: middle;
}
.profile img
{
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
}


.subtitle
{
    font-size: 12px;
    font-weight: bold;
}

.textbox
{
    width: 100%;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}

.textboxmultiline
{
    width: 100%;
    height: 10em;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}


#contactform
{
    width: 430px;
}
#contactform td
{
    padding: 2px 0;
}
#contactform td h2
{
    white-space: nowrap;
}



#partnerloginheader
{
    background: url('Images/PartnerSmall.png') no-repeat center center;
    width: 120px;
    height: 45px;
    margin-top: 2em;
}
#partnerloginmain
{
    padding-left: 5px;
    font-size: 12px;   
}
#partnerloginmain .textbox
{
    width: 105px;
}



#files
{
    background: #FFFFFF;
    border: 1px solid #8AC63F;
    width: 430px;
}

.filelink
{
    padding: 5px;
}

.filelink a {padding-left: 20px;}

.filelink a.zip {background: url('Images/FileTypeIcons/zip.png') no-repeat left center;}
.filelink a.word {background: url('Images/FileTypeIcons/word.png') no-repeat left center;}
.filelink a.image {background: url('Images/FileTypeIcons/image.png') no-repeat left center;}
.filelink a.text {background: url('Images/FileTypeIcons/text.png') no-repeat left center;}
.filelink a.exe {background: url('Images/FileTypeIcons/exe.png') no-repeat left center;}
.filelink a.excel {background: url('Images/FileTypeIcons/excel.png') no-repeat left center;}
.filelink a.misc {background: url('Images/FileTypeIcons/misc.png') no-repeat left center;}


#partnerloginbutton
{
    width: 80px;
    height: 22px;
    background: url('Images/Login.png') no-repeat center center;
    display: inline-block;
    cursor: pointer;
}

#partnerlogoutbutton
{
    width: 80px;
    height: 22px;
    background: url('Images/Logout.png') no-repeat center center;
    display: inline-block;
    cursor: pointer;
}


#forwardbutton
{
    width: 80px;
    height: 22px;
    background: url('Images/Forward.png') no-repeat center center;
    display: inline-block;
    cursor: pointer;
}

#sendenquirybutton
{
    width: 100px;
    height: 22px;
    background: url('Images/SendEnquiry.png') no-repeat center center;
    display: inline-block;
    cursor: pointer;
}


.feeditem
{
	margin: 0;
}

.feeditem h3 
{
	margin: 0;
    font-size: 12px;
}

.feeditem h3 span.date
{
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.feeditem span.newsdescription
{
	font-size: 12px;
}

.feeditem p
{
	margin: 3px 0 10px;
}


.blogitem
{
    margin-bottom: 1em;
}

.blogitem .info, .blogitem .info a
{
    color: #000000;
    font-size: 10px;
    text-decoration: none;
}

.blogitem span.info
{
    font-weight: bold;
}

.newsbox
{
	border-top: solid 1px #8AC63F;
	border-bottom: solid 1px #8AC63F;
	margin-top: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#contact_details
{
    position: absolute;
    left: 0.5em;
    bottom: 24px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 80%;
}
#contact_details a
{
    color: #FFFFFF;
}

.introduction
{
    font-size: 13px;
}

#customer_logos
{
    position: relative;
    display: inline-block;
    width: 480px;
    margin: 0 0 2em 0;
}

#customer_logos td
{
    width: 100px;
    height: 75px;
    text-align: center;
    vertical-align: middle;
}

#customer_logo_selected
{
    background: url('Images/SmallOverlay.png') no-repeat top left;
    position: absolute;
    width: 104px;
    height: 80px;
}
#customer_logo_selected_bar
{
    background: url('Images/SmallOverlayBar.png') repeat-x top left;
    position: absolute;
    height: 5px;
    right: 0px;
}

#customer_logo_selected_link
{
    display: block;
    height: 80px;
}

.blogseparator
{
	border-bottom: 1px solid #8AC63F;
	margin: 1.5em 10em;
}

.blogtags
{
	margin-top: 0.1em;
	margin-bottom: 1em;
	font-size: 10px;
}

.blogtags a
{
	margin-left: 0.5em;
	text-decoration: underline;
	color: #000000;
}

.blogitem p
{
    margin: 0 0 0.25em 0;
}

.blogcomments
{
    font-size: 11px;
}

.blogcomments h2
{
    padding-bottom: 1em;
}

.blogcomment
{
    margin-bottom: 1em;
    border-left: 3px solid #8AC63F;
    padding: 0.5em 0.75em;
    background: #F8FFEF;
}

.blogcomments .odd
{
    background: #F8FFEF;
}

.blogcomment h3
{
    color: #000000 !important;
    font-size: 10px !important;
    font-weight: normal !important;
    padding-bottom: 0.5em;
}

.blogcomment h3 span
{
    font-weight: bold;
}

.blogaddcomment h3
{
    color: #444 !important;
    font-size: 10px !important;
    margin-top: 1em !important;
}

.blogaddcomment input[type=text], .blogaddcomment textarea
{
    color: #444;
    border: 1px solid #82C342;
    width: 512px;
    padding: 2px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
}

.basictagcloud
{
    text-align: center;
}

.basictagcloud a
{
    text-decoration: none;
}

#partner_logos
{
    text-align: center;
}

#partner_logos img
{
    vertical-align: middle;
}
