/**
 *	TuTrack
 *  Base Screen Styles
 *	
 *	@author:	natz
 *	@date:		21/02/2009
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
	background:					#3f3f3f url(../images/bg-body.jpg) repeat-x;
}
html,body {
		background-image: url(../images/bg-body-home.jpg);	
		}

body {
	color:						#000;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#navigation {
	font-size:					14px;
	height:						35px;
}

body#home div#pitch {
	background:					url(../images/bg-pitch.jpg) 50% 0 no-repeat;
}
body#home div#pitch-inner {
	height:						244px;
}

body#home div#pitch div.action {
	height:						92px;
}

body#home div#features {
	background:					#fff;
	font-size:					1.2em;
	line-height:				150%;
	padding-top:				18px;
}

body#home div#news {
	background:					#fafafa url(../images/bg-news.gif) repeat-x;
	font-size:					1.2em;
	line-height:				150%;
	padding-top:				80px;
	padding-bottom:				37px;
}

div#header {
	background:					url(../images/bg-header.jpg) 50% 0 no-repeat;
	height:						83px;
	padding-top:				32px;
}

div#content {
	background:					#fff url(../images/bg-content.gif) repeat-x;
	font-size:					1.2em;
	line-height:				150%;
	padding-top:				57px;
}
body#home div#content {
	padding-top:				36px;
}
div#content div.content-2 {
	background:					#fafafa url(../images/bg-content-2.gif) repeat-x;
}
div#content div.action,
div#content div.highlight {
	background-color:			#f5f5f5;
	border-top:					1px solid #e0e0e0;
	border-bottom:				1px solid #e0e0e0;
	clear:						both;
	text-align:					center;
	margin:						0 0 3em 0;
	padding:					1.5em 1.5em 0 1.5em;
}
body#home div#content div.highlight {
	text-align:					left;
}

div#hello {
	background:					#fafafa url(../images/bg-hello.gif) repeat-x;
	min-height:					400px;
}

div#footer {
	background:					url(../images/bg-footer.png) repeat-x;
	font-size:					1.2em;
	line-height:				150%;
	min-height:					509px;
	padding-top:				42px;
}

div.container {
	margin:						0 auto;
	overflow:					hidden;
	width:						909px;
}

div.left {
	float:						left;
	width:						703px;
}
div#footer div.left {
	padding-right:				10px;
	width:						336px;
}

div.left div.left-inner {
	padding-right:				1.5em;
}

div#footer div.middle {
	float:						left;
	padding-right:				10px;
	width:						347px;
}

div.right {
	 margin-left:				703px;
}    
div#footer div.right {
	float:						left;
	margin-left:				0;
	width:						206px;
}
a.tour-ad {
	float:						left;
	width:						909px;
	height:						84px;
	background:					url(../images/advertisements/premium-footer.png) no-repeat;
	margin-bottom:				20px;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background-color:			#e0e0e0;
	border:						0;
	clear:						both;
	color:						#e0e0e0;
	height:						1px;
	margin:						0 0 1.5em 0;
}

strong {
	font-weight:				bold;
}

body#home h1#logo {
	padding-top:				31px;
}

body#home h2#tagline {
	font-size:					26px;
}

body#home div#pitch div.action p {
	font-size:					1.2em;
	padding-top:				40px;
}

body#home div#content div.right h4,
body#home div#news div.right h4 {
	font-size:					22px;
	font-weight:				bold;
	padding-bottom:				15px;
}

div#navigation h1#logo {
	float:						left;
	margin:						4px 19px 0 0;
	width:						108px;
}

div#header h2 {
	color:						#fff;
	font-size:					26px;
	font-weight:				bold;
	margin-bottom:				5px;
	padding-left:				34px;
}
div#header p {
	color:						#fff;
	font-size:					14px;
	font-weight:				bold;
	padding-left:				34px;
}

div#content h3 {
	font-size:					22px;
	font-weight:				bold;
	margin-bottom:				0.5em;
}
div#content div.right h3.quote {
	background:					url(../images/bg-h3-quote.gif) 0 3px no-repeat;
	line-height:				110%;
	text-indent:				25px;
}
div#content div.right h3.quote span {
	color:						#f69322;
}
div#content p {
	margin-bottom:				1.5em;
}
div#content div.action p {
	font-size:					14px;
}

div#content div.left h2 {
	font-size:					36px;
	font-weight:				bold;
	line-height:				1;
	margin-bottom:				12px;
}

div#footer div.left h2 {
	color:						#fff;
	font-size:					16px;
	font-weight:				bold;
	margin-bottom:				1.5em;
}
div#footer div.left h2 span {
	color:						#afafaf;
}
div#footer div.left h3 {
	color:						#fff;
	font-size:					16px;
	font-weight:				bold;
}
div#footer div.left p {
	color:						#a5a5a5;
	margin-bottom:				1em;
}

div#footer div.middle h3 {
	color:						#fff;
	font-size:					16px;
	font-weight:				bold;
	margin-bottom:				0.5em;
}
div#footer div.middle h4 {
	color:						#fff;
	font-weight:				bold;
}
div#footer div.middle p {
	color:						#a5a5a5;
}

div#footer div.right h3 {
	color:						#fff;
	font-size:					16px;
	font-weight:				bold;
	margin-bottom:				0.5em;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#navigation ul {
	float:						left;
}
div#navigation ul li {
	float:						left;
}
div#navigation ul li a,
div#navigation ul li a:link {
	color:						#fff;
	display:					block;
	height:						25px;
	padding:					10px 10px 0 10px;
	text-decoration:			none;
}
div#navigation ul li.pricing-sign-up a,
div#navigation ul li.pricing-sign-up a:link {
	color:						#fa9020;
	text-decoration:			underline;
}
div#navigation ul li a:hover {
	background-color:			#fa9020;
}
div#navigation ul li.pricing-sign-up a:hover {
	background:					none;
}

div#navigation p {
	color:						#fff;
	float:						right;
	font-size:					14px;
	padding-top:				10px;
}
div#navigation p a,
div#navigation p a:link {
	color:						#fff;
	text-decoration:			none;
}
div#navigation p a.login,
div#navigation p a.login:link {
	color:						#fa9020;
	text-decoration:			underline;
}

body#home div#pitch div.action ul {
	background:					url(../images/bg-pitch-action.png) 0 0 no-repeat;
	float:						left;
	height:						53px;
	margin:						12px 20px 0 0;
	padding:					11px 0 0 10px;
	width:						327px;
}
body#home div#pitch div.action ul li {
	float:						left;
}
body#home div#pitch div.action ul li#sign-up {
	margin:						0 25px 0 0;
	width:						147px;
}
body#home div#pitch div.action ul li#tour {
	 width:						143px;
}
body#home div#pitch div.action ul li a,
body#home div#pitch div.action ul li a:link {
	display:					block;
	height:						43px;
	text-indent:				-9999px;
}
body#home div#pitch div.action ul li#sign-up a,
body#home div#pitch div.action ul li#sign-up a:link {
	width:						147px;
}
body#home div#pitch div.action ul li#tour a,
body#home div#pitch div.action ul li#tour a:link {
	width:						143px	
}

body#home div#pitch div.action p a,
body#home div#pitch div.action p a:link {
	color:						#fa9020;
}

body#home div#news div.left ol li {
	background:					url(../images/icons/icon-news-date.gif) no-repeat;
	margin-bottom:				1.5em;
	padding-right:				10px;
	overflow:					hidden;
}
body#home div#news div.left ol li div.stamp {
	float:						left;
	line-height:				1;
	padding:					2px 0 0 2px;
	width:						51px;
}
body#home div#news div.left ol li div.stamp span {
	display:					block;
}
body#home div#news div.left ol li div.stamp span.day {
	color:						#fff;
	font-size:					18px;
}
body#home div#news div.left ol li div.stamp span.month {
	color:						#fff;
	margin-bottom:				1em;
}
body#home div#news div.left ol li div.stamp span.time {
	font-size:					10px;
}
body#home div#news div.left ol li div.content {
	margin-left:				85px;
}
body#home div#news div.left ol li div.content h3 {
	font-size:					22px;
	font-weight:				bold;
}
body#home div#news div.left ol li div.content p {
	margin-bottom:				1.5em;
}
body#home div#news div.left ol li div.content p.author {
	color:						#acacac;
}
body#home div#news div.left ol li div.content a,
body#home div#news div.left ol li div.content a:link {
	color:						#f69322;
	text-decoration:			none;
}

body#home div#news div.left a.previous,
body#home div#news div.left a.previous:link,
body#home div#news div.left a.newer,
body#home div#news div.left a.newer:link {
	display:					block;
	height:						23px;
}
body#home div#news div.left a.previous,
body#home div#news div.left a.previous:link {
	float:						left;
	padding-left:				85px;
	width:						83px;
}
body#home div#news div.left a.newer,
body#home div#news div.left a.newer:link {
	float:						right;
	padding-right:				10px;
	width:						66px;
}

body#home div#news div.right ul li {
	margin-bottom:				1em;
}
body#home div#news div.right ul li a,
body#home div#news div.right ul li a:link {
	color:						#000;
}

div#content a,
div#content a:link {
	color:						#f69322;
}

div#content div.action p a,
div#content div.action p a:link {
	color:						#252525;
	font-size:					26px;
	font-weight:				bold;
}

div#content ul {
	line-height:				180%;
	margin-bottom:				1.5em;
}
div#content ul li {
	background:					url(../images/icons/icon-circle-arrow-fa9a34.gif) 0 0 no-repeat;
	padding-left:				25px;
}

div#content div.right ol li {
	background-repeat:			no-repeat;
	margin-bottom:				1.5em;
	padding-left:				26px;
}
li.item-1 { background-image: url(../images/icons/icon-item-1.gif); }
li.item-2 { background-image: url(../images/icons/icon-item-2.gif); }
li.item-3 { background-image: url(../images/icons/icon-item-3.gif); }
li.item-4 { background-image: url(../images/icons/icon-item-4.gif); }

div#content ul#products-menu {
	overflow:					hidden;
	padding-bottom:				24px;
	width:						100%;
}

div#content ul#products-menu li {
	background:					none;
	background-repeat:			no-repeat;
	float:						left;
	height:						71px;
	margin-right:				7px;
	padding:					0;
	text-indent:				-9999px;
}
div#content ul#products-menu li#trades-online {
	background-image:			url(../images/b-trades-online.png);
	width:						182px;
}
div#content ul#products-menu li#track-tender {
	background-image:			url(../images/b-track-tender.png);
	width:						177px;
}
div#content ul#products-menu li#business {
	background-image:			url(../images/b-business.png);
	width:						164px;
}
div#content ul#products-menu li.active {
	background-position:		left bottom;
}
div#content ul#products-menu li a,
div#content ul#products-menu li a:link {
	display:					block;
	height:						71px;
}

div#content ul#tour-listing li {
	background:					none;
	float:						left;
	margin-right:				60px;
	padding:					0;
	width:						262px;
}
div#content ul#tour-listing li.last {
	margin-right:				0;
}
div#content ul#tour-listing li h4 {
	font-size:					16px;
}

div#content  ul#tour-listing-thumbs li {
	background:					none;
	float:						left;
	margin-right:				5px;
	padding:					0;
}

body#home div#content div.left ul li {
	background:					none;
	float:						left;
	margin:						0 16px 1.5em 0;
	padding:					0;
	width:						335px;
}
body#home div#content div.left ul#tour-listing-thumbs li {
  width:              88px;
  
}
body#home div#content div.left ul li h3 {
	font-size:					22px;
	font-weight:				bold;
	padding-bottom:				15px;
}
body#home div#content div.left ul li img {
	background-color:			#f5f5f5;
	border:						1px solid #e0e0e0;
	margin-bottom:				10px;
	padding:					7px;
}

body#home div#content div.right ul li {
	background:					url(../images/icons/icon-circle-arrow-fa9a34.gif) no-repeat;
	margin-bottom:				1em;
	padding-left:				26px;
}

div#footer div.middle dl {
	overflow:					hidden;
	margin-bottom:				2em;
}

div#footer div.middle dl dt,
div#footer div.middle dl dd {
	float:						left;
}

div#footer div.middle dl dt {
	color:						#fff;
	width:						60px;
}
div#footer div.middle dl dd {
	color:						#a5a5a5;
	width:						287px;
}
div#footer div.middle dl dd a,
div#footer div.middle dl dd a:link {
	color:						#f69322;
	text-decoration:			none;
}

div#footer div.right ul {
	color:						#f69322;
	margin-bottom:				3em;
}

div#footer div.right ul li a,
div#footer div.right ul li a:link {
	color:						#f69322;
	text-decoration:			none;
}
div.take-a-tour 
{
	padding:					65px 130px 0  0 ;
}


/** images
------------------------------------------------------------------ */
div#content div.left img,
ul#tour-listing li img {
	background:					#f5f5f5;
	border:						1px solid #e0e0e0;
	margin-bottom:				1.5em;
	padding:					7px;
}
div#content div.left ul#tour-listing-thumbs li.active a img {
	background:					#9d9d9d;
	border:						1px solid #3b3b3b;
}
body#home div#content div.highlight img {
	background:					none;
	border:						0;
	margin:						0;
	padding:					0;
}


