﻿
/*******************************************************************/
/****General Elements***********************************************/
/*******************************************************************/
html					 
{
	height:100%;
}
body					 
{
	height:100%;margin: 0;padding:0;font: 11px Arial, Helvetica, sans-serif; 
	background:#fff;
	color:#6a6a6a;
	min-height:100%;
}
form					 
{
	height:100%;
	margin:0;
	padding:0;
}
img
{
	outline:0;	
	border:none;
}
a, a:visited					 
{
	/*float:left;*/
	font-size:11px;
	color:#142344;
	text-decoration:none; 
	border:none;
}
a:hover
{
	/*color:#070d1a;*/
	color:#000;
}
a:focus					 
{
	outline:0;
}
ul						 
{
	padding:0;margin:0;list-style-type:none;width:100%;
}
h2
{
	font: 15px Helvetica, Arial, sans-serif;
	color:#142344;
	border-bottom:1px solid #142344;
	padding:0 0 19px 0;
	margin:0 0 0 0;
	line-height:0.7em;
	font-weight:normal;
}
h2.secondary
{
	margin:25px 0 18px 0;
	font: 14px  Arial, Helvetica,sans-serif;
}
/*the backgrounds are the same as the main nav*/
h3
{
	margin:0;
	padding:8px 0 8px 10px;
	height:15px;
	color:#fff;
	font-size:12px;
}
h4
{
	float:left;
	margin:0;
}
p
{
	margin-top:15px;
}
p.first
{
	margin-top:20px;
}
p.italic
{
	margin-top:0;
	padding-bottom:8px;
	font-style:italic;
	color:#142346;
}
p.bold
{
	font-weight:bold;
	color:#142243;
}
input		
{
}
/*******************************************************************/
/****END************************************************************/
/*******************************************************************/
#container
{
	width:960px; 
	margin-left:auto; 
	margin-right:auto;
	height:100%;
	position:relative;
	background:#fff;
}
#innerContainer
{
	float:left;
    width:912px;
	padding:0 24px 0 24px;
    background:#fff;
	position:relative;
}

#pageContainer
{
	float:left;
    width:912px;
    background:#fff;
	position:relative;
}
* html #innerContainer	
{
	height: 80%;
}
#header
{
	height:155px;
	width:912px;
	background:url(../images/header.gif) no-repeat;
}
/*******************************************************************/
/**Main Navigation**************************************************/
/*******************************************************************/
#navMain
{
	background:url(../images/bgNavMainPassive.gif) repeat-x;
	width:100%;
	height:32px;
	position:relative;
	border-bottom:1px solid #fff;
}

/*this inner div allows for the 1px overlap underneath*/
#navMain div
{
	top:0px;
	position:absolute;
	width:912px;
	height:33px;
}
#navMain div ul li
{
	float:left;
	border-right:1px solid #fff;
}
#navMain div ul li a, #navMain div ul li a:visited
{
	float:left;
	display:block;
	padding:9px 24px;
	color:#fff;
	height:14px;
	font-size:12px;
	font-weight:bold;
}
#navMain div ul li a:hover, #navMain div ul li a:active, #navMain div ul li a.active
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
	border-bottom:1px solid #213a71;
}
/*******************************************************************/
/**End**************************************************************/
/*******************************************************************/

#headerFlash
{
	float:left;
	width:912px;
	height:198px;
	top:189px;
	left:24px;
}
/*******************************************************************/
/**Content holding the three columns********************************/
/*******************************************************************/
#content
{
	float:left;
	padding:30px 0 30px 0;
	width:912px;
	position:relative;
}
#content.Home
{
	/*background:url(../images/home.gif)*/
}
#content.Sellers
{
	/*background:url(../images/sellers.gif)*/
}
#content.Buyers
{
	/*background:url(../images/buyers.gif)*/
}
#left
{
	float:left;
	width:200px;
	background:#f4f3f2;
	/*color:#c3c3c3;*/
	position:relative;
}
#left h3
{
	background:url(../images/bgNavMainPassive.gif) repeat-x;
}
#left h4
{
	padding:15px 0 0 0;
	color:#8d8279;
	font-size:11px;
}
#left div.articles, #left div.articleForm
{
	float:left;
	color:#142344;
	float:left;
	padding:8px 10px 8px 10px;
	width:87%;
}
#left div.articles div
{
	float:left;
	width:100%;
	margin-top:10px;
}
#left div.articles div.first
{
	padding-top:10px;
}
#left div.articles div input
{
	float:left;
	margin:0 !important;
	padding:0 !important;
	border:none;
	height:15px;
	
}
#left div.articles div label
{
	float:left;
	width:150px;
	padding:0 0 0 5px;
}

