/*------------------------------------------------------------------
[Model Brochure Stylesheet]

Theme Name:		Barberino Nissan
Version:		1.0
Last Change:	6/25/2010 - EJR

[Table of Contents]

1. Columns
2. Model Header
3. Model Content


[Notes]

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

/* 1. COLUMNS*/

#columns {padding:7px 0 15px 0;  margin:0 auto 0 auto;}
.two_column #column_1 {padding:0; margin:0; width:208px; height:300px;}
.two_column #column_2 {padding:0; margin:10px 0 0 0; width:761px;
	background:url("iframe-wrap-sprite.png") repeat-y;}



/* 2. IFRAME */ 

#iframe-wrap {padding:10px 8px; width:745px; position:relative;
	background:url("iframe-wrap-sprite.png") no-repeat -761px 0;}
#iframe-wrap .bottom {width:761px; height:15px; position:absolute; bottom:0; left:0;
	background:url("iframe-wrap-sprite.png") no-repeat right bottom;}
#iframe-wrap h1 {padding:30px 60px 36px 201px; margin:0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif; font-size:1.875em; color:#3c3c3c; line-height:32px; letter-spacing:-1px;
	background:url("h1-bg.png") no-repeat bottom;}
#iframe-wrap h1 strong {color:#c0281a;}
	
	

/* 3. FOLLOWING CTA */ 

#following-cta.fixed, #following-cta-wrap {width:205px; z-index:3;}
#following-cta-wrap {/* required to avoid jumping */ left:3px; position:absolute; height:300px;}
#following-cta {position:absolute; top:0; margin-top:11px;}
#following-cta.fixed {position:fixed; margin-bottom:600px;top:0;}

#following-cta h2, #following-cta form, #following-cta form .to-from-wrap .fields input.text, #following-cta form .message-wrap .fields input.text, #submit, #following-cta form a.select, #select-model-options, #select-offer-options {
	background:url("following-cta-sprite.png") no-repeat;}
#following-cta h2 {padding:14px 0 0 43px; width:162px; height:28px;
	font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:1.125em;}
#following-cta form {padding:6px 12px 5px 12px;
	color:#d3d3d3; font-size:0.687em;
	background-position:bottom left;}
#following-cta form fieldset {padding:0; margin:0;}
#following-cta form  p{padding:0; margin:0;
	line-height:16px;}
p#message-close {padding:9px 0 14px 0 !important;
	font-size:1.181em; color:#f5f3e3; font-weight:bold;}
#following-cta form .to-from-wrap {padding:0 0 10px 0; clear:both;}
#following-cta form .to-from-wrap .title, #following-cta form .message-wrap .title {color:#949494; font-style:italic;}
#following-cta form .to-from-wrap .title {width:39px; float:left;}
#following-cta form .to-from-wrap .fields {width:141px; float:right;}
#following-cta form .to-from-wrap .fields .dealer-name {
	color:#d42c55; font-size:1.09em; font-weight:bold;}
#following-cta form .to-from-wrap .fields .dealer-phone {
	color:#f5f3e3; font-size:1.09em; line-height:10px;}
#following-cta form .to-from-wrap .fields input.text, #following-cta form .message-wrap .fields input.text {padding:5px 0 4px 5px; margin:0 0 3px 0; width:136px; xheight:22px;
	color:#d3d3d3; vertical-align:middle;
	background-position:-215px -135px; background-color:transparent; border:none;}
#following-cta form .message-wrap .fields input.text {width:117px;
	background-position:-215px -199px;}
#following-cta form input.active {color:#fff !important;}

/* Select Inputs */
#following-cta form .select-wrap {position:relative;}
#following-cta form a.select {padding:1px 0 0 9px; margin:4px 0 5px 0; width:172px; height:23px; display:block;
	color:#d3d3d3;
	background-position:-215px -264px;}
#following-cta form a.select:hover {color:#fff; background-position:-215px -298px;}
#following-cta form a.select.down {color:#fff; background-position:-215px -332px;}
#following-cta form .select-options {padding:30px 0 0 27px; position:absolute; top:22px; left:18px; display:none;}
#following-cta form .select-options a {color:#d3d3d3;}
#following-cta form .select-options a:hover {color:#fff;}
#following-cta form .select-options ul, #following-cta form .select-options ul li {padding:0; margin:0; line-height:normal;}
#following-cta form .select-options .select-options-close {width:16px; height:16px; display:block; position:absolute; top:16px; right:11px; overflow:hidden;			
	text-indent:-5000px;}
#following-cta form .select-options ul li {margin:0 0 5px 0; width:175px; display:block; float:left;
	list-style:none;}
#following-cta form .select-options ul li a {width:175px; display:block; float:left;}
#select-model-wrap {z-index:4;}
#select-offer-wrap {z-index:2;}
#select-model-options {width:379px; height:222px; z-index:4;
	background-position:-215px -368px;}
#select-offer-options {width:183px; height:153px; z-index:3;
	background-position:-215px -628px;}


/* Submit Button */
.submit-wrap {padding:0 0 14px 0;}
#submit {margin:0 auto; width:168px; height:33px; overflow:hidden; display:block;
	text-indent:-5000px; color: transparent; text-transform: capitalize;
	background-position:-215px 0; border:none;}
#submit:hover {background-position:-215px -43px;}
#submit:active {background-position:-215px -86px;}