/** tables
------------------------------------------------------------------ */
div#footer div.left table tr td.label {
	color:						#fffefe;
	padding-bottom:				6px;
	width:						44px;
}
div#footer div.left table tr td.textinput {
	background:					url(../images/forms/footer/bg-ti.gif) no-repeat;
	padding-bottom:				6px;
	width:						293px;
}
div#footer div.left table tr td.textarea {
	background:					url(../images/forms/footer/bg-ta.gif) no-repeat;
	padding-bottom:				2px;
}
div#footer div.left table tr td.submit {
	text-align:					right;
}
a.take-a-tour-button {
	background:					url(../images/tour/take-a-tour-button.png) no-repeat;
	height:						133px;
	width:						301px;
	float:						right;
}
a:hover.take-a-tour-button {
	background-position:		0 100%;
}
/** forms
------------------------------------------------------------------ */
div#footer div.left table tr td.textinput input {
	background:					transparent;
	border:						0;
	font-size:					12px;
	height:						19px;
	padding:					4px 0 0 10px;
	width:						283px;
}
div#footer div.left table tr td.textarea textarea {
	border:						0;
	background:					transparent;
	height:						107px;
	width:						335px;
}

/** products page 
------------------------------------------------------------------ */

div#products div#content
{

width:100%;
  min-height:20px;
	  margin-left: auto;
  margin-right: auto;
  padding-top:33px;
}
div#products div.content-2
{
}
div#products div.left
{
border:1px solid #e4e4e4;
padding:1%; 
width: 77%;
float:left;
}
div#products div.right
{
  width:19%;
  float:right;
  margin:0;
}
div#products 
{
	  margin-left: auto;
  margin-right: auto;
	width: 100%;
	background-color:#fff;
	min-height:10px;

}
div#products div.container
{
  width:909px;
	min-height:20px;

}
div#products p.orange
{
  color:#fa9020;
  font-weight:bold;
  font-size:13px;
  font-family:arial;

}

