/*
----------------------------------------------------------------------
NOTE: Remove the comments before pushing live to decrease size.
----------------------------------------------------------------------
This CSS File is the base for the structure, no colours, images etc should be used
in this file. It will allow the basic format of the site to change with out having
to work on the colours as well. All structure has been tested with increaseing fonts
to make sure elements don't break. This has been controlled by setting various line
heights on certain elements.

REVISIONS:
Date:			User:		Details:
2007-12-12		CG			Created Structure.

BASE ELEMENTS
--------------
These base elements are used for setting up the global behaviour of certain
elements, this should only ever contain basic elements and no classes or id elements.
*/
html
{
	height: 100%;
}
body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: arial;
}
a:link, a:hover, a:visited
{
	text-decoration: none;
	outline: none;
}
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 0px 0px 0px;
	padding: 0px;
}
/*
GLOBAL CLASSES
The global classes are basic elements which contain the overal basic behaviour of the site,
any changes here will affect the overall structure.
*/
.hide, .notext
{
	display: none;
}
/* Custom styles and elements */
#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: 54px;
	#padding-top: 21px;
}
#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: 430px;
	margin: 0px 24px 0px 20px;
	padding: 0px;
}
#content-page
{
	margin: 0px 0px 0px 18px;
}
#subnav
{
	width: 100%;
	margin-top:15px 0 0 5px;
}
p.hiaquote
{
	float:left;
	width:96%;
	height: 33px;
	display: block;
	font-size: 12px;
	padding: 9px 0px 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;
	float:left;
	width:100%;
}
#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;
	float:left;
}
#content-results ol li
{
	border: solid 1px;
	list-style:none;
	padding: 10px 17px 10px 17px;
	margin-top: 3px;
	font-size: 12px;
	float:left;
	width:95%;
}
#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;
	float:left;
}
#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, #quicklinks ul li a:hover, #quicklinks ul li a:visited
{
	text-decoration: underline;
	font-size: 12px;
}
#logo
{
	width: 222px;
	margin: 0px 0px 0px 5px;
	padding-top: 1px;
	float:left;
}
#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: 5px 0px 0px 6px;
	 height: 25px; 
	line-height: 30px;
}
.primary, .secondary
{
	font-size: 14px;
	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;
	float:left;
}
#search fieldset
{
	float: left;
	height: 60px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#search ol
{
	margin: 0px;
	padding: 0px;
	clear: both;
	padding-left: 33px;
	width:100%;
}
#search ol li
{
	list-style: none;
	float: left;
	width: auto;
	padding: 0px;
	width: 260px;/*
	height: 80px;*/
}
#pageheadernav-tabs
{
	float: left;
	margin: 0px -70px 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;
}
.equotetab
{
	display: block;
	width: 147px;
	height: 39px;
}
#footer
{
	clear: both;
	margin: 20px auto 0px auto;
	height: 20px;
}
#footer ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#footer ul li
{
	display: inline;
	border-right: solid 1px;
	width: auto;
	padding: 0px 8px 0px 0px;
	margin-right: 8px;
	line-height: 10px;
}
#footer ul li.last
{
	border: none;
}
#homesearch
{
	height: 100%;
	width:744px;
	margin: 0px auto 0px auto;
}
#tradebuild
{
	margin: 0px auto 0px auto;
	position:relative;
}
#home
{
	width: 100%;
	height: 50%;
	overflow: visible;
}
#tradebuild
{
	display: block;
	width: 213px;
	height: 100%;
}
#homelogo
{
	margin: 60px 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;
}
#tradebuild, #search
{
	top: -39px;
}
#content-results-paging
{
	height: 100%
}
#homeheadernav-tabs
{
	float: left;
	margin: -47px auto 0px -30px;
	height: 80px;
	position: relative;
	top: 4px;
}



/* ************* DEVNET CHANGES ***********/
.trade_error
{
	position:absolute;
	left:60px;
	width:250px;
	top:60px;
	color:#FFFFFF;
}
.address_error
{
	position:absolute;
	left:300px;
	top:60px;
	width:250px;
	color:#FFFFFF;
}
.error_body
{
	background-color:#5281A1;
	float:left;
	width:215px;
	padding:10px;
}
#error_arrow
{
	float:left;
	width:25px;
	margin-left:100px;
}
#close
{
	float:left;
	width:10px;
	height:10px;
}
.error_text
{
	float:left;
	width:75%;
	padding-left:10px;
	font-weight:bold;
	
}
.error_info
{
	background: url(../images/info.gif) right top no-repeat;
	float:left;
	width:25px;
	height:25px;
}
#SearchButton
{
	cursor:pointer;
}

#privacy
{
	margin:2px 0 2px 15px;
	float:left;
	width: 500px;
}
#searched
{
	margin:5px 0 2px 15px;
	font-size:12px;	
	float:left;
	width: 100%;
}
#right_container
{
	width:450px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
}
#change
{
	float:left;
	width:40%;
}
.maptools
{
	float:left;
	width:50%;
	padding:5px;
	color:#00CC33;
}
#map
{
	height:300px;
	width:450px;
	margin-top:0px;
	margin-bottom:10px;
	float:left;
}
.active
{
	display:list-item;
}
.inactive
{
	display:none;
}

#content-pagination
{
	float:left;
	width:100%;
}
div.markerLabel
{
	display: block;
	padding-top: 0px;
}
div.YourMarker
{
	display: block;
	padding-top: 0px;
	text-align: center;
	color: #FFFFFF;
	background: url('../images/map/current.gif') center no-repeat;
 	font-weight:bold;
	font-size: 9px;
	width:20px;
	height:27px;
	padding:10px 5px 0 0px;
	margin:0;
}
div.markerLabel, div.label
{
	text-align: center;
	color: #FFFFFF;
	background: url('../images/map/icon-off.png') center no-repeat;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/icon-off.png', sizingMethod='scale');
	font-weight:bold;
	font-size: 9px;
	width:20px;
	height:27px;
	padding:10px 5px 0 0px;
	margin:0;
}
div.markerLabel:hover
{
	background: url('../images/map/icon-over.png') center no-repeat;
}
div.secondary
{
	background: url('../images/map/icon-off.png') center no-repeat;
}
.markerViewHoverLabel
{
	text-align: center;
	color: #FFFFFF;
	background: url('../images/map/icon-over.png') center no-repeat;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/icon-over.png', sizingMethod='scale');
	font-weight:bold;
	font-size: 9px;
	width:20px;
	height:27px;
	padding:10px 5px 0 0px;
	margin:0;
}

#tradetype
{
	border:none;
	width: 240x;
	height: 40px;
	/*margin: 5px 0px 0px 6px;
	padding:5px;
	line-height: 30px;*/
}

.num
{
	height:25px;
	margin:2px 10px 0 5px;
	float:left;
	width:25px;
	background: url('../images/map/icon-off.png') center no-repeat;
	text-align:center;
	color:#FFFFFF;
	padding-top:2px;
}

.result_content
{
	height:100%;
	float:left;
	width:350px;
}

/********   Pager   *******/

        
.qp_pagenumber  {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
	display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}
.qp_totalnumber  {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
	display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}
.counter_text
{
	color: #15B;
	display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}
.qp_counter {
    display: block;
    float: left;
	padding: 0;
    margin-right: 5px;
	margin-bottom: 5px;
	text-align:center;
}

.qp_next, .qp_prev{
	color:#999;
	border: 1px solid #999;
	background:#fff;
	display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}