*+html #left div.articles div label
{
	width:140px;
}
* html #left div.articles div label
{
	width:140px;
}
#left div.articles span
{
	float:left;
}
#left div.articles span.checkBoxDesc
{
	float:left; 
	width:100px; 
	padding:0 0 0 5px;
}
#left div.articleForm p				
{
	float:left;
	margin:10px 0 0 0;
}
#left div.articleForm div.inputWrap	
{
	float:left;
	margin-top:4px;
	width:100%;
}
#left div.articleForm div.buttonWrap input
{
	float:left;
	margin-top:4px;
	width:100%;
	color:White;
}
#left div.articleForm div.inputWrap input, #left div.articleForm div.inputWrap textarea
{
	width:100%;
	padding:2px 0 2px 5px;
	font-size:11px;
	color:#6a6a6a;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #c9c8c8;
	border-bottom:1px solid #c9c8c8;
	overflow:hidden;
	
}
referenceWrap input
{
	color:Red;
}
#left div.articleForm div.inputWrap textarea
{
	height:80px;
}
#center
{
	float:left;
	width:472px;
	margin-left:20px;
	border-right:1px solid #edeff1;
	border-left:1px solid #edeff1;
	text-align:justify;
}
* html #center
{
}
#center div.content
{
	float:left;
	padding:0 20px 10px 20px;
}
* html #center div.content
{
}
#center h3.main
{
	color:#142346;
	border-bottom:1px solid #142346;
	padding-left:0;
	padding-bottom:15px;
}
*+ html #center h3.main
{
	width:432px;
}
#center h4.main
{
	width:430px;
	color:#142346;
	font-size:11px;
}
#right
{
	float:right;
	width:198px;
	font-size:11px;
}
#right a
{
	font-size:11px;
}
#right h3
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
}
#right h4
{
	width:182px;
	font-size:15px;
	font-weight:normal;
	margin:0;
}
#right div.info
{
	color:#142344;
	float:left;
	padding:15px 0 10px 10px;
	width:180px;
}
* html #right div.info
{
	width:188px;
}
#right div.info div
{
	clear:left;
	font-size:15px;
}
#right div.info div.mail
{
	clear:left;
	font-size:11px;
}
*+ html #right div.info div.mail, * html #right div.info div.mail
{
	height:15px;
}
#right div div.web a
{
	font-weight:bold;
}
#right div.info div span
{
	float:left;
	margin-right:4px;
	font-weight:bold;
}
#testimonials, #opportunities
{
	
	margin-top:40px;
	float:left;
	width:198px;
}
#testimonials h3, #opportunities h3
{
	width:188px;
}
#testimonials p
{
	padding-top:15px;
	margin-bottom:0px;
	width:190px !important;
}
* + html #testimonials p, * html #testimonials p
{
}
#opportunities p
{
	padding-top:15px;
	width:140px;
	font-size:12px;
	font-weight:bold;
}
#steps
{
}
#steps div.stage1

{
	width:100%;
	background:#b8bcc7;
}
#steps div.stage2

{
	width:100%;
	background:#8990a1;
}
#steps div.stage3

{
	width:100%;
	background:#727a8f;
}
#steps div.stage4

{
	width:100%;
	background:#5a647c;
}
*+ html #steps div.stage1, *+ html #steps div.stage2, *+ html #steps div.stage3, *+ html #steps div.stage4
{
	width:432px;
}
#steps div.stage1 p, #steps div.stage2 p, #steps div.stage3 p, #steps div.stage4 p

{
	margin:0;
	padding:3px 6px;
	color:#fff;
	font-weight:bold;
}
/*******************************************************************/
/**End**************************************************************/
/*******************************************************************/

/*******************************************************************/
/**Business Data****************************************************/
/*******************************************************************/
#businessData
{

}
#navPaging
{
	float:left;
}
#navPaging ul li
{
	float:left;
	margin-right:1px;
}
#navPaging ul li.spacer
{
	
	margin-right:7px;
}