div#about-us div.left
{
border:1px solid #e4e4e4;
min-height:10px;
_height:10px;
padding:0px;
background: #fa9020 url(../images/content/about-us-left.png) top no-repeat;
padding:10px;
width:251px;
float:left;
color:#fff;
margin-bottom:20px;

}
div#about-us div.middle
{
border:1px solid #e4e4e4;
min-height:10px;
_height:10px;
padding:0px;
background: #e5e5e5 url(../images/content/about-us-right.png) top no-repeat;
padding:10px;
width:375px;
float:left;
margin-bottom:20px;
}
div#about-us div.split
{
  width:20px;
  height: 50px;
  float:left;
}
div#about-us div.right
{
  width:19%;
  float:right;
  margin:0;
}
div#about-us h3
{
font-family: verdana;
font-weight:100;
line-height:25px;
}
div.modal-quote-pricing
{
width:500px;
height:127px;
float:left;
padding-left:20px;
line-height: 127px;
font-size:24px;
font-family:tahoma;
background: url('../images/tour/pricing-modal.png') right no-repeat;
}
a.modal-member-pricing
{
width:283px;
height:86px;
float:left;
background: url('../images/tour/pricing_member.png') right no-repeat;

}
a.modal-register-pricing
{
width:278px;
height:86px;
float:left;
background: url('../images/tour/pricing_signup.png') right no-repeat;

}