@import url(tmce.css);

* {
        margin: 0px;
        padding: 0px;
}
body, html {
		height: 100%;
}
body {
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(images/backgrounds/stripe_hawkgroup.gif);
        background-repeat: repeat-y;
        background-color: #FFFFFF;
        font-size: 11px;
}

*#mainContainer {
        min-height: 100%; /*** This is our faux columns ***/
}
* html #mainContainer {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#wrapper {
        background-image: url(images/backgrounds/bg_hawkgroup.jpg);
        background-color: #264A7E;
        background-repeat: no-repeat;
}
#one, #two, #three, #menu {
        clear: both;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
}
#one, #one .topleft, #one .right {
        height: 85px;
}
#two, #two .left, #two .middle, #two .right {
        height: 249px;
}
#three, #three .left, #three .middle, #three .right {
        border-bottom-style: none;
}
#three .middle {
        border-right-color: #264A7E;
}

.topleft {
        width: 596px;
        float: left;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #FFFFFF;
}
.left {
        width: 145px;
        float: left;
}
.middle {
        width: 450px;
        float: left;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #FFFFFF;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
}
.right {
        /*margin-left: 597px;*/
        float: left;
}

#two .right {
}

/*  header row  */
#logo {
        padding-left: 20px;
}

/*  footer row  */
#footer {
        color: #FFFFFF;
        text-align: center;
        font-size: 10px;
        padding: 5px;
}

/*  menu row  */
#menu {
        background-color: #264A7E;
}
#barmenu {
        font-size: 11px;
        color: #FFFFFF;
        padding-top: 2px;
        padding-bottom: 2px;
}
#barmenu a {
        color: #FFFFFF;
} /*  also has styles in tmce.css  */
#barmenu a:hover {
        color: #467CC4;
}

/*  side menu styles  */
#sidemenu a {
        background-color: #264A7E ;
        display: block;
        margin-top: 7px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: right;
        width: 96%;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 2%;
        padding-left: 2%;
}
#sidemenu a:hover {
        background-color: #467CC4;
}
#sidemenu a.home {
        margin-top: 33px;
}


/* actual content styling */
#content {
        padding: 10px 10px 30px 10px;
}
/* h1, h2, h3, h4, h5, h6, p, a, hr all styled in tmce.css */
a:hover {
        text-decoration: none;
}
li {
        margin-left: 20px;
	padding-bottom: 5px;
}
input, textarea, select {
	font: 11px Arial, Helvetica, sans-serif;
        padding-right: 2px;
        padding-left: 2px;
	margin-bottom: 5px;
	border: 1px solid #264A7E;
}
input.button, #product input, .form_span input, .right_top input {
	margin-top: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #264A7E;
	font-size: 12px;
	cursor: pointer;
	cursor: hand;
	margin-left: auto;
	margin-right: auto;
}
input.searchimage {
	border: none;
}


/* special offers */
#special {
        padding: 10px;
}
#special p {
        width: 190px;
}
#special hr {
        width: 190px;
}
#special img {
        margin-bottom: 10px;
}

/* search */
#search {
        padding-left: 10px;
        padding-top: 52px;
}

/* staff */
.staff {
	clear: both;
	margin-top: 10px;
}
.staff img {
	margin-bottom: 10px;
	float: left;
        border: 1px solid #264A7E;
}
.staff  h3     {
	margin-left: 130px;
}
.staff p {
	margin-left: 130px;
}


/* current developments */
.homeDev {
        clear: both;
        margin-top: 10px;
}
.homeDev img {
        float: left;
        border: 1px solid #264A7E;
        margin-bottom: 10px;
}
.homeDev div {
        margin-left: 160px;
}
.homeDev h2 {
        margin-bottom: 3px;
}
.homeDevLink {
        text-align: right;
}

/* contract history */
.contract {
        clear: both;
        margin-top: 10px;
}
.contract img {
        border: 1px solid #264A7E;
        float: left;
		margin-bottom: 10px;
}
.contract div {
        margin-left: 160px;
}
.contract h2 {
        margin-bottom: 3px;
}

/*
    Used in news module
*/


/* news */
#news {
    color: #ffffff;
    padding: 10px;
}
#news a {
        background-color: #467CC4;
    color: #ffffff;
        display: block;
        margin: 0;
        border: 0;
        padding: 0;
        text-decoration: underline;
        background-color: none;
    text-align: right;
}
#news a:hover {
        color: #264A7E;
        text-decoration: none;
}
#news p {
    border-bottom: solid 1px #FFFFFF;
	padding-bottom: 10px;
}
.newsItem {
    padding-top: 10px;
    border-bottom: solid 1px #264A7E;
}
.newsDate, #newsStoryDate {
        font-size: 10px;
}
.newsLink {
    text-align: right;
}
#newsStory h2 {
        font-size: 18px;
}
#newsStoryOverview {
        font-style: italic;
}


#thumbs a {
        text-decoration: none;
        text-align: center;
        width: 33%;
        margin-bottom: 8px;
        display: block;
        float: left;
}

#thumbs img {
        border: 0;
        margin-bottom: 8px;
}

.equipment {
        clear: both;
        margin-top: 10px;
}
.equipment img {
	margin-bottom: 10px;
        float: left;
        border: 1px solid #264A7E;
}
.equipment div {
        margin-left: 160px;
}
.career, .linkItem, .download {
    padding-top: 10px;
    border-bottom: solid 1px #264A7E;
}
.carrersLink, .downloadLink, .linkOffsite, .more {
    text-align: right;
}
.morelink {
    text-align: right;
    display: block;
}
form td {
    vertical-align: top;
}

.productCategory {
            margin-bottom: 5px;
            width: 33%;
            float: left;
            border: 0px;
        text-align: center;
}

.productCategory a {
        text-decoration: none;
}

.productCategory img {
            border: 0px;
}

#productImages {
            width: 210px;
            border: 0px;
            float: left;
}

#productImages img {
            margin-bottom: 10px;
}
#productInfo {
            margin-left: 210px;
}

.enquiryItem {
            
}

.enquiryItemName {
            width: 300px; 
            float: left;
}

.enquiryItemRemove {
            float: right;
            width: 70px;
}
#productInfo form {
        text-align: right;
}
.newcar img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#calltoaction {
	font-size: 16px;
	font-weight: bold;
	color: #264A7E;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border: 3px double #264A7E;
	text-align: center;
	margin-top: 10px;
}
.enquiryItem {
	padding: 10px 10px 0px 10px;
	border: 1px solid #264A7E;
	margin-bottom: 10px;
}
.newsimages {
	float: right;
}
.newsimages img {
	margin-left: 10px;
	margin-bottom: 10px;
}

/* plant sales styling */
table.tab td {
	vertical-align: top;
}
.pic img {
	border-style: solid;
	margin-right: 10px;
	border-width: 1px;
}
td.blue_line {
	border-top: 1px solid #264A7E;
}
td.bottom_results {
	padding-bottom: 10px;
}

tr.normal img {
	margin-bottom: 10px;
}

.product_view td {
	vertical-align: top;
}
div.desc, table#product {
	margin-left: 10px;
}
td.right {
	text-align: right;
}
.bluetext {
	font-size: 16px;
	font-weight: bold;
	color: #264A7E;
}
.right_top {
	margin-bottom: 10px;
}
.right_top input {
	margin-left: 10px;
}
.form_span input {
	margin-right: 5px;
	margin-bottom: -1px;
}