/*

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

*/

body
{
	background-color: #363636;
	background-image: url(/templates/standard_set01/images/framework/background_lines.gif);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 110px ;
}

#page
{
	width : 780px;
	margin : 0 auto;
	background : #e5e5e5;
}

#topshadow
{
	width: 790px;
	height: 15px;
	background: url(/templates/standard_set01/images/framework/background_topdrop.gif) top left no-repeat;
	margin: 0 auto;
}
#dropshadow
{
	width: 814px;
	margin: 0 auto;
	background : url(/templates/standard_set01/images/framework/background_drop_full.gif) top left repeat-y;
}

/* brand header */

	#brandheader .brand
	{
		background: url(/templates/standard_set01/images/framework/background_header.gif) repeat-x;
		height : 95px;
		position : relative;
	}
	
		#brandheader .brand .header
		{
			position : absolute;
			bottom : 0px;
			left : 30px;
			padding-bottom: 15px;
		}
			
		#brandheader .hero
		{
			width : 780px;
			height : 165px;
		}

		#brandheader h1 {
			padding: 14px 0pt 0pt 0px;
			margin: 0;
		}

#content
{
	padding: 30px 0 30px 30px;
	width: 730px;
	overflow: hidden;
}

.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%;
		}

			.homepageintroduction
			{
				width : 470px;
				min-height : 15em;
				overflow : hidden;
				margin-bottom: 20px;
			}
			.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 : 788px;
	margin : 0 auto;
	background: url(/templates/standard_set01/images/framework/background_footer.gif) repeat-x;
	padding-bottom: 15px;
	color: #999;

}

	#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.sct
	{
		border: none;
		float: right;
		padding-right: 20px;
	}
	#footer ul li.sct a
	{
		border: none;
	}

/* 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 .content img {
		width: 220px;
		height: 120px;
	}
	body.edit #quicklinks .content img {
		width: auto;
		height: auto;
	}
	#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/standard_set01/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 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 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;
	padding-bottom: 40px;
}
div.gallery_item p, div.gallery_item h1, div.gallery_item h2, div.gallery_item h3, div.gallery_item h4, div.gallery_item h5, div.gallery_item h6, div.gallery_item ul {
	width: 440px;
}
div#gallery_control
{
	position: absolute;
	top:262px;
	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;
	margin-bottom:30px;
}
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 */

#navigation
{	margin: 0 0 0 20px;
	padding: 0
}

	#navigation li
	{	float: left;
		list-style: none;
	}

	#navigation li a
	{	display: block;
		padding: 2px 12px;
		border-right : 1px dotted #999;
		white-space: nowrap;
		color:#5D5D5D;
		font-size:1.03em;
		letter-spacing:0.08em;
		line-height:28px;
		text-decoration:none;
		text-transform:uppercase;
	}

	#navigation li a:hover
	{	background: #ccc}

		#navigation li ul
		{	
			padding: 0;
			margin: 2px 0 0 -1px;
			position: absolute;
			visibility: hidden;
			z-index:999;
		}

			#navigation li ul li
			{	float: none;
				display: inline}

			#navigation li ul li a
			{	width: auto;
				background: #ccc;
				color:#333333;
				border-left : 1px dotted #999;
			}

			#navigation li ul li a:hover
			{	background: #666666}


/* Terms and Conditions */
div#content span.terms
{
	font-size: 0.9em;
	line-height: 1.2em;
	margin-top: 30px;
	font-style: italic;
}

	div#content span.terms p
	{
		font-style: italic;
		margin-top: auto;
	}

form.general .item textarea
{
	border : 1px solid #d9d9d9;
	background : #fff;
	color : #333;
}