@charset "utf-8";
/* 

Layout CSS document for project: AdTrakker
Coded by: Paul Welby
Date: 4-03-2008

*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

/* ------------------------ GLOBALS ------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

.png { behavior: url(iepngfix.htc); }


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

/* -------------------- Background image manipulation -------------- */

.border{ background-image:url(../images/BigBorder.png); background-repeat:no-repeat; position:relative; height:51%; width:51%;}
.tr{ background-position:right top; top:0; right:0; clear:both; display:inline;}
.tl{ background-position:left top; top:0; left:0; clear:both;display:inline;}
.br{ background-position:right bottom; right:0; bottom:0; clear:both; display:inline;}
.bl{ background-position:left bottom; left:0; bottom:0; clear:both; display:inline;}
h2 { background-color:white;color:#D68E04;display:inline;font-family:"Arial Black";font-size:18px;font-weight:normal;left:14px;	position:relative;top:-18px;width:auto; }

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

/* classes ------------------------------ */
.ATblue {color:#277aa3;}
.B-bl-nl { 
	color:#277aa3;
	font-weight:bold;
	padding-top:10px;
	text-decoration:underline; 	
}
.textBlue { font-family:"Arial Black";font-size:14px;color:#277aa3;text-decoration:none; font-weight:normal; }

/* -------------------------------------- */
body {
background:#FFFFFF url(../images/bkgd_extend_WIDE.png) repeat scroll 50% 0pt;
margin:0px;
padding:0px;
}

#wrapper { 
	height:auto;
	margin:auto;
	padding:0px 0px 0px 0px;
	width:775px;
	position:relative;

}	
#whiteBkgd {
	background-image:url(../images/white_bkgd.png);
	background-repeat:repeat-y;
	width:802px;
	height:850px;
	float: none;
	margin: auto;
	padding-right:10px;
}
#whiteBkgd span {display:block;}	


div#whiteBkgd { height:auto !important; min-height: 800px; padding-bottom: 20px; }
div#content { _float:left; position:relative; z-index:2; padding-bottom:32px; !padding-bottom:19px; }
.clear {clear:both; padding-top:4px !important; !padding-top:2px !important; }
#leftItem1 {min-height:452px; }

/* - - - - - - HEADER = from include - - - - - - - - - - - - -  */
#header { 
	height:90px;
	margin:0px;
	padding:0px;
	z-index:3;
}
#header a img { 
	margin:2px 0px 0px -3px;
	height:74px;
	width:293px;
}
#header .phoneTextBlock { 
	position:absolute;
	right:10px;
	top:42px;
	width:345px;
	height:30px;
}
#header p.phone { 
	bottom:3px;
	color:black;
	font-family:Arial Black;
	font-size:24px;
	position:absolute;
	right:4px;	
}
/* IE 6 hack */
* html #header p.phone { right:4px; }
* html #header .phoneTextBlock { 
	position:absolute;
	right:15px;
	top:42px;
	width:345px;
	height:30px;
}
/* end IE6 hack */

#header p { 
	bottom:10px;
	color:#D68E04;
	font-family:Arial Black;
	font-size:14px;
	margin-top:5px;
}
#header #nav { 
	float:left;
    width:100%;
    font-size:93%;
    line-height:normal; }

/* - - - - - -  HEADER - - - - - - - - - - - - - - - - -  */

