/*** CSS Document ***/

/** General Styles - Generic styles useful through out the site **/

html {-webkit-text-size-adjust: none;}
body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #111; color: #333333;}
.clearall, .clearfix {display: block; clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearleft {clear: left;}
.clearright {clear: right;}
.left {float: left;}
.right {float: right;}
.lastFloat {margin-right: 0 !important;}
.imgLeft {float: left; margin: 0 10px 5px 0;}
.imgRight {float: right; margin: 0 0 5px 10px;}
.uppercase {text-transform: uppercase;}
.lowerercase {text-transform: lowercase;}
.underline {text-decoration: underline;}
.vcard {display: none;}
.headerImg {margin-bottom: 15px;}
.hiddenSpan {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}
.bullet {padding-left:30px;}
.bullet li {list-style: disc;}
.montserrat {font-family: 'Montserrat', sans-serif;}


/** Page Elements - Used to zero out common tags and general styling of them **/

div {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, h2 {color: #f72932; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */
h3 {color: #f72932; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h4 {color: #111; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h5 {color: #111; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h6 {color: #111; font-size: 10px; font-weight: bold; margin-bottom: 5px;}
ul {padding: 0; margin:0;}
ul li {list-style:none;}
p {margin: 0 10px 15px 0; padding: 0; line-height: 18px;}
a {text-decoration: none; outline: none; color: #fff;}
a img {border: none;}
img {margin: 0; padding: 0;}


/** Template Styles - For styles used to build the template **/

#header, #header *, 
#wrapper, #homeMain, #homeMain *, 
#footer, #footer * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#contentWrapper, .wrapper, #homeMain {width: 980px; margin: 0 auto; position: relative;}
#contentWrapper {width: 100%; padding: 0; }
#contentWrapper {background: #fff; z-index: 19;}

#header {position: relative; z-index: 20; min-width: 980px; background: url(../images/green-marine-header-bg.jpg) top center no-repeat; background-size: cover;}
#header .wrapper {height: 139px;}

#companyLogo, #companyLogo a {width: 270px; height: 110px;}
#companyLogo {position: absolute; top: 15px; left: 0;}
#companyLogo a {display: block; background: url(http://www.greensmarine.net/images/green-marine-logo.png) top left no-repeat; margin: 0;}

.companyInfo {padding-top: 20px;}
.companyInfo h3 {margin-bottom: 2px;}
.companyAddress {color: #fff; font-size: 13px; text-align: right; font-weight: 400;}
.companyPhone1 {font-size: 12px; text-align: right;}
.companyPhone2 {font-size: 14px; margin: 5px 0 0 0;}
.companyPhone1 span, .companyPhone1 a {color: #fff; font-size: 16px;}
.companyPhone2 span, .companyPhone2 a {color: #fff; font-size: 23px;}

.headerMap {display: block; background: #f72932; color: #fff; padding: 8px 22px; margin-left: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px;}
.headerMap i {color: #111; margin-right: 3px;}
.headerMap:hover {background: #fff; color: #f72932;}

#mainNav {position: absolute; z-index: 21; bottom: 0; right: 0; }
#nav {margin: 0; padding: 17px 0;}
#nav > li {float: left; list-style: none; position: relative;}
#nav > li > a {display: block; padding: 1px 14px; color: #fff; font-size: 12px; border-right: 1px solid #555;}
#nav > li > a:hover, #nav > li.show > a {color: #f72932;}
#nav > li.lastFloat > a {padding-right: 0; border-right: none;}
#nav > li:first-child > a {padding: 3px 5px 0 0; border-right: none;}
#nav li.dropDown {position: relative; z-index: 22;}
#nav li.dropDown > ul.subNav {display: none; position: absolute; z-index: 23; min-width: 230px; padding: 0; padding-top: 10px;}
#nav li.dropDown > ul.subNav > li {border-bottom: 1px solid #4b4b4b; background-color: #3c3c3c; list-style: none;}
#nav li.dropDown > ul.subNav > li > a {display: block; min-width: 200px; padding: 10px 15px; color: #fff; text-transform: none;}
#nav li.dropDown > ul.subNav > li > a:hover {background-color: #282828; color: #f72932;}
#nav li.dropDown:hover > ul.subNav, #nav li.dropDown.show > ul.subNav {display: block;}
#nav li.dropDown.with-js > ul.subNav {display: none;}
#nav li.dropDown:after {content: "\f0d7"; font-family: FontAwesome; font-size: 6px; color: #f72932; display: block; position: absolute; top: 7px; right: 7px;}

#main {padding: 20px!important;}
#main a {color: #f72932;}
#main a:hover {text-decoration: underline;}
#content {}

.footerWrapper {
	padding: 50px 0;
	min-width: 980px;
	background: #151515; /* Old browsers */
	background: -moz-linear-gradient(top, #151515 0%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151515), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #151515 0%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #151515 0%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #151515 0%,#282828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #151515 0%,#282828 100%); /* W3C */
}

#footer {color: #fff;}
#footer a {color: #fff;}
#footer a:hover {color: #f72932;}
#footer > dl {margin: 0 18px 0 0; padding: 0 55px 0 0; position: relative; border-right: 1px dotted #4b4b4b;}
#footer > dl:after {content: ""; position: absolute; top: 0; right: 2px; height: 100%; width: 1px; border-right: 1px dotted #4b4b4b;}
#footer > dl > dt, #footer h3 {margin-bottom: 10px; color: #f72932; font-size: 14px; font-weight: 700;}
#footer > dl > dd {margin: 0 0 8px 0; font-size: 12px;}
#footer span {color: #878787;}

#footer .hours dd {margin-bottom: 2px; font-size: 11px; overflow: hidden;}
#footer .hours span {color: #fff; display: block; float: left;}
#footer .hours span:first-child {width: 120px;}
#footer .hours .grey {color: #878787;}

#footerCopy {font-size: 10px;}
#footerCopy .newsletter {font-size: 13px; position: relative; padding-left: 27px;}
#footerCopy .newsletter img {display: block; position: absolute; top: 0; left: 0;}
#footerCopy p {margin: 0; font-family: Helvetica, Arial, sans-serif; color: #999;}
#footerCopy p a {color: #999;}
#footerCopy #dsLogo {padding-left: 0; margin-left: -9px;}
#footerCopy #dsLogo:hover {opacity: 0.7;}


/** Page Styles - For styles specific to individual pages **/

/* Index */
#homeMain {padding: 30px 0;}

.homeBrands {position: absolute; top: -610px; left: 0; background: #111; z-index: 30;background: rgba(1,1,1,.85); padding: 15px 15px 18px;}
.homeBrands .brandList {padding: 17px 5px 0; border-top: 1px solid #444; border-bottom: 1px solid #444;}
.homeBrands h3 {margin-bottom: 14px; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px;}
.homeBrands a {display: block; padding-bottom: 18px; text-align: center;}
.homeBrands a:hover {opacity: 0.7;}
.homeBrands a.lastChild {padding: 5px 0 15px 0;}

.sliderNav {position: absolute; top: -140px; left: 0; right: 0; margin: 0 auto; padding: 30px 0; width: 980px; z-index: 30; background: #111; background: rgba(1,1,1,.85);}
.sliderNav a {display: block; float: left; padding: 12px 6px; border-left: 1px dotted #777; text-align: left;}
.sliderNav a:first-child {border-left: none;}
.sliderNav h3 {color: #fff; font-size: 2.1em; margin: 0; padding-left: 30px; position: relative; line-height: 1; letter-spacing: -1px;}
.sliderNav h3:before {content: "\f105"; font-family: FontAwesome; font-weight: normal; font-size: 14px; color: #fff; display: block; padding: 4px 9px; background: #f72932; margin-right: 5px; float:left; position: absolute; top: 1px; left: 0;}
.sliderNav p {color: #9a9a9a; font-size: .9em; margin: 0; margin-top: 10px}
.sliderNav a:hover h3 {color: #EE3425;}

.homeSpecial {display: block; width: 476px; height: 256px; background: url(../images/green-marine-weekly.jpg) no-repeat; padding-top: 95px; text-align: center; color: #fff;}
.homeSpecial h3 {color: #fff; font-size: 40px; font-weight: 700; padding: 8px 0; position: relative;}
.homeSpecial h3:before, .homeSpecial h3:after {content: ""; display: block; height: 3px; width: 380px; background: url(../images/green-marine-weekly-border.png) repeat-x; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.homeSpecial h3:after {top: auto; bottom: 0;}
.homeSpecial p {font-size: 28px; letter-spacing: 1px; padding-top: 10px;}
.homeSpecial:hover h3 {color: #f72932;}

.homeAbout {margin-top: 20px;}
.homeAbout h1 {font-size: 16px; color: #353535;}
.homeAbout h1 span {font-weight: 400; color: #f72932;}
#homeMain .homeAbout p {font-family: Helvetica, Arial, sans-serif;}
.homeAbout p a {color: #f72932; font-weight: 700;}
.homeAbout p a:hover {text-decoration: underline;}

/* Inventory / Inventory Detail / Modals/ > darknav, lightnav, or greynav */
body.lightnav .textbuttons li span.icon,
body.lightnav .textbuttons li,
body.lightnav .InventoryDetailModals .textbuttons li {
	background-color: #f72932;
}

/* Inventory List View */ 
#VehBody .invGetFinancing.textbutton {display: none;}
#VehBody .invScheduleRide.textbutton {display: none;}
#VehBody .invContactUs.textbutton {display: none;}

/* Inventory Detail View */ 
.xcontent .textbutton.invGetFinancing {display: none;}

/* Navigation Elements, Modal Buttons */ 
#main.InvDetailPage .backLink > a, #main.InvDetailPage .camera_prevThumbs > div
, #main.InvDetailPage .camera_nextThumbs > div, #main.InvDetailPage .camera_prev > span
, #main.InvDetailPage .camera_next > span, #main.InvDetailPage .camera_commands > div.camera_play
, #main.InvDetailPage .camera_commands > div.camera_stop, #main.InvDetailPage .unitLeadButtons a span.textbuttonIcon
, #main.InvDetailPage .unitLeadButtons a span.textbuttonArrow
{
	background-color: #f72932;
}

/* More/Less Comment Collapse Text Color*/
#main.InvDetailPage .unitText .morelessButton {color: #f72932;}

/* xThankYou */
#tyGeneric {display: block !important;}
#tyFlash {display: none;}

/*=============================================================================
													General Style for content loading pages
=============================================================================*/

.innercontent-left{float:left; width:450px; padding:5px;}
.innercontent-right{float:right; width:450px; padding:5px 5px 5px 15px;}
.inner-left{float:left; width:500px; padding:5px;}
.inner-right{float:right; width:500px; padding:5px 5px 5px 15px;}
.innercontent-center{width:450px; padding-left:28%;}
.imgborder {border: 4px solid #f72932; box-shadow: 0px 2px 6px #000000; margin:10px;}
.imgpad {margin:10px;}
.line {border: 1px dotted #f72932;}
.lineR {border-left: 1px dotted #f72932;}
.lineL {border-right: 1px dotted #f72932;}
.opaFade:hover{opacity:.7;  filter: alpha(opacity=70); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}

.xcontent a {font-weight:bold;}	
	
/*Showroom Pre and New Images */
ul.makes li#newCatalog a{ background:url(../fckimages/inventory/new.jpg) top left no-repeat !important; }
ul.makes li#preCatalog a { background:url(../fckimages/inventory/pre.jpg) top left no-repeat !important; }

/*Showroom Icons*/
.xinventorypageslist li a img.make-logo { bottom:25px !important; left:7px !important; }
ul.makes .make-name,
ul.body-types li a .body-type-name { right:7px !important; }

/* Shutter Out Horizontal */ 
.shutter-out-btn {  display: inline-block;   vertical-align: middle;   -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;   backface-visibility: hidden;   -moz-osx-font-smoothing: grayscale;   position: relative;   background: #e1e1e1;   -webkit-transition-property: color;   transition-property: color;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s; }
.shutter-out-btn:before {   content: "";   position: absolute;   z-index: -1;   top: 0;   bottom: 0;   left: 0;   right: 0;
  background: #151515;   -webkit-transform: scaleX(0);   transform: scaleX(0);   -webkit-transform-origin: 50%;
  transform-origin: 50%;   -webkit-transition-property: transform;   transition-property: transform;  -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;   transition-timing-function: ease-out; text-decoration:none;}
.shutter-out-btn:hover, .shutter-out-btn:focus, .shutter-out-btn:active {   color: white; }
.shutter-out-btn:hover:before, .shutter-out-btn:focus:before, .shutter-out-btn:active:before {    -webkit-transform: scaleX(1);  transform: scaleX(1); text-decoration:none;}
.red-btn{ display: inline-block; margin:5px; padding: 10px; cursor: pointer;  background: #f72932;   text-decoration: none;   color: #ffffff !important;  -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'Montserrat', sans-serif;  font-size: 17px;   font-weight: 700; text-decoration:none;}
.red-btn:hover{ text-decoration:none !important;}

/* Calculators in Financing*/

.CalculatePayment { float: left; width: 325px; border: 3px solid #151515;}
.AffordabilityCalculator { float: right; width: 325px; border: 3px solid #151515; margin-right: -10px; }
.CalculatorHeader { text-align: center; margin: 2px; background-color: #151515; }
.CalculatorHeader div { color: #f72932; font-size: 16px; font-weight: bold; padding: 10px 0; }
.DesiredPrice { margin: 0 10px 3px; font-size: 12px; background-color: #151515; height: 44px; }
.CalculatorInput { font-size: 12px; 	margin: 0 10px; background-color: #151515; height: 100%; padding: 3px 0; }
.InputLabel input { height: 24px; width: 120px; border: 1px solid #151515; font-size: 12px; float: right; margin: 6px 20px 0 0; text-indent: 4px; //padding: 2px 0 0 4px; //text-indent: 0px; }
.CalculatedValue { color: #f72932; font-size: 24px; font-weight: bold; margin: 5px 0 16px; }
.Line { height: 1px; line-height: 1px; font-size: 1px; margin:10px 5px; border-bottom: 1px solid #151515; }
.PaymentCalcButton { cursor:pointer; font-family: Arial; font-weight: bold; font-size: 11px; text-align: center; height: 10px; line-height: 10px; color: #111111}
.FinanceCalculatorBox {	margin-left: -10px;}
.OverviewCalc{ 	margin: 12px auto 14px auto; font-size: 12px; text-align: center; }
.InputLabel { padding: 5px 0; //padding: 5px 0 0 0; 	color: whitesmoke; }
.InputLabel div { float: left; margin: 11px 0 0 0; text-align: right; width: 155px; }
.Estimated {	font-size: 14px; font-weight: bold; margin-top: 17px; //margin-top: 3px; text-align: center; }
.SearchButton {	margin: 20px auto;	font-size: 14px;}
.SearchNew {	float: left; width: 127px; 	margin-left: 27px; line-height: 20px; }
.SearchUsed {float: right; width: 127px; margin-right: 24px; line-height: 20px; }
.Required {	font-size: 10px; margin: 20px 10px 10px 0; 	text-align: right;} 
.BottomSpace{	margin: 10px 0;}
.CalculatorLabel {	margin-top: 3px !important;	color: whitesmoke;}

.parts table tr th {background-color:#F72932; text-align:center; color:#ffffff; font-size:20px; font-family:'Montserrat', sans-serif;}

.parts table td {padding:5px; width:50%; background-color: #fdc7c9; background-color: rgba(252, 43, 52, 0.26); text-align:center;}

.specials table tr th {background-color:#F72932; text-align:center; color:#ffffff; font-size:20px; font-family:'Montserrat', sans-serif;}
.specials table {border:2px solid #1e1e1e;}
.specials table td {padding:5px;}

.links table tr th {background-color:#F72932; text-align:center; color:#ffffff; font-size:20px; font-family:'Montserrat', sans-serif;}
.links table td {padding:5px; border:2px solid #1e1e1e;}

/*Background*/
.financing #content {padding-top: 325px;}
.financing { background: #ffffff url(../images/bgs/financing.jpg) 0 top no-repeat !important;}
.finance-calculator #content {padding-top: 325px;}
.finance-calculator { background: #ffffff url(../images/bgs/finance.jpg) 0 top no-repeat !important;}
.parts #content {padding-top: 325px;}
.parts { background: #ffffff url(http://www.greensmarine.net/images/bgs/parts.jpg) 0 top no-repeat !important;}
.parts #content {padding-top: 325px;}
.service { background: #ffffff url(../images/bgs/service.jpg) 0 top no-repeat !important;}
.service #content {padding-top: 325px;}
.info { background: #ffffff url(../images/bgs/info.jpg) 0 top no-repeat !important;}
.info #content {padding-top: 325px;}
.specials { background: #ffffff url(../images/bgs/specials.jpg) 0 top no-repeat !important;}
.specials #content {padding-top: 325px;}
.links { background: #ffffff url(../images/bgs/links.jpg) 0 top no-repeat !important;}
.links #content {padding-top: 325px;}
 /*==============================================================================
													END General Style for content loading pages
 ==============================================================================*/

/** jQuery Styles - For script styles that are used frequently **/

/* Nivo Slider v2.4 Layout Styles */
#slider{width: px !important; height: px !important;}
#serviceSlider{width: 350px !important; height: 250px !important;}
#partsSlider {width: 350px !important; height: 196px !important;}
#slider, #serviceSlider, #partsSlider {position: relative; background: url(../imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%;}
#slider img, #serviceSlider img, #partsSlider img  {position: absolute; top: 0px; left: 0px; display: none;}
#slider a, #serviceSlider a, #partsSlider a {border: 0; display: block;}

/* Nivo Slider v2.4 System Styles - Do not touch unless necessary */
.nivoSlider {position: relative;} 
.nivoSlider img {position: absolute; top: 0px; left: 0px;}
.nivoSlider a.nivo-imageLink {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 8; display: none;}
.nivo-slice {display: block; position: absolute; z-index: 7; height: 100%;}
.nivo-caption {display: none !important; position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 8;}
.nivo-caption p {padding: 5px; margin: 0;}
.nivo-caption a {display: inline !important;}
.nivo-html-caption {display: none;}
.nivo-directionNav a {position: absolute; top: 45%; z-index: 8; cursor: pointer;}
.nivo-prevNav {left: 0px;}
.nivo-nextNav {right: 0px;}
.nivo-controlNav {position: absolute; right: 5px; bottom: 5px; z-index: 9;}/* Controls Position of the slide bubbles*/
.nivo-controlNav a {display: block; width: 22px; height: 22px; background:url(../imglib/template/v4/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left;}
.nivo-controlNav a.active {background-position: 0 -22px;}
.nivo-directionNav a {display: block; width: 30px; height: 30px; background:url(../imglib/template/v4/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0;}
a.nivo-nextNav {background-position: -30px 0; right: 15px;}
a.nivo-prevNav {left: 15px;}

/*.nivo-directionNav {display:block !important;} /* important to always keep nivo arrows visible */

/* BG Stretcher */
#bgWrapper {position: relative; z-index: 2; height: 639px !important; min-width: 980px;}
.bgstretcher-area {text-align: left;}
.bgstretcher, .bgstretcher ul, .bgstretcher ul li {position: absolute; top: 0; left: 0;}
.bgstretcher ul, .bgstretcher ul li {margin: 0; padding: 0; list-style: none;}
.bgstretcher {position: absolute; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; width: 100%; background: black; overflow: hidden;}

/* ** Inventory Detail breadcrumb nav styles ** */ 
#showroom-detail-container .div-social-buttons-breadcrumbs h3 a {color: #f72932 !important;}


/* jqFeatured Inventory v1.5.3 Styles */
.FINVImage img {width: 200px; height: 150px;}
.FINVImageNada img {width: 200px; height: 100px;}
.FINVComments {color: #111; margin-top: 7px;}
.FINVPrice {color: #111;}
#jqFeatured {width: 410px !important; height: 195px; overflow: hidden; margin-top: 20px;}
#jqFeatured ul li {position: relative; width: 200px; height: 195px; margin-right: 10px; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
/*#jqFeatured ul li:after {content: "Call For Price"; font-weight: bold; color: #f72932; text-align: center; position: absolute; bottom: 8px; left: 0; right: 0;}*/
#jqFeatured ul li:hover {background: #eee;}
#pnlFeaturedInventory {width: 200px; margin:0;}
#pnlFeaturedInventory img {margin-bottom: 5px;}

.featuredNav {position: absolute; width: 100%; top: 40%; left: 2px;}
.featuredNav li:hover {opacity: 0.7;}

.homeInventory {position: relative; padding: 0 30px;}
.homeInventory h3 {color: #363636; font-size: 20px;}
.homeInventory .moreButton {padding: 7px 10px; background: #171717; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #a7a7a7; font-size: 10px;}
.homeInventory .moreButton:hover {color: #f72932;}

/* Promotions CSS !DO NOT DELETE! */

/* promos page Styles */
#manufacturerPromos {width:856px;margin:0 auto;}
#manufacturerPromos li {width:200px;height:200px;padding:0;display:inline;float:left;margin:0 7px 12px 7px;}
#manufacturerPromos li:hover { background-position: 0 -200px; }
#manufacturerPromos li {box-shadow:0 0;}
#manufacturerPromos li a {display:block; width:200px; height:200px;}

#manufacturerPromos li.x4promostarcraft { background-image: url(../imglib/promos/sprite-logos/promo-landing-page-sprite-starcraft.png); }
#manufacturerPromos li.x4promomercurymarine { background-image: url(../imglib/promos/sprite-logos/promo-landing-page-sprite-mercury.png); }
#manufacturerPromos li.x4promolund { background-image: url(../imglib/promos/sprite-logos/promo-landing-page-sprite-lund.png); }

/*if the background is black or dark use "black-sprites" instead of "sprite-logos" and remove the background style*/