* { margin: 0; padding: 0; }

body { font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #363636; margin: 20px 0px 0px 0px; padding: 0px; line-height: 1.3em; background: url('../../images/template/general/BG.jpg') repeat-y #e9e4de top center;}

P { margin: 14px 0px 14px 0px; }

/* -- HEADINGS -- */

h1 { color: #cc0001; font-size: 20px; }
h2 { color: #000; font-size: 14px; margin: 0; padding: 0; }
h3 { color: #cc0001; font-size: 13px; margin: 0; padding: 0; }
h4 { color: #cc0001; font-size: 12px; margin: 0; padding: 0; }

.DropdownHeading { color: #cc0001; font-size: 13px; margin: 0px 0px 5px 0px; }
.DropdownNav { color: #cc0001; font-size: 10px; }

.small { font-size: 10px; }

.redlarge { color: #ae211e; font-size: 11pt; font-weight: bold; font-family: Verdana, Arial, Helvetica; }
.redsmall { color: #ae211e; font-size: 9pt;	font-weight: bold; font-family: Arial, Verdana, Helvetica;	}

/* -- DIVS -- */

.GlobalContainer { position: relative; width: 970px; margin: 0 auto; background: url('../../images/template/general/BG_Shadow.gif') repeat-y bottom center; }

#BackgroundImage { position: absolute; width: 960px; }

#GlobalLogo { position: absolute; left: 50%; width: 67px; height: 67px; margin-left: -33px; z-index: 86; }
#GlobalLogoLarge { position: absolute; left: 50%; width: 97px; height: 98px; margin-left: -49px; z-index: 86; margin-top: 6px; }

.GlobalNav { position: relative; width: 960px; height: 60px; margin: 0 auto; overflow: hidden; background: url('../../images/template/sprites/Sprites.gif') #e5e5e5 repeat-x -0px -127px; }
.GlobalNav ul { margin: 32px 0px 0px 50px; padding: 0; list-style: none; }
.GlobalNav li { display: inline; margin: 0px 25px 0px 0px; font-size: 13px; font-family: Impact; }
.GlobalNav li a { color: #151515; text-decoration: none; }
.GlobalNav li a:hover { color: #cc0001; text-decoration: none; }

.NavShadow { height: 6px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; background: url('../../images/template/sprites/Sprites.gif') repeat-x -0px -12px; }

.GlobalSubNav { z-index: 85; position: relative; width: 960px; height: 34px; text-align: center; overflow: hidden; background: url('../../images/template/general/SubNav.png') no-repeat top left; }
.GlobalSubNav ul { margin: 0px 0px 0px 10px; padding: 0; list-style: none; }
.GlobalSubNav li { display: inline; margin: 0px 10px 0px 0px; }
.GlobalSubNav a { color: #000; text-decoration: none; }
.GlobalSubNav a:hover { color: #cc0001; text-decoration: none; }

.Book { width: 16px; height: 15px; background:url('../../images/template/sprites/Sprites.gif') -1px -108px no-repeat; padding: 2px 0px 2px 18px; text-transform: uppercase; font-size: 11px; }
.Book a { color: #000; text-decoration: none; }
.Book a:hover { color: #cc0001; }

.Brochure { width: 16px; height: 15px; background:url('../../images/template/sprites/Sprites.gif') -347px -108px no-repeat; padding: 2px 0px 3px 20px; text-transform: uppercase; font-size: 11px; }
.Brochure a { color: #000; text-decoration: none; }
.Brochure a:hover { color: #cc0001; }

.Configure { width: 16px; height: 15px; background:url('../../images/template/sprites/Sprites.gif') -693px -108px no-repeat; padding: 2px 0px 2px 22px; text-transform: uppercase; font-size: 11px; }
.Configure a { color: #000; text-decoration: none; }
.Configure a:hover { color: #cc0001; }

.Dropdown { position: relative; width: 960px; background-color: #e8e8e8; margin: 0 auto; overflow: hidden; text-align: center; }
.DropdownShadow { height: 4px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; background: url('../../images/template/sprites/Sprites.gif') repeat-x -0px -12px; }

.ContentSidebar { float: right; width: 230px; display: inline; margin: 25px 15px 0px 15px; text-align: center; }
.SimpleListContainer { background-color: #f1f1f1; text-align: left; font-size: 11px; width: 221px; }
.SimpleListContainer ul { margin: 0; padding: 0; }
.SimpleListContainer ul li { list-style:none; background:url('../../images/template/general/red_bullet.gif') no-repeat 0px 0.5em; padding-left:10px; line-height: 1.5em; margin: 0px 0px 7px 0px; }
.SimpleListContainerPadding { padding: 20px; }

.SidebarTop { line-height: 0; width: 221px; height: 17px; }
.SidebarBottom { line-height: 0; width: 221px; height: 17px; }

.FiatButtonsContainer { position: relative; margin: 0 auto; width: 770px; overflow: hidden; margin-top: 50px; text-align: center; }
.FiatRange { float: left; width: 371px; background: url('../../images/template/splash/FiatSplashBG.gif'); overflow: hidden; }
.FiatRange img { float: left; line-height: 0; padding: 0; margin: 0; }
.FiatProfessional { float: right; width: 371px; background: url('../../images/template/splash/FiatSplashBG.gif'); overflow: hidden; }
.FiatProfessional img { float: left; line-height: 0; padding: 0; margin: 0; }
.FiatSplashHeading { margin: 20px 0px 15px 20px !important; text-align: left; }
.FiatSplashHeading a { color: #363636 !important; text-decoration: none; }
.FiatSplashHeading a:hover { color: #ae211e !important; text-decoration: none; }

/* -- DEALERS -- */

.FlashDealerMap { float: left; width: 330px; display: inline; margin: 0px 0px 0px 35px; }
#DealerDetails { margin: 20px 0px 0px 0px; }
#map { margin-right: 20px; }
.Divider { position: relative; width: 100%; margin: 0 auto; height: 1px; background-color: #b4b0ad; margin-top: 10px; margin-bottom: 10px; }


.GlobalSubNavDealers { position: relative; width: 960px; height: 34px; text-align: center; overflow: hidden; background: url('../../images/template/general/SubNavDealers.png') no-repeat top left; }
.GlobalSubNavDealers ul { margin: 0px 0px 0px 10px; padding: 0; list-style: none; }
.GlobalSubNavDealers li { display: inline; margin: 0px 10px 0px 0px; }
.GlobalSubNavDealers a { color: #000; text-decoration: none; }
.GlobalSubNavDealers a:hover { color: #cc0001; text-decoration: none; }

#DrivingDirections input { padding: 2px; }

/* -- OWNERS -- */

.GlobalSubNavOwners { position: relative; width: 960px; height: 34px; text-align: center; overflow: hidden; background: url('../../images/template/general/SubNav.png') no-repeat top left; }
.GlobalSubNavOwners ul { margin: 0px 0px 0px 10px; padding: 0; list-style: none; }
.GlobalSubNavOwners li { display: inline; margin: 0px 20px 0px 0px; }
.GlobalSubNavOwners a { color: #000; text-decoration: none; }
.GlobalSubNavOwners a:hover { color: #cc0001; text-decoration: none; }

#seleniabox { width: 500px; background-color: #ab2615; color: #ffffff; padding: 17px; font-family: arial, verdana, helvetica; }
#seleniabox a { color: #123263; text-decoration: none; }	
#seleniabox a:hover { color: #000000; text-decoration: none }


/* -- SUBNAV -- */

.Fiat500 { float: left; overflow: hidden; width: 380px; text-align: left; font-size: 10px; line-height: 1.2em; display: block; padding: 10px 10px 10px 45px; }
.Fiat500 img { float: left; width: 116px; margin-top: 7px; }
.Fiat500 ul { margin: 5px 0px 0px 20px; padding: 0; list-style: none; }
.Fiat500 li { display: inline; margin: 0px 8px 0px 0px; border-right: 1px solid #cc0001; padding: 0px 4px 0px 0px; }
.Fiat500 a { text-decoration: none; color: #cc0001; }
.Fiat500 a:hover { text-decoration: none; color: #000; }

.Fiat500C { float: right; overflow: hidden; width: 380px; text-align: left; font-size: 10px; line-height: 1.2em; display: block; padding: 10px 40px 10px 0px; }
.Fiat500C img { float: left; width: 116px; margin-top: 13px; margin-right: 5px; display: block; }
.Fiat500C ul { margin: 5px 0px 0px 20px; padding: 0; list-style: none; }
.Fiat500C li { display: inline; margin: 0px 8px 0px 0px; border-right: 1px solid #cc0001; padding: 0px 4px 0px 0px; }
.Fiat500C a { text-decoration: none; color: #cc0001; }
.Fiat500C a:hover { text-decoration: none; color: #000; }

.SubNavShadow { height: 7px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; background: url('../../images/template/sprites/Sprites.gif') repeat-x -0px -12px; }
.GenericShadow { height: 15px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; }

.GlobalFooter { clear: both; padding: 0px 0px 3px 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; border-bottom: 1px solid #e9e9e9; background-color: #dfdfdf; }
.GlobalFooter li { list-style: none; display: inline; margin: 0px 0px 0px 20px; font-size: 10px; }
.GlobalFooter a { color: #363636; text-decoration: none; }
.GlobalFooter a:hover { color: #cc0001; }

.FooterShadow { height: 5px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; background: url('../../images/template/sprites/Sprites.gif') repeat-x -0px -0px; }
.FooterShadowBottom { height: 5px; padding: 0px; position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: center; background: url('../../images/template/sprites/Sprites.gif') #fff repeat-x -0px -6px; }
.FooterSpacer { position: relative; width: 960px; margin: 0 auto; height: 10px; background-color: #e3e3e3; border-top: 1px solid #f0f0f0; }
.FooterSpacerOne { position: relative; width: 960px; margin: 0 auto; height: 1px; background-color: #b4b0ad; }
.SEOFooter { position: relative; width: 960px; margin: 0 auto; text-align: center; font-size: 11px; margin-top: 7px; }
.SEOFooter a { color: #363636; text-decoration: none; }
.SEOFooter a:hover { color: #cc0001; }

.ModelLogo { float: left; width: 205px; margin: 0px 0px 0px 40px; display: block; }
.ModelNav { z-index: 50; position: absolute; bottom: 0; width: 960px; height: 38px; overflow: hidden; text-align: center; background: url('../../images/template/general/ModelNavBG.gif') repeat-x top left; }
.ContainerModelNav { position: relative; margin: 0 auto; overflow: hidden; width: 800px;  }
.ModelNavLeftCorner { float: left; width: 46px; height: 38px; }
.ModelNavRightCorner { float: right; width: 46px; height: 38px; }
.ModelNavItems { float: left; background-color: #f2f2f2; height: 38px; width: 708px; }
.ModelNavItems li { list-style: none; display: inline; margin: 0px 15px 0px 15px; line-height: 38px; border-bottom: 3px solid #707070; font-size: 14px; }
.ModelNav a { color: #363636; text-decoration: none; }
.ModelNavItems li:hover { border-bottom: 3px solid #cc0001; color: #363636; text-decoration: none; }

.Content { position: relative; width: 960px; overflow: hidden; z-index: 50; min-height: 465px; }
.Content a { color: #cc0001; text-decoration: none; }
.Content a:hover { color: #000; text-decoration: none; }
.ContentPadding { padding: 20px 20px 20px 52px; overflow: hidden; height: 100%; text-align: left; }

.ContentPanelContainer { float: right; width: 369px; background-color: #f3f3f3; display: inline; margin: 15px 36px 0px 0px; border: 2px solid #4f4f4f; }
.ContentPanelContainer a { color: #cc0001; text-decoration: none; }
.ContentPanelContainer a:hover { color: #363636; text-decoration: none; }

.ContentPanelPadding { padding: 15px 20px 10px 20px; border-top: 1px solid #fff; }
.ContentPanelHeading { background-color: #fff; border-bottom: 1px solid #e3e3e3; padding: 12px 20px 12px 20px; }

.ContentPanelContainerNoBG { float: right; width: 250px; display: inline; margin: 60px 45px 0px 0px; color: #000; }
.ContentPanelContainerBlank { position: relative; margin: 0 auto; width: 800px; color: #000; text-align: center; margin-top: 30px; }


.ContentContainer { position: relative; width: 960px; margin: 0 auto; overflow: hidden; background-color: #fff; }

.GeneralContainer { float: left; display: inline; width: 625px; margin: 23px 0px 0px 0px; overflow: hidden; }
.GeneralContainer img { float: right; display: inline; padding: 10px; }
.GeneralContainer ul { margin: 0; padding: 0; }
.GeneralContainer ul li { list-style:none; background:url('../../images/template/general/red_bullet.gif') no-repeat 0px 0.5em; padding-left:10px; line-height: 1.5em; }
.GeneralContainer ol { list-style-type: decimal; }
.GeneralContainer ol li { margin-left: 20px; }
.GeneralContainer a { color: #cc0001; text-decoration: none; }
.GeneralContainer a:hover { color: #000; text-decoration: none; }
.whitetext { color:#FFFFFF; }


/* -- NEWS -- */

.NewsContainer { margin: 23px 0px 0px 0px; overflow: hidden; clear: both; }
.NewsContainer img { float: left; width: 100px; display: inline; padding: 0px 10px 0px 0px; }
.NewsText { float: left; width: 500px; }

.NewsText h3 { color: #cc0001; padding: 0px 0px 0px 0px; font-size: 13px; }
.NewsText a { color: #cc0001; text-decoration: none; }
.NewsText a:hover { color: #000; text-decoration: none; }


/* -- BUTTONS -- */

.ButtonStyle { display: -moz-inline-box; border: 0px solid #999; background-color: #cc0001; text-align: center; color: #fff; padding: 3px 10px 3px 10px; margin-top: 20px; display:inline-block; zoom:1; *display: inline; }
* html .ButtonStyle { display:inline; } /* for IE 6 */
.ButtonStyle a { color: #000; text-decoration: none; }
.ButtonStyle a:hover { color: #cc0001; text-decoration: none; }

.OrangeButtonContainer { overflow: hidden; margin: 12px 0px 12px 0px; text-transform: uppercase; color: #fff; clear: both; }
.OrangeButtonBG { float: left; height:28px; width: 200px; background:url('../../images/template/sprites/Sprites.gif') -0px -49px repeat-x; line-height: 28px; display: inline; padding: 0px 10px 0px 0px; }
.OrangeButtonContainer img { float: left; padding: 0 !important; }
.OrangeButtonContainer a { color: #fff; text-decoration: none; }
.OrangeButtonContainer a:hover { color: #000; }

.BlueButtonContainer { overflow: hidden; margin: 12px 0px 12px 0px; text-transform: uppercase; color: #fff; clear: both; }
.BlueButtonBG { float: left; height:28px; width: 200px; background:url('../../images/template/sprites/Sprites.gif') -0px -20px repeat-x; line-height: 28px; display: inline; padding: 0px 10px 0px 0px; }
.BlueButtonContainer img { float: left; padding: 0 !important; }
.BlueButtonContainer a { color: #fff; text-decoration: none; }
.BlueButtonContainer a:hover { color: #000; }

.RedButtonContainer { overflow: hidden; margin: 12px 0px 12px 0px; text-transform: uppercase; color: #fff; }
.RedButtonBG { float: left; height:28px; width: 200px; background:url('../../images/template/sprites/Sprites.gif') -0px -78px repeat-x; line-height: 28px; display: inline; padding: 0px 10px 0px 0px; }
.RedButtonContainer img { float: left; padding: 0 !important; }
.RedButtonContainer a { color: #fff; text-decoration: none; }
.RedButtonContainer a:hover { color: #000; }


/* -- FORMS -- */

.ContentPanelContainer input, .ContentPanelContainer select { border: 1px solid #ccc; padding: 2px; }
.ContentPanelContainer table { font-size: 11px; }
select, input {	border: 1px solid #cccccc; margin-top: 1px; margin-bottom: 1px; font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #303030; padding: 2px; }
select:focus, input:focus, textarea:focus { border: 1px solid #cc0001;}
select.error, input.error, textarea.error { border: 1px solid #cc0001;}

.Leadstextbox { width: 260px; padding: 2px; }
select.Leadstextbox { width: 266px; padding: 2px; }

.SubmitStyle { background-color: #cc0001 !important; color: #fff !important; border: 0px solid #999 !important; font-size: 11px; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px !important; }
.submit { background-color: #cc0001 !important; color: #fff !important; border: 0px solid #999 !important; font-size: 11px; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px !important;  }

.error { color: #cc0001; clear: both; display: block; }
.required { color: #000; }

.checkbox { border: none !important; }

/* -- GALLERY -- */

ul.Gallery { list-style: none; margin: 0; padding: 0px 0px 5px 0px; overflow: hidden; }
ul.Gallery li { float: left; display: inline; margin: 0px 13px 10px 0px; }


/* -- CONFIGURATOR -- */

.ConfiguratorContainer { float: left; width: 885px; height: 400px; display: inline; margin: 25px 0px 0px 40px; color: #000; overflow: hidden; }

.gallery-more { position: relative; margin: 0 auto; width: 270px; text-align: left; float: right; display: inline; margin-left: 0px; color: #000; }
.gallery-more img { padding: 5px 9px 0px 0px; }
.gallery-more a {  }

.active { background-color: #efedec; padding: 7px 0px 7px 7px; font-size: 2.0em; }

.ConfiguratorContainer li { list-style-type: none; clear: both; overflow: hidden; height: 100%; margin: 0px 0px 10px 0px; }
.ConfiguratorContainer li img { float: left; padding: 0; margin: 0px 10px 0px 0px; }
.ConfiguratorContainer li a { color: #363636; text-decoration: none; font-size: 12px; }
.ConfiguratorContainer li a:hover { color: #cc0001; text-decoration: none; font-size: 12px; }

#gallery-rotate { position: absolute; width: 126px; left: -170px; top: 0px; z-index: 100; }

/* -- SCROLLPANE -- */

.scroll-pane { width: 335px; height: 310px; overflow: auto; float: left; }
.scroll-panelarge { width: 550px; height: 200px; overflow: auto; float: left; padding: 0px 0px 0px 8px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }


/* --------------------------- */
/* ROTATING BANNER       	   */
/* --------------------------- */


/* rotator in-page placement */
    div#rotator {
	position:absolute;
	z-index: 1;
	height:502px;
	left: 0px;
	margin: 0; padding: 0;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	padding: 0px;
}
    div#rotator ul li.show {
	z-index:1;
}