#navPaging ul li a, #navPaging ul li a:visited
{
	float:left;
	display:block;
	padding:2px 8px;
	color:#fff;
	height:15px;
	font-size:12px;
	font-weight:bold;
	background:#cac2ba;
	cursor:pointer; /*As it contains no url. Javascript is used instead*/
}
/***********************/
#navPaging ul li a:hover, #navPaging ul li a:active, #navPaging ul li a.active
{
	background:url(../images/bgNavSubOver.gif) repeat-x;
}

#data
{
	float:left;
	position:relative;
	width:430px;
	padding-top:10px;
	padding-bottom:20px;
}
* html #data
{
}
#data div.header
{
	float:left;
	width:430px;
	height:30px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
#data div.passive
{
	background:url(../images/bgNavMainPassive.gif) repeat-x;
}
#data div.hover
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
}
#data div.active
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
}
#data div.header div.image
{
	float:left;
	width:26px;
	height:30px;
}
#data div.header div.passive
{
	background:url(../images/bgArrowData.gif) no-repeat;
}
#data div.header div.hover
{
	background:url(../images/bgArrowDataOver.gif) no-repeat;
}
#data div.header div.active
{
	background:url(../images/bgArrowDataActive.gif) no-repeat;
}
#data div.header h3
{
	float:left;
	padding:8px 0 8px 8px;
	font-size:12px;
}
#data div.header span
{
	float:right;
	padding:8px 12px 8px 0;
	font-size:12px;
}
#data div.dataContent
{
	/*get rid of inherent padding and margin from parent div*/
	padding:0;
	margin:0;
	float:left;
	width:430px;
	padding-bottom:8px;
}

#data div.dataContent div
{
	float:left;
	padding:0;
	width:430px;
	border-top:1px solid #fff;
}

/*Fix the width on IE7*/
*+html #data div.dataContent div
{
	width:430px;
}
#data div.dataContent div.location
{
	background:#b3a89d;
	color:#fff;
	font-weight:bold;
}
#data div.dataContent div.description
{
	background:#f0eeeb;
}
#data div.dataContent div.details
{
	background:#e1dcd8;
	font-weight:bold;
}

#data div.dataContent div.ref
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
	font-weight:bold;
	padding:4px 12px 0 34px;
	color:#fff;
	height:19px;
	width:384px;
}
#data div.dataContent div.ref span.left
{
	float:left;
}
#data div.dataContent div.ref span.right
{
	float:right;
	cursor:pointer;
	font-weight:bolder;
}
#data div.dataContent div p
{
	width:262px;
	margin:0;
	padding:0;
	padding:2px 34px;
}
#data div.dataContent div.description p
{
	padding:6px 34px;
}
/*******************************************************************/
/**End**************************************************************/
/*******************************************************************/

/*******************************************************************/
/**Buttons**********************************************************/
/*******************************************************************/

#left div.articleForm div.buttonWrap	
{
	float:left;
	margin-top:4px;
	width:76px;
}
.buttonWrap input
{
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	font-size:11px;
	border:0;
	float:left;
	width:76px;
	height:26px;
    text-align:center;
}
.buttonWrap input.button
{
	background:url(../images/bgNavMainPassive.gif) repeat-x;
}
.buttonWrap input.buttonOver
{
	background:url(../images/bgNavMainActive.gif) repeat-x;
}

/*******************************************************************/
/**End**************************************************************/
/*******************************************************************/

/*******************************************************************/
/**Miscellaneous****************************************************/
/*******************************************************************/
span.stripBrown, span.stripGrey
{
	float:left;
	width:100%;
	height:1px;
	background:#d3cdc7;
}
span.stripGrey
{
	margin-top:5px;
}
*+ html span.stripBrown, span.stripGrey
{
	
}
span.stripGrey
{
	background:#c4c8d0;
}
	/*to keep the height as 1px IE6*/
* html span.stripBrown,* html span.stripGrey
{
	font-size:1px;
}
/*******************************************************************/
/**End**************************************************************/
/*******************************************************************/
#footerWrap
{
	clear:both;
	height:519px; 
	width:912px; 
	padding:0 24px 0 24px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
#footer
{
	height:519px;
	width:912px;
	background:url(../images/footer.gif) no-repeat;
}


.GD
{
	position:absolute;
	padding:0 0 0 8px;
	bottom:0;
	left:0;
}
