/*--------------------------------------------

	Author: Lee McNamara
   	Date: 13/05/08
   	Version: 1.0
	Content: HIA - tradebuild
	© Copyright 2008 - NOW/Media
	
	**Please note that there is no graphical/text formatting options available in this file.
	This file outlines the structure and therefore should not be modified.
	Please refer to 'presentation.css' for the modifying of colours, sizing, and overall appearance of objects.**
	
	*Delete comments before uploading to live to decrease file size*
	
--------------------------------------------*/


/* ---------------------- Global Settings ----------------------- */
html{height:100%; cursor:default}
body{height:100%; margin:0px; padding:0px}
h1, h2, h3{padding:0px; margin:0px}
div{margin:0px; padding:0px}
fieldset{border:none}
h2{font-size:16px; padding:0px 0px 10px 0px}
p{margin:5px 0xp 0px 0px; padding: 0px}
.hide, .notext{display:none}
/* ---------------------- End Global Settings ---------------------- */


/* ---------------------- Layout Settings ---------------------- */
#container{width:954px; height:768px; margin:0 auto; position:relative; top:0px; z-index:10; cursor:default}
#masthead-bg{position:absolute; top:0px; left:0px; width:100%; height:207px}
#masthead-logo{position:absolute; top:33px; left:2px; width:216px; height:79px}
#masthead-HIA{position:absolute; top:40px; left:812px; width:141px; height:19px}
#masthead-HIA-browse{position:relative; top:40px; left:595px; width:141px; height:19px}
#masthead-menuBar{position:absolute; margin-top:111px; left:0px; width:959px; height:94px}
#masthead-menuBar-default{position:absolute; margin-top:96px; left:0px; width:959px; height:94px}
#tabs{width:308px; height:40px; position:absolute; left:594px}
#companyNameContainer{position:absolute; left:23px; top:8px; width:540px; height:34px}
#companyNameContainer table{width:540px; height:34px; border:none}
#companyNameContainer td{vertical-align:middle}
#companyNameContainer-profile{position:absolute; left:26px; top:6px; width:540px; height:34px}
#companyNameContainer-profile table{width:540px; height:34px; border:none}
#companyNameContainer-profile td{vertical-align:middle}
#searchBoxNav{position:absolute; left:23px; top:8px; width:540px; height:34px}
.search{width:150px; height:39px; position:absolute; top:-10px; left:0px; cursor:pointer}
.browse{width:151px; height:39px; position:absolute; top:-10px; left:152px; cursor:pointer}
.topNav{width:600px; height:15px; position:absolute; top:47px; left:25px; white-space:nowrap}
.topNav-right{width:auto; height:17px; position:absolute; top:47px; left:890px}
#mainContent{width:952px; height:530px; position:absolute; left:0px; top:207px; cursor:default}
.welcomeMsg{position:relative; left:25px; top:0px; width:400px}
.pageDescription{position:relative; left:25px; width:auto}
.blank{display:none}
#searchBoxNav{width:auto; height:auto}
#contentAreaButtons{width:692px; height:410px; position:absolute; left:10px; top:50px}
.button1{width:338px; height:75px; position:absolute; left:0px; top:0px}
.button2{width:338px; height:75px; position:absolute; left:362px; top:0px}
.button3{width:338px; height:75px; position:absolute; left:0px; top:87px}
.button4{width:338px; height:75px; position:absolute; left:362px; top:87px}
.button5{width:338px; height:75px; position:absolute; left:0px; top:176px}
.button6{width:338px; height:75px; position:absolute; left:362px; top:264px}
.button7{width:338px; height:75px; position:absolute; left:0px; top:352px}
.button8{width:338px; height:75px; position:absolute; left:362px; top:352px}
.button9{width:338px; height:75px; position:absolute; left:362px; top:176px}
.button10{width:338px; height:75px; position:absolute; left:0px; top:264px}
.button11{width:210px; height:33px; position:absolute; left:0px; top:460px}
#footer{width:auto; height:auto; position:absolute; bottom:-10%; left:25%; white-space:nowrap}
#footer-browse{width:auto; height:auto; position:relative; margin-top:20%; left:25%; white-space:nowrap}
#bunningstrade, #hiamembers, #corporateexpress {display: block; width: 190px; height: 80px}
#hiaequote{display:block; width:191px; height:55px}
#pageheader{height: 231px}
#pageheader.alt {height: 206px}
#pageheaderlogo-group, #pageheadernav-group { width: 981px; margin: 0px auto 0px auto; clear: both; }
#pageheaderlogo { float: left; width: 215px; height: 76px; display: block; margin: 33px 0px 0px 15px; }
#pageheaderby { float: right; width: 138px; height: 16px; display: block; margin: 47px 20px 0px 0px; }
#pageheadernav-content { float: left; width: 743px; height: 118px; margin: 0px 0px 0px 10px; position: relative; top: 4px; }
#pageheadernav-content.alt { width: 593px; }
#pageheadernav-title { float: left; margin-left: 30px; width: 675px; height: 30px; }
#pageheadernav-title h1 { float: left; font-size: 24px; font-weight: normal; }
#pageheadernav-title h1 span.key { font-size: 21px; font-weight: bold; }
#pageheadernav-links { margin-left:30px; padding-top: 55px; #padding-top: 57px; }
#pageheader.alt #pageheadernav-title h1 { font-size: 23px; font-weight: bold; margin-top: 5px;}
#pageheadernav-logo { margin: 0px; padding: 17px 0px 0px 5px; clear: both; height: 55px; }
#pageheadernav-results { margin-top: 7px; float: right; font-size: 12px; width: 150px; text-align: center; }
.contactmember { display: block; float: left; width: 138px; height: 24px; margin-right: 5px; }
.requestanequotedirect { display: block; float: left; width: 164px; height: 24px; margin-right: 5px; }
#pagecontent { width: 981px; margin: 20px auto 0px auto; padding: 0px; }
#pagecontent-group { width: 970px; float: left; }
#content, #subnav { float: left; }
#content { width: 689px; margin: 0px 24px 0px 20px; padding: 0px; }
#content-page { margin: 0px 0px 0px 18px; }
#subnav { width: 219px; margin-left: 15px; }
p.hiaquote { width: 689px; height: 33px; display: block; font-size: 12px; padding: 9px 16px 0px 16px; }
p.hiaquote a:link, p.hiaquote a:hover, p.hiaquote a:visited { text-decoration: underline; }
#content-page.alt h2 { padding: 0px; }
#content-page.alt h2 span { padding-right: 10px; }
#content-results-paging { margin: 0px auto 0px auto;  clear: both; height: 26px; }
#content-results-paging ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
#content-results-paging ul li {  display: inline; padding: 3px 7px 2px 7px; margin-right: 2px; border: solid 1px; width: 23px; height: 26px; text-align: center; line-height: 22px;}
#content-results-paging ul li a.selected { font-weight: bold; }
#content-results-paging .back, #content-results-paging .next { padding: 5px 8px 4px 9px; #padding: 5px 9px 5px 8px; border: none; width: 48px; height: 21px;  line-height: 23px; margin-left: 4px;}
#content-results ol { margin: 0px; padding: 0px; clear: both;}
#content-results ol li { border: solid 1px; list-style: none; padding: 10px 17px 10px 17px; margin-top: 3px; font-size: 12px; }
#content-results p { margin: 5px 0px 5px 0px; }
a:link.more, a:hover.more, a:visited.more { text-decoration: underline; }
a:link.content-result-name, a:hover.content-result-name, a:visited.content-result-name { text-decoration: underline; font-size: 16px; }
.content-result-name span.key { font-weight: bold; }
.content-results-links { height: 24px; }
.profile { display: block; float: left; width: 80px; height: 24px; margin-right: 4px; }
.contact { display: block; float: left; width: 66px; height: 24px; margin-right: 4px; }
#quicklinks { width: 222px; padding-top: 7px; }
#quicklinks ul { margin: 0px; padding: 4px 0px 8px 0px; width: 222px; }
#quicklinks ul li { list-style: none; list-style-type: none; margin: 4px 0px 8px 10px; padding: 0px; }
#quicklinks ul li a:link{ text-decoration: none; font-size: 12px; }
#quicklinks ul li a:hover, #quicklinks ul li a:visited { text-decoration: underline; font-size: 12px; }
#logo { width: 222px; margin: 15px 0px 0px 0px; padding-top: 1px; }
#logo ul { margin: 0px; padding: 0px 0px 10px 0px; }
#logo ul li { list-style: none; list-style-type: none; margin: 4px 0px 0px 16px; padding: 8px 0px 0px 0px; }
.text { width: 257px; height: 40px; }
.text label { visibility: visible; position:absolute; top: 27px; #top: 30px; height: 25px; margin-left: 8px; letter-spacing: .03em; #letter-spacing: 0px; }
.text input { border: solid 1px; width: 242px; margin: 4px 0px 0px 6px; height: 30px; line-height: 30px; }
.primary, .secondary  { font-size: 22px; font-weight: bold; }
.searchbutton { float: left; width: 138px; height: 42px; border: none; margin-top: 2px; }
.okbutton { float: left; width: 97px; height: 41px; border: none; margin-top: 2px; }
#search { width: 744px; height: 62px; padding-left: 10px; }
#search fieldset { float: left; height: 60px; margin: 20px 0px 0px 0px; padding: 0px; }
#search ol { margin: 0px; padding: 0px; clear: both; padding-left: 33px; }
#search ol li { float: left; list-style: none; width: auto; padding: 0px; width: 260px; height: 80px; }
#pageheadernav-tabs { float: left; margin: 0px auto 0px auto; height: 39px; position: relative; top: 4px; }
#pageheadernav-tabs ul { margin: 0px; padding: 0px; list-style-type: none; }
#pageheadernav-tabs ul li { float: left; width: 149px; height: 39px;}
.searchtab { display: block; width: 148px; height: 39px; }
.searchtabalt { display: block; width: 149px; height: 39px; } 
.browsetab { display: block; width: 147px; height: 39px; }
#homesearch { height: 100%; width:744px; margin: 15px auto 0px auto;  }
#search.home, #homelogo { margin: 25px auto 0px auto; position:relative}
#tradebuild{margin:-15px auto 0px auto; position:relative}
#home { width: 100%; height: 40%; overflow: visible; }
#tradebuild { display: block; width: 213px; height: 100%; }
#homelogo { margin: 0px auto 0px auto; width: 679px; height: 110px; }
#homelogo ul { margin: 0px; padding: 0px; clear: both;  }
#homelogo ul li { float: left; list-style: none; height: 80px; width: 190px; margin: 15px 18px 0px 18px; }
#search.home { height: 100px; padding-left: 0px; }
#tradebuild, #homelogo { top: -39px;}
#search{top:-23px}
/* ---------------------- End Layout Settings ---------------------- */