/*

	Description:
	Used to layout the site for screen based displays.

*/

body
{
	background-color: #FFF;
}

#page
{
	width : 780px;
	margin : 0 auto;
	padding: 20px 27px 0px;
	background : url(/templates/tfia_satellite_www/images/framework/top-bg.gif) top left no-repeat;
}

#topshadow {
	width: 790px;
	position: relative;
	top: 10px;
	color: #A6A8AB;
	height: 16px;
	padding: 0px 15px 4px;
	margin: 0px auto 0px;
}

#topshadow a {
	text-decoration: none;
}

#topshadow p {
	font-size: 11px;
	padding: 3px 4px 0px;
	float: left;
	margin: 0px;
}

#topshadow ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#topshadow ul li {
	display: inline;
	background: none;
}

#topshadow ul#top-navigation {
	float: left;
}

#topshadow ul#top-navigation li {
	background: #cbcdce url(/templates/tfia_satellite_www/images/framework/top-nav-bg.gif) top right no-repeat;
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}

#topshadow ul#top-navigation li:hover,
#topshadow ul#top-navigation li.current {
	background: #40c2f2 url(/templates/tfia_satellite_www/images/framework/top-nav-hover-bg.gif) top right no-repeat;
}

#topshadow ul#top-navigation li.off {
	background: #cbcdce url(/templates/tfia_satellite_www/images/framework/top-nav-bg.gif) top right no-repeat;
}

#topshadow ul#top-navigation li a {
	padding: 5px 14px 5px 8px;
	float: left;
	color: #fff;
	font-size: 12px;
}

#topshadow ul#supplementary-navigation {
	position: absolute;
	top: 4px;
	right: 25px;
}

#topshadow ul#supplementary-navigation li {
	font-size: 11px;
	margin: 0px 12px 0px 0px;
}


#dropshadow
{
	width: 830px;
	margin: 0 auto;
	background : #F4F4F4 url(/templates/tfia_satellite_www/images/framework/middle-bg.gif) top left repeat-y;
}

/* brand header */

	#brandheader .brand
	{
		height : 80px;
		position : relative;
	}
	
		#brandheader .brand .header
		{
			position : absolute;
			bottom : 0px;
			left : 2px;
			padding-bottom: 5px;
		}
			
		#brandheader .hero
		{
			width : 780px;
			height : 165px;
			position: relative;
		}
		body.edit #brandheader .hero {
			height: auto;
		}

		#brandheader .hero h1 {
			position: absolute;
			top: 0px;
			left: 0px;
			background: #000;
			opacity: 0.72;
			padding: 15px;
			font-size: 15px;
			z-index: 2;
			color: #fff;
		}
		body.edit #brandheader .hero h1 {
			position: static;
		}


#content
{
	padding: 30px;
	width: 720px;
	overflow: hidden;
	background: #fff;
}

.columndual #content
{
	padding : 20px;
	padding-left: 30px;
	width: 470px;
	overflow: hidden;
}

	#contentinner
	{
		overflow : hidden;
	}
	
		#contentinner h2
		{
			font-size: 2em;
			line-height: 1.3em;
			color: #555;
		}
		
		* html #contentinner
		{
			height : 1%;
		}
		
	#homepageintroduction
	{
		width : 470px;
		min-height : 15em;
		overflow : hidden;
	}
	#homepageintroduction h2
	{
		font-size: 2em;
		
		color: #555;

	}
	
		* html #homepageintroduction
		{
			height : 1%;
		}

	/* dual column layout */
	
	.columndual #content .main
	{
		float : left;
		width : 476px;
		margin : 0;
	}
	
#footer
{
	width : 800px;
	margin : 0 auto;
	padding: 0px 15px 20px;
	color: #999;
	background : #F4F4F4 url(/templates/tfia_satellite_www/images/framework/middle-bg.gif) top left repeat-y;
	overflow: hidden;

}

	#footer a
	{
		color : #999;
		text-decoration : none;
	}
	
	#footer ul
	{
		padding : 15px 0 0 0;
	}
	
	#footer ul li
	{
		float : left;
		margin-left: 10px;
		padding-right: 10px;
		/*border-right: 1px solid #b4b4b4;*/
	}
	#footer ul li.last
	{
		border-right: none;
	}
	
	#footer ul li#disclaimer
	{
		border: none;
		float: left;
		width: 350px;
		line-height: 1.2;
	}
	
	#footer ul li.sct
	{
		border: none;
		float: right;
		padding-right: 20px;
	}
	#footer ul li.sct a
	{
		border: none;
		color: #000;
	}