/* - - - - - - MAIN NAVIGATION  - - - - - - - - - - - - - - -  */	

	
	#tabNAV {
		background:#DAE0D2 url(../images/bg.gif) repeat-x scroll center bottom;
		margin-top: -10px;
		float:left;
		line-height:normal;
		width:98.5%;
		padding-right: 0px;
		z-index: 7
      }
    #tabNAV ul {
		margin:0;
		padding:8px 10px 0 ;
		list-style:none;
      }
    #tabNAV li {
      	display:inline;
      	margin:0;
      	padding:0;
      }

	  
    #tabNAV a {
      	float:left;
				display:block;
      	background:url("../images/left-NavABCD.png") no-repeat left top;
      	margin:0;
      	padding:0 0 0 7px;
      	text-decoration:none;
				
      }
    #tabNAV a span {
      	float:left;
      	display:block;
      	background:url("../images/right-NavABCD.png") no-repeat right top;
      	padding:4px 11px 4px 3px; /* -- 4 11 4 5 -- */
      	color:#858585;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:bold;
				cursor:pointer;
      }
	  #tabNAV ul li.special a {
      	float:left;
				display:block;
      	background:url("../images/left-NavABCD.png") no-repeat left top;
      	margin:0;
      	padding:0 0 0 7px;
      	text-decoration:none;
      }
      #tabNAV ul li.special a span {
      	float:left;
      	display:block;
      	background:url("../images/right-NavABCD.png") no-repeat right top;
      	padding:4px 11px 4px 3px; /* -- 4 11 4 3 -- */
      	color:#D68E04;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:bold;
      }
	  #tabNAV ul li.special a:hover {
				float:left;
				display:block;
      	background:url("../images/left-NavABCD.png") no-repeat left -126px;
      	margin:0;
      	padding:0 0 0 7px;
      	text-decoration:none;
				cursor:pointer;
      }
	  #tabNAV ul li.special a:hover span {
			float:left;
			display:block;
			background:url("../images/right-NavABCD.png") no-repeat right -126px;
			padding:4px 11px 4px 3px; /* -- 4 8 4 3 -- */
			color:#D68E04;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
			color:white;
      }
	 
	#tabNAV ul li#current a {
		float:left;
		display:block;
		background:url("../images/left-NavABCD.png") no-repeat left -84px;
		margin:0;
		padding:0 0 0 7px;
		text-decoration:none;
	 }
	#tabNAV ul li#current a span { 
		float:left;
		display:block;
		background:url("../images/right-NavABCD.png") no-repeat right -84px;
		padding:4px 11px 5px 3px; /* -- 4 8 5 3 -- */
		color:#237aa3;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
	 }
	
	#tabNAV ul li#current a:hover {
		background-position:0% -84px;
	 }
	#tabNAV ul li#current a:hover span {
		background-position:100% -84px;
	 }	
	 

	#tabNAV ul .shadow {
		display:block;
		height:20px;
		margin:1px 0 0 593px;
		position:relative;
		width:8px;
		z-index:7;
		border: 0;
		
		_display:none;
		_position:relative;
		_z-index:7;
		}
		 
		 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabNAV a span {float:none;}
    /* End IE5-Mac hack */
    #tabNAV a:hover span {
      	color:#000;
      }
    #tabNAV a:hover {
      	background-position:0% -42px;
      }
    #tabNAV a:hover span {
      	background-position:100% -42px;
		color:white;
      }

	

#shadowBox1{ 
	height:57px;
	margin:-31px 0pt 0pt 606px;
	position:absolute;
	width:160px;
	z-index:2;
}



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

/* - - - - - - TOP NAVIGATION  - - - - - - - - -  */	

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

#leftItem1{ background-image:url(../images/back_blue2b.png);background-repeat:repeat;height:auto;position:relative;width:504px;}
#leftItem1 h2 {
	color:#D68E04;
	display:inline;
	font-family:"Arial Black";
	font-size:24px;
	font-weight:normal;
	left:14px;
	position:relative;
	top:-20px;
	width:400px;
}
#leftItem1 h2 span {
	display:block;
	font-family:"Arial Black";
	font-size:14px;
	font-weight:normal;
	position:absolute;
	top:30px;
	left:2px;
	color:black;
	width: 466px;
	height: 23px;
}
#leftItem1 h3 { color:black;font-family:"Arial Black";font-size:18px;font-weight:normal;left:14px;position:relative;top:-35px;display:block; }

#leftItem1 div.topContentHeader { color:black;margin:10px 0px 0px 16px; font-family:arial; font-size:12px;	font-weight:bold; }
#leftItem1 div.topContentHeader strong {position:absolute;z-index:50; top:40px; left:135px; cursor:pointer;}
#leftItem1 p.topContent { 
	color:black;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	margin:10px 225px 0px 16px;
}
#leftItem1 p.topContent2 { 
	color:black;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	margin:0px 260px 0px 16px;
}
p.topContent span { color:#277aa3;font-weight:bold;position:relative;}
#leftItem1 p.middleContentHeader { color:black; margin:10px 0px 0px 16px;font-family:arial; font-size:12px; font-weight:normal; }
#leftItem1 p.middleContent {
	color:black;
	font-family:arial;
	font-size:12px;
	left:273px;
	position:absolute;
	top:312px;
	width:180px;
}

#leftItem1 p.middleContent a.boxLink {
cursor:pointer;
}

p.topContent strong.ATblue {color:#277aa3;}


#soldSign { 
	background-image:url(../images/sold_sign.gif);
	background-repeat:no-repeat;
	color:red;
	float:right;
	height:268px;
	left:250px;
	position:absolute;
	top:15px;
	width:258px;
	z-index: 6;
}
#soldSign span {display:none;}

#soldShadow { 
	background-image:url(../images/soldShadow.gif);
	background-repeat:no-repeat;
	float:right;
	height:34px;
	left:496px;
	position:absolute;
	top:62px;
	width:15px;
	z-index:8;
	}
	#soldShadow span {display:none;}

