/*** CSS Document ***/ /** General Styles - Generic styles useful through out the site **/ body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background:#000000 url(../images/hawkeye-hd-bg.jpg) top center no-repeat; background-attachment: fixed; color: #fff; padding: 0; margin: 0; text-align: left;} .clearall, .clearfix {clear: left; clear: right; clear:both; display: block;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .left {float: left; display: inline;} .right {float: right; display: inline;} .lastFloat {margin-right: 0 !important;} .decimal {text-align:right} .imgLeft {float: left; margin: 0 10px 5px 0;} .imgRight {float: right; margin: 0 0 5px 10px;} .bullet {margin-left: 20px;} .bullet li {list-style: disc;} .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);} .robotoCondensedFont {font-family: 'Roboto Condensed', sans-serif;} .robotoSlabFont {font-family: 'Roboto Slab', serif;} /** Page Elements - Used to zero out common tags and general styling of them **/ div {padding: 0; margin: 0;} h1, h2, h3, h4 {margin: 0;} h1, h2 {color: #ffc526; font-size: 24px; font-weight: bold; margin-bottom: 15px;} /* h1 is for xPages that use the h1 call */ h3 {color: #ffc526; font-size: 18px; font-weight: bold; margin-bottom: 5px;} h4 {color: #ffc526; font-size: 12px; font-weight: bold; margin-bottom: 5px;} p {padding:0; margin: 0 10px 15px 0; text-align: left; line-height: 18px;} ul {margin: 0; padding: 0;} ul li {list-style: none;} a {text-decoration: none; outline: none; color: #fff;} a:hover {color: #ffc526;} a img {border: none;} img {margin: 0; padding: 0;} #showroom-detail-container h3 a {color: #ffc526!important;} /** Template Styles - For styles used to build the template **/ #wrapper {width: 980px; margin: 0 auto;} .invTabBtn {font-family: 'Roboto Condensed', sans-serif; color: #171717; font-size: 18px; line-height: 30px; font-weight: 700; text-align:center; text-transform: uppercase; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); position: absolute; left: -80px; display: block; width: 124px; box-shadow: 1px 1px 2px #000; border-radius: 3px; border-top:1px solid #fff; border-bottom:1px solid #fff; background: #fff; background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(252,252,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .invTabBtn:hover {color: #171717; background: #818282; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(129,130,130,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(129,130,130,1))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%);} #newTab { top: 236px;} #preTab { top: 380px;} #header {position: relative; z-index: 11; padding-bottom: 12px;} #serviceBTN {display: block; background: url(../images/hawkeye-hd-service-btn.png) 0 0 no-repeat; width: 53px; height: 227px; position:fixed; z-index:10; /*right:-53px;*/ margin-left: 980px; top:262px;} #serviceBTN:hover {background-position: 0 -227px;} @media (max-width: 1100px) { #serviceBTN { display: none; } } #companyLogo, #companyLogo a {width: 406px; height: 101px;} #companyLogo {padding: 25px 0 10px 30px;} #companyLogo a {display: block; margin: 0; background:url(../images/hawkeye-hd-logo.png) top left no-repeat;} #companyLogo a:hover {-webkit-filter: drop-shadow( 0 0 3px #ffc526); filter: drop-shadow( 0 0 3px #ffc526);} #headerContact { padding: 50px 20px 0 0;} #headerContact h3 {font-size: 14px; line-height: 14px; color: #fff; margin: 0; padding-bottom: 10px; text-align: right; letter-spacing: .75px;} #headerContact > a.right.uppercase {text-align:center; font-size: 17px; line-height: 30px; color: #fff; display: block; width: 137px; background: #373E48; background: -moz-linear-gradient(top, rgba(55,62,72,1) 0%, rgba(1,1,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,62,72,1)), color-stop(100%,rgba(1,1,1,1))); background: -webkit-linear-gradient(top, rgba(55,62,72,1) 0%,rgba(1,1,1,1) 100%); background: -o-linear-gradient(top, rgba(55,62,72,1) 0%,rgba(1,1,1,1) 100%); background: -ms-linear-gradient(top, rgba(55,62,72,1) 0%,rgba(1,1,1,1) 100%); border-radius: 3px; overflow: hidden;} #headerContact > a.right.uppercase:hover { background: #444c57; background: -moz-linear-gradient(top, rgba(1,1,1,1) 0%, rgba(55,62,72,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,1,1,1)), color-stop(100%,rgba(55,62,72,1))); background: -webkit-linear-gradient(top, rgba(1,1,1,1) 0%,rgba(55,62,72,1) 100%); background: -o-linear-gradient(top, rgba(1,1,1,1) 0%,rgba(55,62,72,1) 100%); background: -ms-linear-gradient(top, rgba(1,1,1,1) 0%,rgba(55,62,72,1) 100%); background: linear-gradient(to bottom, rgba(1,1,1,1) 0%,rgba(55,62,72,1) 100%);} #headerContact h2 {font-size: 33px; line-height: 30px; color: #ffc526; margin: 0; padding-right: 12px;} #headerContact h2 a {color: #ffc526;} #mainNav {border-top:1px solid #fff; border-bottom:1px solid #fff; border-radius: 3px; background: #fff; background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(252,252,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); padding: 10px 0 10px 85px; position:relative;} #headerSocial {position:absolute; text-align:center; margin: 0px auto; top: -23px; right: 200px; z-index:1;} #headerSocial li {display: inline-block; padding-left: 10px;} #headerSocial li:first-child {padding-left:0;} #headerSocial li a {display: block; width: 25px; height: 30px;} #headerSocial li a:hover {background-position: 0 -30px;} #headerFB a {background-image: url(../images/hawkeye-hd-header-social-facebook.png);} #headerYT a {background-image: url(../images/hawkeye-hd-header-social-youtube.png);} #headerGP a {background-image: url(../images/hawkeye-hd-header-social-googleplus.png);} #headerIN a {background-image: url(../images/hawkeye-hd-header-social-instagram.png);} #nav {position: relative; z-index: 10;} #nav a {color: #111111; font-weight: bold;} #nav li {float: left; display: inline;} #nav li:hover, #nav li.show {background: #A3A3A3;} #nav > li {border-left: 1px dotted #111111; } #nav > li:first-child { border-left: none;} #mainNav #nav > li:first-child a {padding-left: 20px;} #nav > li:first-child a:before {content:""; background: url(../images/hawkeye-hd-nav-home.png) 0 0 no-repeat; width: 15px; height: 14px; position: absolute; left: -4px; top: -3px; bottom:0; margin: auto 0; padding-bottom:2px;}#nav li a {display: block; padding: 5px 15px;} #nav > li > a {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; position:relative; padding: 0 12px;} #nav li a:hover, #nav li.show a.uppercase {} #nav li ul li {display: block; border-top: 1px solid rgba(0,0,0,.5); height: 31px;} #nav li ul li:first-child {border-top: none;} #nav li ul li:hover {background: #A3A3A3; background: rgba(0,0,0,.2);} #nav li ul li a {width: 200px; padding: 8px 15px;} #nav li ul li a:hover {} #nav .dropDown {position: relative; z-index: 9;} #nav .dropDown .uppercase:after {content:""; background: url(../images/hawkeye-hd-nav-arrow.png) 0 0 no-repeat; width: 5px; height: 3px; position: absolute; top:0; bottom:0; right:5px; margin: auto 0;} #nav .dropDown .subNav {display: none; position: absolute; z-index: 8; width: 230px; padding: 0; background: #fff; background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(252,252,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); border-radius: 3px; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,.2);} #nav li.dropDown:hover .subNav, #nav li.dropDown.show .subNav {display: block;} #nav .dropDown.with-js .subNav {display: none;} #main {background: url(../images/hawkeye-hd-content-bg.png) 0 0 repeat; background: rgba(30,30,30,.85); padding: 15px 20px!important;} #main ul {margin-bottom: 10px;} #main ul li {} #main a {color: #ffc526;} #main a:hover {text-decoration:underline;} #content {} #footer {margin-top: 15px; background: #000000; width: 980px; margin: 0px auto; padding: 20px 0 70px;} #footer p {margin: 0; margin-bottom: 5px;} #footer address {display: inline; font-style: normal;} #footer.footerColumn {display:inline;} .footerColumn {margin: 10px 10px 10px 0; padding-top:10px; width:230px; border-right: 1px dotted #474747; height:125px;} .footerColumn dt {text-transform: uppercase; margin-bottom: 10px; font-size: 14px; line-height: 16px; font-weight: 700; color:#ffc526;} .footerColumn dd {margin: 0 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff;} .footerColumn dd span {margin: 0 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size:11px;} .footerColumn a {text-transform:uppercase; color:#fff;} .footerColumn a:hover {color:#ffc526;} .footerColumn .days {color:#a3a3a3; min-width:80px; display:inline-block; text-transform:uppercase; margin-bottom:0;} .footerLegal{border:none !important; padding-right: 0 !important; margin-right:0 !important;} .footerLegal p, .footerLegal p a {color:#fff;} #contactUs {margin-left:20px;} #contactUs dd span {color:#ffc526;} #hoursColumn dd a {color:#a3a3a3;} #hoursColumn dd a:hover {color:#ffc526;} #footerEmail {background: url(../images/hawkeye-hd-newsletter.png) 0 0 no-repeat; display:inline-block; width:188px; height:22px;} #footerEmail:hover {background-position: 0 -22px;} .footerLegal .footerLinks {font-size: 10px; text-transform: uppercase; line-height: 10px; padding-top: 10px;} .footerLegal a#dealerSpikeLogo { display:inline-block; margin:0 0 0 -10px;} .footerLegal a#dealerSpikeLogo:hover {opacity:.7;} #copyrightNotice { padding-top:0;} #stickyFooter { position: fixed; z-index:200; bottom: 0; left:0; right:0; padding:3px 0; border-top:1px solid #000; } #stickyFooter:after {content:""; height:100%; display: block; position:absolute; bottom: 0; left:0; right:0; z-index:-1; background: #FC8800; background: -moz-linear-gradient(top, rgba(253,164,0,1) 0%, rgba(252,136,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,164,0,1)), color-stop(100%,rgba(252,136,0,1))); background: -webkit-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(252,136,0,1) 100%); background: -o-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(252,136,0,1) 100%); background: -ms-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(252,136,0,1) 100%); background: linear-gradient(to bottom, rgba(253,164,0,1) 0%,rgba(252,136,0,1) 100%);} #stickyFooter > div {max-width: 98%; min-width: 980px; margin: 0px auto;} #stickyLogo {background: url(../images/hawkeye-hd-sticky-footer-logo.png) 0 0 no-repeat; width: 193px; height: 49px; display: block; margin-right:20px;} #stickyLogo:hover {background-position: 0 -49px;} #stickyFooter > div .greyBtn {color: #171717; font-size: 18px; line-height: 30px; font-weight: 700; text-align:center; text-transform: uppercase; border-top:1px solid #fff; border-bottom:1px solid #fff; border-radius: 3px; background: #fff; background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(252,252,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); width: 124px; margin-top:8px; box-shadow: 1px 1px 2px #000; margin-right:10px;} #stickyFooter > div .greyBtn:hover {background: #818282; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(129,130,130,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(129,130,130,1))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(129,130,130,1) 100%);} #stickyFooter > div ul {padding-top:4px;} #stickyFooter > div ul li {display: inline-block; padding-left: 10px;} #stickyFooter > div ul li:first-child {padding-left:0;} #stickyFooter > div ul li a {display: block; width: 38px; height: 38px;} #stickyFooter > div ul li a:hover {background-position: 0 -38px;} #stickyFB a {background: url(../images/hawkeye-hd-sticky-footer-social-facebook.png) 0 0 no-repeat;} #stickyYT a {background: url(../images/hawkeye-hd-sticky-footer-social-youtube.png) 0 0 no-repeat;} #stickyGP a {background: url(../images/hawkeye-hd-sticky-footer-social-googleplus.png) 0 0 no-repeat;} #stickyIN a {background: url(../images/hawkeye-hd-sticky-footer-social-instagram.png) 0 0 no-repeat;} /** Page Styles - For styles specific to individual pages **/ /* Index */ #homeMain {background: url(../images/hawkeye-hd-content-bg.png) 0 0 repeat; padding: 15px 20px 30px;} #actVert {width: 265px; padding-left:15px; padding-top:18px;} #actVert li {border-top:1px solid #8e8e8f; border-top:1px solid rgba(255,255,255,.5);} #actVert li:first-child {border-top: none;} #actVert li a {display: block; height: 110px; position: relative;} #actVert li a:after {content:""; background: url(../images/hawkeye-hd-act-vert-decor.png) 0 0 no-repeat; width: 23px; height: 23px; position:absolute; bottom: 16px; right:0;} #actVert li a:hover:after {background-position: 0 -23px; right:2px;} #actVert li a > span {font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 37px; line-height: 36px; color: #ffc526; position: absolute; left:0; bottom: 16px; } #actVert li a:hover > span {color: #fff;} #actVert li a > span > span {font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 47px; line-height: 46px; color: #fff; white-space: nowrap;} #actVert li a:hover > span > span {color: #ffc526;} #actVert #actVertNew a > span > span {font-size: 60px; line-height: 60px;} #actHoriz {padding:20px 0;} #actHoriz li {float:left; padding-left: 12px;} #actHoriz li:first-child { padding-left: 0;} #actHoriz li a {display: block; width: 305px; height: 80px; background: #000000; position:relative;} #actHoriz li a:hover {background: #111; background: rgba(0,0,0,.8);} #actHoriz li a:after {content:""; background: url(../images/hawkeye-hd-act-horiz-decor.png) 0 0 no-repeat; width: 14px; height: 24px; position:absolute; bottom: 20px; right:18px;} #actHoriz li a:hover:after {right: 16px; background-position: 0 -24px;} #actHoriz li a > span {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 17px; line-height: 16px; color: #fff; position: absolute; bottom: 18px; left: 12px; letter-spacing: 2px;} #actHoriz li a:hover > span {color: #ffc526;} #actHoriz li a > span > span {font-family: 'Roboto Slab', serif; font-size: 33px; line-height: 32px; color: #ffc526; letter-spacing: 1px;} #actHoriz li a:hover > span > span {color: #fff;} #welcomeArea {width: 620px; padding-top:20px;} #welcomeArea h1 {color: #ffc526; font-size: 18px; line-height: 18px; margin-bottom:7px;} #welcomeArea p {font-size: 11px; line-height: 15px; color: #fff; margin:0;} /* Calendar */ .cluetip-default h3#cluetip-title {background-color: #4e4e4c !important;} .cluetip-default #cluetip-outer {background-color: #efefef !important;} .cluetip-default #cluetip-title a {color: orange !important; font-size: 0.95em;} .heading2 p {text-align:center;} /* Modal Pop Up Forms - DarkNav, GreyNav, LightNav Customizations */ body.darknav .textbuttons li span.icon, body.darknav .textbuttons li, body.darknav .InventoryDetailModals .textbuttons li { background-color: #ffc526; } /* Modal Pop Up Form Custom Submit Button body.darknav .InventoryDetailModals td input[type=submit] { background: #980000; background:-moz-linear-gradient(center top, #d81f1f 0%, #980000); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d81f1f), color-stop(1, #980000) ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f1f', endColorstr='#980000'); border:1px solid #980000; color:#fff; } body.darknav .InventoryDetailModals td input[type=submit]:hover { background: #d81f1f; background:-moz-linear-gradient(center top, #ff1f1f 0%, #d81f1f); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff1f1f), color-stop(1, #d81f1f) ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f1f', endColorstr='#d81f1f'); } */ /* Product Info/Inventory - Do not touch */ #VehBody {color: #323232;} #VehBody a {color: #000;} #VehBody a:hover, #VehBody a:hover span, #VehBody a:hover label {color: #ffc526;} .leftdiv, .centerdiv, .rightdiv {float: left; margin: 17px 0 0 0;} .leftdiv {display: inline; margin-left: 30px; width: 302px;} .leftdiv img {border: 3px solid #333;} .centerdiv {margin-left:38px; width: 228px;} .rightdiv {margin-left: 10px; width: 230px;} .rightdiv ul li {display: inline;} .rightdiv img {margin-bottom: 11px;} .vhicle_row a {color: #000;} #tooltip h3 {color: #000;} #swatches span, #information span {display: block; padding: 0 0 0 120px; height: 19px; background: none; color: #ccc; font-weight:bold;} #biketext {margin-top: 15px; padding: 5px 0 5px 5px; width: 286px; height: 51px; color: #606060; font-weight:bold;} #swatches span {padding-left: 65px;} #swatchcolors {border: 3px solid #333; height: 178px; width: 204px; background-color: #fff; overflow: auto; padding: 10px 5px 0 13px;} #swatchcolors li {list-style-type: none; height: 26px; margin-bottom: 8px; padding: 5px 0 6px 36px;} #swatchcolors li p {display: inline; text-transform: uppercase; font-weight:bold;} #information {margin-top: 15px; font-weight:bold;} #information span {padding-left: 80px;} .ulbox {list-style-type: none; border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333;} .ulbox li {border-bottom: 1px solid #333;} .ulbox a {padding: 10px; display: block;} .ulbox a:hover, .ulbox a:active {background: #A0A0A0;} .notice a {color: #ffc526;} .bheader {font-weight: bold;} /* <----------------------------------------------------- CONTENT STYLING -----------------------------------------------------> <---------------------------------------------------------------------------------------------------------------------------> */ /* GENERAL STYLING */ .listSTYLE li { margin-bottom: 6px; padding-left: 15px; } .listSTYLE li span { color: #ffc526; font-size: 16px; } .imgSTYLE { border: 4px outset #ffc526; } .centerALL { display: table; margin-left: auto; margin-right: auto; } /* GENERAL CONTENT P JUSTIFY */ #main #content p { text-align: justify; } .recreation-parks table tr td div span { text-align: justify !important; } /** Showroom **/ #newCatalog a {background:url(../fckimages/new.jpg) top left no-repeat !important;} #preCatalog a {background:url(../fckimages/preowned.jpg) top left no-repeat !important;} .xinventorypageslist li a img.make-logo { bottom: 24px !important;} /* STAFF */ #staffTABLE tr td img { margin: 8px; width: 150px; border: outset 4px #ffc526; } #staffTABLE tr td { width: 150px; } #staffTABLE tr td h4 { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; background-color: #ffc526; padding: 4px 4px 3px 15px; text-transform: uppercase; color: #000; display: inline-block; width: 852px; margin-left: 8px; font-weight: bold;} #staffTABLE tr td hr { display: none; } /* EXTRA SUB NAV */ #nav li ul li { position: relative; } .subNavExpandUsed {display:none; position:absolute; left:230px; top:0px; padding:0px; background-color:#1F1F1F;} .subNavExpandUsed li {background-color: #0aa1d9;} .subNavExpandUsed li:hover {} .subNavExpandUsed li a {border-left:none !important;} .subNav li:hover ul {display:block;} #nav li .drop_arrow { position:absolute; top:14px; right:8px;} /* CUSTOM BUTTON */ .opaFADE { opacity: 1 !important; } .opaFADE:hover { opacity: 0.7 !important; text-decoration: none !important;} .orange-roboto {display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0); background: rgb(245,130,32); background: -moz-linear-gradient(top, rgb(245,130,32) 0%, rgb(255,175,75) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(245,130,32)), color-stop(100%, rgb(255,175,75))); background: -webkit-linear-gradient(top, rgb(245,130,32) 0%, rgb(255,175,75) 100%); background: -o-linear-gradient(top, rgb(245,130,32) 0%, rgb(255,175,75) 100%); background: -ms-linear-gradient(top, rgb(245,130,32) 0%, rgb(255,175,75) 100%); background: linear-gradient(to bottom, rgb(245,130,32) 0%, rgb(255,175,75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58220', endColorstr='#ffaf4b', GradientType=0 ); padding:10px 18px 10px 18px; color:#fff !important; font-family:'Roboto condensed', sans-serif;font-weight:bold;font-size:22px !important;border-radius:8px; opacity: 1 !important;} .orange-robot:hover { opacity: 0.6 !important; text-decoration: none;} /* LINKS */ .linksLIST li h3 { margin: 10px 0px; padding: 6px; background-color: #ffc526; color: #000; font-family: 'Roboto Condensed',sans-serif; text-transform: uppercase; } .linksLIST li { margin: 2px 0px; display: inline-block; width: 940px; } .linksLIST li a { padding: 6px; background-color: #161616 ; color: #fff !important; display: block; font-size: 14px; font-family: 'Roboto Slab',serif; } .linksLIST li a:hover { background-color: #969696; text-decoration: none !important; } /* EVENTS CONTENT */ .fridayTABLE tbody tr td { font-weight: bold; font-family: 'Roboto Slab',serif; font-size: 14px; line-height: 25px; } /** jQuery Styles - For script styles that are used frequently **/ /* Events Wrapper */ #eventContainer {background: url(../images/hawkeye-hd-content-bg.png) 0 0 repeat; background: rgba(0,0,0,.4); padding: 8px;} #eventsWrapper {width: 288px; height: 370px; background: #1b1918;} #eventsWrapper h3 { color: #fff; font-size:21px; line-height: 21px; text-align:center; width: 230px; margin: 0px auto; padding: 25px 0 0;} #eventsWrapper h3:after {content:""; border-top: 1px dotted #959493; display: block; margin: 15px 0 20px;} #eventsWrapper ul {padding-bottom:25px;} #eventsWrapper ul li {padding-top: 18px; height: 54px; padding-left: 22px; padding-right: 22px;} #eventsWrapper ul li:nth-child(odd) {background: #2d2b2a;} #eventsWrapper ul li.lastFloat {margin-bottom: 0; padding-bottom: 0; border-bottom: none;} #eventsWrapper ul li a h4 {color: #fff; font-family: 'Roboto Slab', serif; font-size: 13px; line-height: 14px; font-weight: 400; margin: 0;} #eventsWrapper ul li a:hover h4 {color: #ffc526;} #eventsWrapper ul li div.eventDate {padding-right: 12px; } #eventsWrapper ul li div.eventDate span {display: block; width: 40px; background: #fda400; color: #252525; text-align: center; font-size: 24px; line-height: 40px;} #eventsWrapper ul li a:hover div.eventDate span {background: #ffc526; color: #000;} #eventsWrapper ul li p { color: #636364; margin:0; font-weight: 300; font-size: 12px; line-height: 14px; text-transform: none;} #eventsWrapper ul li a:hover p {color: #fff;} #eventsWrapper #eventsCal a {display:block; margin:0 20px 10px 20px; color:#636363; font-style:italic; border-bottom:1px dotted #434343;padding: 0 0 5px 15px;display:block;} #eventsWrapper #eventsCal a:hover {color:#ff6501;} #eventsWrapper > a.uppercase.robotoSlabFont {width: 230px; display: block; margin: 0px auto; color: #fff; font-size: 12px; line-height: 36px; text-shadow: 1px 1px #000; position: relative; padding-left:15px; border-top: 1px dotted #959493; letter-spacing: .5px;} #eventsWrapper > a.uppercase.robotoSlabFont:hover {color: #ffc526;} #eventsWrapper > a.uppercase.robotoSlabFont:before {content:""; display: block; background: url(../images/hawkeye-hd-calendar-link-decor.png) 0 0 no-repeat; width: 8px; height: 7px; position: absolute; top:0; left:0; bottom: 0; margin: auto 0;} #eventsWrapper > a.uppercase.robotoSlabFont:hover:before {left:2px;} #eventsWrapper > a.uppercase.robotoSlabFont span {color: #ffc526;} #eventsWrapper > a.uppercase.robotoSlabFont:hover span {color: #fff;} /* Nivo Slider v2.4 Layout Styles */ #slider {width: 622px !important; height: 357px !important;} #slider {position: relative; background: url(../imglib/template/v4/nivo/loading.gif) no-repeat 50% 50%;} #slider img {position: absolute; top: 0px; left: 0px; display: none;} #slider 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: 6; display: none;} .nivo-slice {display: block; position: absolute; z-index: 5; height: 100%;} .nivo-caption {display: none !important; position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 6;} .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: 6; cursor: pointer;} .nivo-prevNav {left: 0px;} .nivo-nextNav {right: 0px;} .nivo-controlNav {position: absolute; right: 10px; top: 10px; z-index: 7;}/* Controls Position of the slide bubbles*/ .nivo-controlNav a {display: block; width: 15px; height: 15px; background:url(../images/hawkeye-hd-nivo-bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-left: 7px; float: left;} .nivo-controlNav a.active {background-position: 0 -15px;} .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;} /* jqFeatured Inventory v1.5.3 Styles */ .FINVImage img {width: 200px; height: 150px;} .FINVImageNada img {width: 200px; height: 100px;} #jqFeatured {width: 435px !important; height: 180px; overflow: hidden; margin: 0px auto; padding: 25px 0 0 ;} #jqFeatured ul li {width: 200px; height: 180px; margin-right: 35px;} #pnlFeaturedInventory {width: 620px; height: 290px; margin:0; background: #000000; border-top-left-radius:3px; border-top-right-radius:3px; overflow: hidden;} #pnlFeaturedInventory .finvHeader {border-top:1px solid #fff; border-bottom:1px solid #fff; border-radius: 3px; background: #fff; background: -moz-linear-gradient(top, rgba(140,140,140,1) 0%, rgba(252,252,252,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(252,252,252,1))); background: -webkit-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -o-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: -ms-linear-gradient(top, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%); background: linear-gradient(to bottom, rgba(140,140,140,1) 0%,rgba(252,252,252,1) 100%);} #pnlFeaturedInventory h2 {font-size: 30px; line-height: 42px; margin:0; font-weight: 400; color: #000; padding-left: 25px} #pnlFeaturedInventory h2 span {font-weight: 700;} #pnlFeaturedInventory .finvHeader a {display: block; text-align:center; font-size: 16px; color: #c2c2c2; line-height: 30px; width: 124px; background: #111111; border-radius: 3px; overflow: hidden; margin-right:25px; margin-top:6px;} #pnlFeaturedInventory .finvHeader a:hover {background: #000; color: #ffc526;} #pnlFeaturedInventory img {margin-bottom: 5px;} #pnlFeaturedInventory .FINVComments {text-align:center; font-weight: 700; font-size: 12px; line-height: 14px; color: #fff;} #pnlFeaturedInventory li a:hover .FINVComments {color: #ffc526;} #featuredNextButton a, #featuredPrevButton a { position: absolute; display: block; width: 35px; height: 35px; background:url('../images/hawkeye-hd-finv-nav.png') top left no-repeat;} #featuredNav {position: relative;} #featuredPrevButton a {background-position: 0 0 !important; top: 85px; left: 30px;} #featuredPrevButton a:hover {background-position: 0 -35px !important;} #featuredNextButton a {background-position: -35px 0 !important; top: 85px; right: 30px;} #featuredNextButton a:hover {background-position: -35px -35px !important;} /*for reviews page by Todd 10/29/14 */ .reviewsPage {font-size: 15px; padding-bottom: 27px;} .reviewsPage .reviewSection {visibility: hidden;} #main #content .reviewsPage .reviewSection p, .reviewsPage .reviewSection {font-size: 20px; text-align: center;} #content .reviewsPage .squareButton {min-width: 45px; font-size: 100%} .reviewsPage .reviewService {/*visibility: hidden;*/} #content .squareButton {display: inline-block; font-size: 150%; font-weight: bold; color: #fff !important; text-align: center; padding: 6px; text-decoration: none; margin-left: auto; margin-right: auto; cursor: pointer; border-radius: 5px; background: #FDA400; background: -moz-linear-gradient(top, rgba(253,164,0,1) 0%, rgba(195,116,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,164,0,1)), color-stop(100%,rgba(195,116,0,1))); background: -webkit-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(195,116,0,1) 100%); background: -o-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(195,116,0,1) 100%); background: -ms-linear-gradient(top, rgba(253,164,0,1) 0%,rgba(195,116,0,1) 100%); background: linear-gradient(to bottom, rgba(253,164,0,1) 0%,rgba(195,116,0,1) 100%);} .InvDetailPage .liUnit span {font-weight:600!important;} /*Facebook Inventory Settings*/ .facebookinventory #footer {display:none !important;} .facebookinventory #mainNav {display:none !important;} .facebookinventory #stickyFooter{display:none !important;} .facebookinventory #navWrapper {display:none !important; min-width:785px;} .facebookinventory #wrapper {min-width:785px;} .facebookinventory #main {width: 95%; margin: 0px 0px;} #slider > div.nivo-controlNav {display: none;}