/* home page */
#quicklinks
{
	margin-top: 2em;
	overflow: hidden;
	clear: both;
}

	* html #quicklinks
		{
			height : 1%;
		}

		#quicklinks ul li
		{
/*			border : solid #FF5555;*/
			float : left;
			width : 226px;
			margin-right : 21px;
			/* padding-top : 120px; */
			position : relative;
			color: #747474;
		}
		
			#quicklinks ul li.last
			{
				margin-right : 0;
			}
			
	#quicklinks .content
	{
		border : 1px solid #d9d9d9;
		background : #fff;
		padding: 4px;
		margin: -2px;
		min-height: 9em;
	}
	
	#quicklinks .image
	{
		position:absolute;
		z-index: 1;
		top : 0;
		left : 0;
	}
	
	#quicklinks .darkenbar
	{
		height : 6px;
		width : 226px;
		background-color : #000000;
		opacity : .2;
		z-index : 2;
		position : absolute;
		top : 0;
		left : 0;
		overflow : hidden;
	}
	
	#quicklinks .last
	{
		padding-right:0px;
	}
	
	#quicklinks h3
	{
		color : #525252;
		font-size : 1.3em;
		padding : 5px 0 5px 8px;
		margin : 0;
	}
	
	#quicklinks p
	{
		padding : 5px 0 5px 8px;
		color : #747474;
		margin : 0;
		font-size : 1.1em;
	}
	
	#quicklinks .content a
	{
		color : #747474;
	}
	
.number 
{
	position: absolute;
	right: 30px;
	bottom: 0px;
	padding-bottom: 15px;
}
	.number p
	{
		color: #a5a5a5;
		font-size: 2em;
		margin:0px;
	}

/* data layouts */
ul.data
{
	margin : 2em 0;
}

	ul.data li
	{
		overflow : hidden;
	}
	
		* html ul.data li
		{
			height : 1%;
		}

	ul.data .datalabel
	{
		float : left;
		width : 6em;
		font-weight : bold;
		display : block;
	}
	
	ul.data .dataitem
	{
		margin-left : 7em;
		display : block;
	}
	
/* directions form */

	form#directions input
	{
		font-size : 1.1em;
		margin-bottom : .3em;
	}
	
	form#directions p.directionsexample
	{
		margin : 0;
		color : #666;
		font-size : 1em;
	}
	
	form#directions .submit
	{
		margin : 1em 0;
	}
	
/* general form */
form
{
	margin : 1em 0;
}

	form .row
	{
		margin : .8em 0;
		overflow : hidden;
		min-height : 2em;
	}
	
		* html form.general .row
		{
			height : 1%;
		}
		
	form .submit
	{
		padding-left : 12em;
		margin-top : 2em;
	}

	form label
	{
		float : left;
		width : 10em;
		font-size : 1.2em;
		color : #333;
	}
	
		form .radiocheck label
		{
			width : 8em;
			position : relative;
			left : -3px;
		}
		
			form .radiocheck label input
			{
				vertical-align : middle;
				position : relative;
				top : -2px;
			}
	
	form input
	{
		font-size : 1.2em;
		color : #333;
	}
	
/* accessories */
#accessories_button
{
	margin-top:15px;
	margin-left:2px;
}

.italk_wide
{
	position : absolute;
	top : 268px;
	margin-left: 267px;
}

#accessoriesheader
{
	overflow: hidden;
}

	* html #accessoriesheader
	{
		height : 1%;
	}

	#accessoriesheader h2
	{
		margin : 0;
		top-margin : 12px; /* remove position relative and top to align with all other site headers, currently aligned against iTalk app */
	}
	
	#accessoriesheader p
	{
		position : relative;
		top : -1.3em;
		/* remove position relative and top to align with all other site headers, currently aligned against iTalk app */
		margin : 0 0 0 12em;
		font-size : 1.1em;
	}
	