#mainBullets { 
	position:absolute; 
}	
.LT-bulletList { 
	top:10px;
	list-style-image:url(../images/blue_check+3.png);
	margin:6px 0px 0px 33px;

	}
.LT-bulletListSecondLine { 
	left:32px;
	top:0px;
	margin:0px 0px 0px 0px;

	}

.LT-bulletList li {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:1px 0px 0px 0px;

}
LT-bulletListSecondLine li {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 0px 0px ;
}

div#btn_bottom-left {
	background:transparent url(../images/buttons/gel_btn_small3.png) no-repeat left -70px;
	height:35px;
	margin:78px 10pt 0pt 216pt;
	position:absolute;
	width:200px;
	}
	div#btn_bottom-left div.button a span{ display:none; }	


#leftItem1 p.bottomContentHeader { color:black;margin:12px 0px 0px 16px; font-family:arial; font-size:12px; font-weight:bold; }
#leftItem1 p.bottomContent { 
	color:black;
	margin:10px 255px 0px 16px;
	font-family:arial; 
	font-size:12px; 
}

/* ----------- Control Main COLUMNS -------------- */	
#leftColumn {
	float:left;
	position:relative;
	width:auto;
	top: 33px;
}

#xrightColumn 	{
	float:right;
	position:relative;
	width:auto;
	top: 0px;
}

#rightColumnTop {
	float:right;
	height:212px;
	width:252px;
	top:34px;
	margin-right:5px; 
}
#rightColumnBottom {
	float:right;
	height:214px;
	margin-right:5px;
	top:60px;
	width:252px;
}

/* - - - - - - - - - - - - footer framework - - - - - - - - - - - - - - */
#footer {
	float:left;
	height:32px;
	margin:40px 0px 0px 0px;
	width:782px;
}

#footer a.logo { position: relative; top: 8px; left: 10px; }
#footer p { 
	float:right;
	font-family:arial;
	font-size:12px;
	height:20px;
	text-align:left;
	width:447px;
	margin:18px 18px 0px 0px;
}
#footer div.speed {
	background-image:url(../images/blueClock_icon.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:32px;
	padding-left:40px;
	width:184px;
	position:absolute; 
	right:0px;
	top:0px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* - - - - - - - Right trial FORM - - - - - - - - - - - - - - - */

#trialForm { 
	top: 125px;
	left: 16px;
	position:absolute;
	z-index:50; 
}

#trialForm form.styled input {font-size:10px; /* whatever default font size you want */ }
#trialForm form.styled input#fname { color:#858585;margin-left: 33px; width:83px;} 
#trialForm form.styled input#lname { color:#858585;margin-left: 0px; width:83px;}
#trialForm form.styled input#emailaddy { color:#858585; width:175px; margin-top:18px; margin-left: 33px}
#trialForm form.styled span {
	color:black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:39px;
}

#trialForm form.styled span.name {
	color:black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:17px;
}

#trialForm form.styled span.email {
	color:black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:40px;
}

label{
float: left;
width: 60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
}

input {
width: 83px;
margin-bottom: -14px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

/* - - - - - - - END FORM - - - - - - - - - - - - - */
/* - - - - - - - bottom Right FORM - - - - - - - - - - - - - - - */

div#form form.styled { padding:0px 0px 0px 15px;z-index:50; position: absolute;}
form.styled input {font-size:10px; /* whatever default font size you want */ }
form.styled input#fname { color:blue; }
form.styled input#lname { color:green; }
form.styled input#emailaddy { color:red; width:175px; margin-top:18px; margin-left: 33px}
form.styled span {
	color:black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:39px;
}

label{
float: left;
width: 60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
}

input {
width: 100px;
margin-bottom: -14px;
}

}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}



	
/* - - - - - - - END FORM - - - - - - - - - - - - - */

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

#xbtn_top2 a { top: 296px;background-position : <?= $ISession->displayFreeTrial?'20px 0px':'0px -60px'; ?>; }
#xbtn_top1 a:hover { background-position : <?= $ISession->displayFreeTrial?'-126px 0px':'-146px -60px'; ?>; }
#xbtn_bottom1 a { bottom: -10px; background-position : <?= $ISession->displayFreeTrial?'0px -30px':'0px -90px'; ?>; }
#xbtn_bottom1 a:hover { background-position : <?= $ISession->displayFreeTrial?'-146px -30px':'-146px -90px'; ?>; }

.body { position: relative; }
.left { float:left; width:350px; }
.right { float:left; }
.bottomLogos { position:absolute; padding: 10px 0 14px 16px; !margin: 10px 0 0 50px;}


a {
	color: #277AA3;
}
a.hover, a:hover {
	color: #1c4b61;
}