ul#accessories
{
	margin : 2em 0;
}

	ul#accessories li
	{
		background : #e5e5e5;
		margin-bottom : 2em;
		overflow : hidden;
	}
	
		* html ul#accessories li
		{
			height : 1%;
		}
		
	ul#accessories img
	{
		float : left;
		display : block;
	}
	
	ul#accessories .accessorydetail
	{
		margin-left : 119px;
		padding : 2em 3em;
	}
	
		ul#accessories .accessorydetail h3,
		ul#accessories .specialdetail h3
		{
			margin : 0;
			float : left;
			width : 5em;
			color : #333;
			font-size : 1.6em;
		}
		
		ul#accessories .specialdetail h3 {
			width: 80px;
		}
		
		body.edit ul#accessories .specialdetail h3,
    body.edit ul#accessories .specialdetail p,
    body.edit ul#accessories .specialdetail input {
    	width: 100%;
    }
    
    body.edit ul#accessories .specialdetail p {
      clear: left;
      margin: 1em 0;
    }
    
    ul#accessories .specialdetail a {
      float: left;
      display: block;
      width: 130px;
      color: #333;
      font-size: 12.5px;
      line-height: 16px;
    }
		
		ul#accessories .accessorydetail p,
		ul#accessories .specialdetail p
		{
			margin : 0;
			float : left;
			margin-left : 5em;
			width : 20em;
		}
		
		ul#accessories .accessorydetail p.cost
		{
			float : right;
			width : 4em;
			color : #333;
			font-size : 1.6em;
		}
	
	ul#accessories .specialdetail {
		float: left;
		margin: 20px;
		padding: 0;
		width: 390px;
	}
		
/* iframe */		
iframe
{
	margin-top:50px;
	overflow-x: hidden;
}


/* new cars */
ul#newcars
{
	margin : 1em 0;
}

	ul#newcars li
	{
		background : url(/templates/tfia_satellite_www/images/framework/background_newcars.gif) top left repeat-x;
		overflow : hidden;
		margin-bottom : 2em;
	}
	
		* html ul#newcars li
		{
			height : 1%;
		}
	
		ul#newcars li li
		{
			background : none;
			float : left;
			width : 170px;
			overflow : visible;
			margin : 0;
		}
		
			ul#newcars li li .thumbnail
			{
				text-align : center;
				margin-bottom : 1.5em;
				padding-top : .5em;
			}
			
			ul#newcars li .content
			{
				padding : 0 3.3em;
			}
			
			ul#newcars li li h3
			{
				margin : 0 0 .5em 0;
				font-size : 1.3em;
			}
			
				ul#newcars li li h3 a
				{
					text-decoration : none;
					color : #666;
				}
			
			ul#newcars li li p
			{
				margin : 0;
				font-size : 1em;
				line-height : 1.6em;
				color : #666;
			}

/* entry page */
.entry #content
{
	padding-top : 0;
}

.badgenissan
{
	position : absolute;
	top : 45px;
	right : 82px;
}

/* site entry */
#siteentry
{
	overflow : hidden;
	margin : 1em 0;
}

	* html #siteentry
	{
		height : 1%;
	}

	#siteentry li
	{
		float : left;
		width : 350px;
	}
	
		#siteentry li.enternissan
		{
			background : #c71444;
			margin-right : 20px;
			border-top : 6px solid #c71444;
		}
	
		#siteentry li .content
		{
			padding : 1em 2em;
		}
		
		#siteentry li h2
		{
			margin : 0 0 .5em 0;
			margin-left: -6px;
		}
		
			#siteentry li h2 a
			{
				color : #ffffff;
				text-decoration : none;
			}
		
		#siteentry li p
		{
			color : #ffffff;
			margin : 0;
			margin-left: -5px;
			font-size : 1.1em;
		}

#directions_html {
	font-size : 1.2em;
	color : #333333;
	margin : 1em 0;
	line-height : 1.3em;
}

#directions_html span {
	margin-right: 3px;
}

body.blocks .accessorydetail input {
	width: 100%;
}

form#myform .term
{
	width:90px;
	padding-right: 25px;
	float: left;
	display: inline;
}
form#myform .residual
{
	width: 60px;
	padding-right: 25px;
	float: left;
	display: inline;
	border-right: thin solid #000;
	margin-bottom: 30px;
}
form#myform .amount
{
	width: 100px;
	padding-left: 25px;
	float: left;
	display: inline;
}
form#myform .radiocheck input{
	top: -2px;
}
form#myform li
{
	height: 2em;
	display: block;
}
form#myform .amount li
{
	margin-bottom: 7px;
}
form#myform .amount select#financed
{
	width: 235px;
	font-size: 10px;
}

.clear, 
div#class
{
	clear:both;
}

.main div#logo 
{
	width: 200px;
	float: right;
}


/* Gallery Styles */

div#gallery
{
	width: 500px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border: 1px solid #d9d9d9;
}
	div#gallery .gallery_item h2
	{
		margin: 1em 0 0 0.6em;
		font-size: 1.6em;
		font-weight: bold;
	}
	div#gallery div#gallery_control span,
	div#gallery div#gallery_control h3,
	div#gallery div#gallery_control h3 a
	{
		color: #525252;
		text-decoration: none;
		font-size: 1.2em;
	}
	div#gallery .gallery_item p
	{
		margin-left: 0.6em;
		width: 400px;
	}
	div#gallery .gallery_item p a
	{
		color: #555;
	}
div#gallery_border
{
	background-color: #fff;
	margin: 4px;
	overflow: hidden;
	width: 500px;
}
div#gallery_wrap
{
	width: 10000px;
}
div.gallery_item
{
	float: left;
	width: 500px;
}
div#gallery_control
{
	position: absolute;
	top: 250px;
	right: 12px;
}

/* ThumbContent Styles */
div#content_thumb
{
	width: 500px;
	background: #fff;
	border: 1px solid #d9d9d9;
}

div#thumb img
{
	position: relative;
	padding: 12px;
	float: left;
}
div#thumb_text
{
	position: relative;
	margin-left: 188px;
}
div#thumb_text h2
{
	margin: 10px 4px 2px 2px;
	font-size: 1.6em;
	font-weight: bold;
}
div#thumb_text h3
{
	margin: 4px 4px 2px 0px;
	font-size: 1.2em;
}
div#thumb_text p
{
	margin: 10px 4px 2px 0px;
	font-size: 1.2em;
	width: 300px;
}
div#thumb_padding
{
	padding-bottom: 20px;
}
div#thumb_text
{
	color: #555;
}

/* Form Styles */
form.general
{
	margin : 0 0 10px 0;
}

form.general .item
{
	margin-bottom : 10px;
}

form.general .item label
{
	font-size : 12px;
	color : #555;
}
body form.general input.error {
	border: 1px solid red;
}
form.general .item input
{
	border : 1px solid #d9d9d9;
	background : #fff;
	color : #333;
	width : 164px;
	height : 17px;
	font-size : 11px;
}

form.general button
{
	border : 1px solid #d9d9d9;
	background : #fff;
	color : #666;
	padding : 1px 7px;
	position : relative;
	left : 225px;
	text-transform : uppercase;
	font-size : 11px;
	height : 21px;
}
form.general p
{
	margin-top: -18px;
	font-style: italic;
}

div#more
{
	float; right;
	padding: 10px;
}




/* Dropdown Navigation Styling */

#nav li {
	/*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-left: 20px;
}

#nav li.off ul
{
	display: none;
	height: 30px;
	width: 780px;
	position: absolute;
	top: 28px;
	left: 0px;
}

	#nav li a 
	{
		height: 20px;
		width: 100px;
		font-size: 1.03em;
		letter-spacing: 0.08em;
		text-decoration: none;
		text-transform: uppercase;
	}

	#nav li.off ul a 
	{
		float: left;
		border: 0;
		width: auto;
		line-height: 20px;
		padding: 5px;
		text-transform: none;
		letter-spacing: 0.05em;
	}

	
	#nav li.off:hover ul, #nav li.over ul 
	{ 
		background-color: #E6E7E8;
		display: block;
		z-index: 6000;
	}
	
	#nav li.off a:hover, #nav li:hover a, #nav li.over a 
	{
		color: #333;
	}
	
	#nav li.off ul
	{
		/*padding-left: 12px;*/
	}
	
	#nav li.off ul :hover
	{
		text-decoration: underline;
	}
	
	#nav li.off:hover, #nav li.off.over
	{
		background-color: #ccc;
	}
	

/* main navigation */
#mainnavigation
{
	background : #BBBDBF;
	padding-left : 20px;
	height: 28px;
	position: relative;
}

	#mainnavigation ul li
	{
		float : left;
		/*height : 28px;*/
		margin : 0px 0px 0 1px; /* 1px margin-top to "visually centre" (override decenders) */
		padding : 0px 10px 0 10px;
		border-right : 1px dotted #999;
	}
	
	#mainnavigation li.selected
	{
		background-color:#6C6C6C;
	}
	#mainnavigation li.selected a
	{
		opacity:1;
	}
	
		#mainnavigation ul li a
		{
			line-height : 28px;
			font-size : 1.03em;
			color : #5d5d5d;
			letter-spacing : 0.08em;
			text-decoration : none;
			text-transform : uppercase;
		}