@import url(http://fast.fonts.com/cssapi/8794a6f1-6544-4ddc-becc-ebcf443b6079.css);
* { margin: 0 }
body { background-image: url(../images/white_texture.jpg); */ background-repeat: repeat; background-color: #323232; font-family: 'UniversLTW01-57Condense 723821', Arial; font-weight: 400; font-size: 13px }
body.pop { background: 0 0 }
h1 { font-size: 15pt; margin: 0 0 5px }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: underline }
p { margin: 1px 0 }
#bodydiv { width: 755px; background-color: #fff; margin: 0 auto; box-shadow: 0 0 20px 0 rgba(0,0,0,.03), -10px 0 20px 0 rgba(0,0,0,.03) }
#bodydiv div.footer div { padding: 10px 5px 10px 0 }
img { border: 0 }
div.header, div.popheader { border: 3px solid #fff; background-color: #fff }
div.header a { color: #333; padding-left: 15px }
div.popheader { background-color: #666; padding: 15px }
div.header input { color: #333; border: 1px solid #333; width: 140px; height: 18px; font-family: arial; font-size: 11px }
div.mainnav img { padding-right: 15px; float: left }
.leftinds { padding-left: 17px }
div.footer { clear: both }
div.botgrad { background-image: url(../images/bgnd_grad_grey.gif); background-repeat: repeat-x }
div.botspc { height: 10px }
div.footer a, div.footer span { color: #6E6E6E; padding-left: 10px; font-size: 12px }
div.pagefeat { -moz-box-shadow: inset 0 0 10px #000 }
div.pagefeat img { padding: 5px }
.pagefeat span { font-size: 14px }
div.homesubfeat { padding: 20px 5px 0 }
div.homesubfeat a.blue, div.homesubfeat span.black, div.homesubfeat span.grey, table.prodgrid a.blue, td.rightcol a.blue { font-family: UniversLTW01-67BoldCn, Arial; font-size: 14px; font-weight: 400 }
div.contentarea select, div.homesubfeat select { font-family: arial; font-size: 11px }
div.homesubfeat div, table.prodgrid div, td.rightcol div { padding: 10px 5px 10px 0 }
td.rightcol2 { padding: 15px 0 15px 15px }
td.leftcol div.evn { background-color: #eee }
td.leftcol div.end { border-bottom: 1px solid #ccc }
td.leftcol div.evn, td.leftcol div.odd { border-top: 1px solid #ccc; padding: 5px 0 5px 15px }
td.leftcol div.an12 { border: 0; padding: 15px 0 15px 15px }
div.gridhead { padding: 15px 0 5px }
div.gridhead div { padding: 2px 0 5px 8px; font-size: 18px; border-bottom: 2px solid #eaeaea; color: #000; margin-bottom: 5px; border-left: 3px solid #FECD24 }
table.prodgrid img { display: block; padding-bottom: 15px }
div.contentarea { width: 565px; padding: 5px 0 20px; float: left }
div.sitemap { width: 100%; background-color: #636363; padding: 2px; font-weight: 700; float: left }
div.breadcrumb { position: relative }
div.breadcrumb a { color: #000; border-bottom: 1px dotted #000 }
div.breadcrumbb { background-color: #eee; position: relative }
div.breadcrumbb a { color: #999 }
div.breadcrumb div, div.breadcrumbb div { padding: 10PX }
a.printlink { display: block; position: absolute; top: 5px; right: 5px }
div.specnav { background-color: #999; height: 45px }
div.specnav a { display: block; float: left; height: 45px; width: 112px; font-family: 'UniversLTW01-57Condense 723821', Arial; background-color: #999; color: #fff; font-weight: 700 }
div.specnav a.active { background-color: #fff; color: #000 }
div.specnav span { display: block; padding: 10px 10px 0 15px }
.a14 { font-size: 14px }
.an11 { font-family: 'UniversLTW01-57Condense 723821', Arial; font-size: 11px; font-weight: 400 }
.an12 { font-family: 'UniversLTW01-57Condense 723821', Arial; font-size: 12px }
.an13 { font-family: arial; font-size: 12px }
.an14 { font-weight: 700; font-size: 14px; text-transform: uppercase; padding-bottom: 5px }
.an12alter { font-family: arial; font-size: 12px }
.an16 { font-family: 'UniversLTW01-57Condense 723821', Arial; font-size: 18px; margin-left: 0; margin-right: 0; margin-top: 10px; text-transform: uppercase }
.an20 { font-size: 35px; font-weight: 400; font-style: normal; font-variant: normal; border-bottom: 3px solid #ffc821; font-family: UniversLTW01-67BoldCn, Arial }
.pt15, .pt16 { padding-top: 15px }
p.yellow { color: #fc0; text-transform: uppercase }
.yellow2 { color: #FFE57E }
.white { color: #000 }
.blue, div.leftnav a.blue { color: gray }
.blues, div.leftnav a.blue { color: #069; font-family: 'UniversLTW01-57Condense 723821', Arial; font-size: 11px; font-weight: 700 }
.grey { color: #cbcbcb }
.dkgrey { color: #999 }
.dkgreyb { color: #666 }
.dkgreyb2 { color: #004585 }
.class { clear: both; margin: 10px 5px }
.class h3 { margin-bottom: 5px; font-size: 14px; font-weight: 400; text-transform: uppercase }
.class p { margin-left: 110px }
.class_img { margin: 0 10px 10px 0; float: left }
.class ul { margin-left: 110px; padding: 10px 0 10px 15px }
div.leftnav { padding: 5px; float: left; font-size: 18px }
div.leftnav a { font-family: 'UniversLTW01-57Condense 723821', Arial; color: #757575; padding: 5px 0 10px; font-size: 14px; display: block; border-bottom: 1px solid #ECECEC }
div.leftnav a.sub { padding-left: 15px }
div.leftnav a.subnext { padding-left: 30px }
div.navbgnd { width: 175px; background-image: url(../images/devider.png); background-repeat: no-repeat; font-size: 15px; background-position: right; background-size: 8px 480px }
div.navbgnd div { padding-left: 5px; width: 160px }
.year { background: #eaeaea; text-align: center; padding: 5px }
.campaign td { valign: top }
ol { list-style-type: decimal; margin-left: 25px }
ul.list { margin: 0; padding: 0 }
ul.list li { margin: 3px 0 3px 15px; padding: 0 }
form.login label { width: 100px; float: left; display: block }
table.survey td { padding: 5px }
table.survey input, table.survey select, table.survey textarea { width: auto }
table.display { border: 0; border-collapse: collapse; width: 100% }
table.display td { padding: 5px; border: 1px solid #373737 }
table.display thead th, table.display thead tr { background: #4f4f4f; color: #fff }
table.display tr.alt { background: #f4f4f4 }
table.display ul { margin: 0; padding-left: 13px }
div.featured { background: #eaeaea; border: 1px solid #c6c6c6; padding: 10px; margin-bottom: 10px }
div.featured strong { text-transform: uppercase; font: 700 11pt Arial Narrow, Arial }
div.featured em { font: 700 10pt Arial Narrow, Arial }
div.featured h2 { font-size: 12pt; font-weight: 700; font-family: Arial Narrow, Arial }
div.featured .info { margin-left: 210px }
img.left { float: left; margin-right: 10px }
.red { font-weight: 700; color: red }
#bodydiv .arial { font-family: arial }
.search_used_equipment { text-align: center; background-color: #333; color: #FFF; font-size: 14px }
div.mainnav { height: 30px; background-image: url(../images/nav_bgnd.gif); border-bottom: 1px solid #ccc; position: relative }
.mainnav ul { margin: 0; list-style: none; padding: 0 }
.mainnav ul li { float: left; position: relative }
.mainnav ul li a { font-size: 14px; font-weight: 400; font-family: UniversLTW01-67BoldCn, Arial Narrow, Arial; text-transform: uppercase; text-decoration: none; color: #333; line-height: 30px; display: block; padding: 0 9px }
.mainnav ul ul li a { font-family: 'UniversLTW01-57Condense 723821', Arial }
.mainnav ul li:hover a { background-color: #ffc821; color: #fff }
.mainnav ul li div { position: absolute; top: 30px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0, rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0, rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0, rgba(229,229,229,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(229,229,229,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
padding: 5px; border-top: 3px #ffc821 solid; border-bottom: 5px #ffc821 solid }
.mainnav ul li div.left { left: -999em }
.mainnav ul li div.right { right: -999em }
.mainnav ul li div ul { float: left; padding-right: 20px; border-right: 1px dotted #CDCDCD }
.mainnav ul li div ul li { float: none }
.mainnav ul li div ul li a { font-size: 12px; text-transform: none; font-weight: 400; line-height: 26px }
.mainnav ul li:hover div a { background: 0 0; color: #000 }
.mainnav ul li:hover div ul a:hover { text-decoration: underline }
.mainnav ul li:hover div.left { left: 0 }
.mainnav ul li:hover div.right { right: 0 }
.onecol { width: 160px }
.onecolext { width: 190px }
.twocol { width: 350px }
.threecol { width: 450px }
.fourcol { width: 350px }
.mainnav ul li div div { background: 0 0 }
#navEquipment { padding: 0; width: 605px; background: linear-gradient(top, #FFF 0, #FFF 70%, #DDD 100%); background: -moz-linear-gradient(center top, #FFF 0, #FFF 70%, #DDD 100%) repeat scroll 0 0 transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD')" }
#navEquipment div.navItem { padding: 10px 0 0; float: left; width: 150px; height: 110px; position: relative; border-right: 1px solid #858585; top: 0; border-top: none }
#navEquipment div.navItem a { margin: 0; padding: 0; line-height: normal; color: #000; width: 150px; text-align: center; font-size: 12px }
#navEquipment div.navItem a img { display: block; margin-left: 15px }
#navEquipment div.navItem a:hover { text-decoration: underline }
#navEquipment div.navItem span a:hover { background-color: #FC3 }
#navEquipment2 { padding: 0; width: 305px; background: linear-gradient(top, #FFF 0, #FFF 70%, #DDD 100%); background: -moz-linear-gradient(center top, #FFF 0, #FFF 70%, #DDD 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(top, #FFF 0, #FFF 70%, #DDD 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD')"; border-top: 5px #ffc821 solid; border-bottom: 5px #ffc821 solid }
#navEquipment2 div.navItem { padding: 10px 0 0; float: left; width: 150px; height: 110px; position: relative; border-bottom: 1px dotted #CDCDCD; border-right: 1px dotted #CDCDCD; top: 0; border-top: none }
#navEquipment2 div.navItem a { margin: 0; padding: 0; line-height: normal; color: #333; width: 150px; text-align: center; font-size: 13px }
#navEquipment2 div.navItem a img { display: block; margin-left: 15px }
#navEquipment2 div.navItem a:hover { text-decoration: underline }
#navEquipment2 div.navItem span a:hover { background-color: #FC3 }
#navEquipment3 { padding: 0; width: 455px; background: linear-gradient(top, #FFF 0, #FFF 70%, #DDD 100%); background: -moz-linear-gradient(center top, #FFF 0, #FFF 70%, #DDD 100%) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(top, #FFF 0, #FFF 70%, #DDD 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD')"; border-top: 5px #ffc821 solid; border-bottom: 5px #ffc821 solid }
#navEquipment3 div.navItem { padding: 10px 0 0; float: left; width: 150px; height: 110px; position: relative; border-bottom: 1px dotted #CDCDCD; border-right: 1px dotted #CDCDCD; top: 0; border-top: none }
#navEquipment3 div.navItem a { margin: 0; padding: 0; line-height: normal; color: #333; width: 150px; text-align: center; font-size: 13px }
#navEquipment3 div.navItem a img { display: block; margin-left: 15px }
#navEquipment3 div.navItem a:hover { text-decoration: underline }
#navEquipment3 div.navItem span a:hover { background-color: #FC3 }
#popUpDiv { background-color: #FFF; width: 350px; position: absolute; top: 300px; left: 40%; height: 150px; margin: 0 auto; font-size: 18px; border: 3px solid #FC3; padding: 5px 5px 0 15px; z-index: 999999 }
#popUpsearch { background: url(/shared/images/search-popup.gif) no-repeat; color: #000; text-transform: uppercase; margin-left: -100px; height: 60px; left: 50%; padding: 10px; position: absolute; top: 12px; width: 455px; z-index: 99999; display: none }
#popUpnav { background: url(/shared/images/nav-pop.png) no-repeat; color: #fff; height: 69px; margin-top: -36px; margin-left: 0; font-size: 18px; padding: 10px; display: none; position: absolute; width: 970px; z-index: 99999 }
#popUpnav p, #popUpsearch { font-size: 12px }
.arrowspop { position: absolute; right: 100px; top: -8px; z-index: 99999999 }
.arrowspopnav { position: absolute; right: -15px }
.imagespopnav { margin-left: -690px; margin-top: -5px; background-color: #000 }
.imagespop { margin-left: -450px; margin-top: -5px; background-color: #000 }
.spantext { padding-bottom: 5px; text-transform: uppercase; font-weight: 700; font-size: 22px }
#praise_wrap { width: 755px }
#praise_header { height: 280px; position: relative; width: 755px }
#praise_content { background: #000 url(/shared/images/TruckBack.jpg) repeat-x; width: 565px; height: 1000px }
#praise_quote { float: left; width: 150px; padding: 25px 0 0 15px }
#praise_right { color: #EEE; font-size: 12px; width: 300px; float: right; padding: 19px 20px; text-align: justify }
#praise_textright { color: #EEE; font-size: 12px; width: 300px; float: left; padding-left: 20px; margin: -25px 0; text-align: justify }
#praise_sidebar { color: #EEE; font-size: 12px; width: 200px; float: right; padding-right: 20px; margin: 0 0 15px; text-align: justify }
#praise_sidebar img { padding-bottom: 20px }
#yellow { color: #FC0; font-size: 12px }
#pssublist { margin-left: 2px; padding-left: 2px; list-style: none }
#pssublist li { padding-left: 10px; background-image: url(../images/arrow_nav_inactive.gif); background-repeat: no-repeat; background-position: 0 .3em; font-size: 11px; line-height: 1.5em }
#pssublist a { color: #666 }
div.homefeat { background-image: url(../images/bgnd_grad_black.gif); background-repeat: repeat-x; background-color: #454545; padding: 25px 15px }
h2.remanpagefeat { font-size: 20px; font-family: UniversLTW01-67BoldCn; text-transform: uppercase; font-weight: 400; color: #fc0; float: right; position: relative }
h3.remanpagefeat2 { font-size: 13px; font-family: UniversLTW01-67BoldCn; color: #FFF; font-weight: 400; float: right; text-align: right; width: 200px; position: relative }
div.pagefeathome { padding: 15px 10px; background: url(../images/home.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeatabout { padding: 15px 10px; background: url(../images/about.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeatpt { padding: 15px 10px; background: url(../images/powertrain.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeatengine { padding: 15px 10px; background: url(../images/contact.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeathyd { padding: 15px 10px; background: url(../images/hydraulic.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeatms { padding: 15px 10px; background: url(../images/metalspray.png) no-repeat; margin-bottom: 2px; height: 120px }
div.pagefeatcontact { padding: 15px 10px; background: url(../images/contact2.png) no-repeat; margin-bottom: 2px; height: 120px }
.mobile { background: #fec524; display: block; font-size: 100%; padding: 5px; color: #000; text-align: center }
.equipmentpromo { height: 94px; text-shadow: #000 0 0 1px; zoom: 1; color: #FFF; width: 232px; font-family: UniversLTW01-67BoldCn, Arial; font-size: 18px; padding: 15px; position: absolute; top: auto; left: 50%; text-transform: uppercase; margin-left: -250px; margin-top: -35px; z-index: 99999; -ms-filter: "alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9 }
.partspromo { height: 94px; width: 232px; margin-left: 20px; text-shadow: #000 0 0 1px; zoom: 1; color: #FFF; font-family: UniversLTW01-67BoldCn, Arial; font-size: 18px; position: absolute; top: auto; left: 50%; margin-top: -20px; text-transform: uppercase; z-index: 99999; -ms-filter: "alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: .95; -khtml-opacity: .95; opacity: .95 }
.equipmentpromo img, .partspromo img { z-index: 99999999 }
.sticky-footer.affix { bottom: 0; left: 0; position: fixed; width: 100%; z-index: 10000; display: none; margin: 0 }
.sticky-footer { background: url(http://www.toromontcat.com/_skyfall_expired/images/content2_bg.png); height: 70px }
.social-icons { list-style: none; margin: 0 auto; overflow: hidden; width: 755px }
.social-icons ul { list-style: none; padding: 0 }
.social-icons ul li { display: inline; margin: 0; padding: 0 }
.social-icons li a { padding: 0 6px 0 0 }
.social-icons img { display: inline-block }
.socialcontain { float: left; width: 755px; margin: 0 auto; padding-top: 10px }
#subscribebox { border: 0; float: right }
div.subscribebox .footersubscribe { font-size: 1em; width: 200px; height: 30px; border: 0; outline: 0; background: 0 0 }
input.footersubscribe { border: 0; outline: 0; width: 170px; padding-left: 5px; height: 20px; background: 0 0 }
.footersubscribebutton { font-family: 'UniversLTW01-57Condense 723821', Arial; color: #fff; width: 75px; height: 28px; border: 0; padding: 0; margin: 0; cursor: pointer; overflow: visible; background: 0 0; z-index: 10px }
#enewstext { font-family: 'UniversLTW01-57Condense 723821', Arial; font-size: 16px; color: #fff; display: block; float: left; margin-top: 7px }
#footcontain { width: 480px; padding: 0; float: right; position: relative }
#enewsletter label { color: #000; margin-right: 10px; margin-left: 10px; font-size: 12px; font-family: 'UniversLTW01-57Condense 723821', Arial }
#enewsletter form { height: 28px; margin: 0 auto }
.sosbutton { background-color: #00a1cf; padding: 8px 8px 8px 18px; font-size: 14px; font-weight: 700; color: #fff; -moz-border-radius: 5px; border-radius: 5px }
.sosbutton:hover { text-decoration: none; background-color: #ffc821; color: #000 }
#mytoromont { text-align: center; margin-top: 10px }
.footerwrap { position: relative; top: -25px }
.top-nav { height: 120px; background: url(http://www.toromontcat.com/hybridexcavator/img/vid-bg2.png) }
header {width: 855px; height: 120px; z-index: 100; padding: 0 20px 0 30px; position: relative; margin: 0 auto}
header .logo { position: absolute; top: 29px; left: 30px; display: block }
header .logo:hover { box-shadow: 0 0 13px 0 rgba(0,0,0,2); -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,2) }
.navigation { background: url(http://www.toromontcat.com/hybridexcavator/img/vid-bg.png); height: 50px; -moz-border-radius: 10px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); box-shadow: 0 3px 3px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2) }
nav {width: 855px; height: 50px; margin: 0 auto; padding: 0 20px}
nav ul { margin: 0; padding: 0 }
nav ul li { float: left; margin-right: 7px; position: relative; z-index: 1; list-style: none }
nav ul li:last-child { border-right: 0 }
nav ul li.first { position: absolute; left: -9999em }
nav ul li.selected, nav ul li:hover { background-color: #EBEBEB; color: #000 }
nav ul li:hover ul { display: block }
nav ul li ul li ul li.selected a, nav ul li ul li.selected a, nav ul li.selected a, nav ul li:hover a { color: #000 }
nav ul li a {padding: 15px 2px; font-size: 14px; font-family: UniversLTW01-67BoldCn, Arial; color: #fff; text-decoration: none; text-transform: uppercase; display: block}
nav ul li ul { display: none; position: absolute; top: 40px; left: 0; z-index: 100; background-color: #EBEBEB; width: 200px; border-top: 0 none }
nav ul li ul li { float: none; margin: 5px; padding: 0; position: relative!important; left: 0!important }
nav ul li.selected ul li a { color: #fff }
nav ul li ul li a { font-size: 12px; text-transform: uppercase; font-weight: 400; color: #000!important; display: block; padding: 8px 9px; border-bottom: 1px dotted #6A6A6A }
nav ul li ul li:last-child a { border-bottom: 0 }
nav ul li ul li:hover { background-color: #fff }
nav ul li ul li:hover a { color: #fff }
nav ul li ul li ul { display: none!important; position: absolute; top: -10px; left: 190px; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; padding: 0 0 10px }
nav ul li ul li:hover ul { display: block!important }
.form-wrapper { width: 320px;/* padding: 15px; */ margin: 10px auto 20px; -moz-border-radius: 10px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2)}
.form-wrapper input { width: 230px; height: 20px; padding: 5px; float: left; border: 0; background: #FFF; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px }
.form-wrapper input:focus { outline: 0; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; box-shadow: 0 0 2px rgba(0,0,0,.8) inset }
.form-wrapper input::-webkit-input-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.form-wrapper input:-moz-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.form-wrapper input:-ms-input-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.form-wrapper button { overflow: visible; position: relative; float: right; border: 0; padding: 0; cursor: pointer; height: 30px; width: 80px; font-weight: 700; color: #000; text-transform: uppercase; background: #ffc821; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 }
.form-wrapper button:hover { background: #666; color: #fff }
.form-wrapper button:active, .form-wrapper button:focus { background: #ffc821 }
.form-wrapper button:before { content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #ffc821; top: 8px; left: -6px }
.form-wrapper button:hover:before { border-right-color: #666 }
.form-wrapper button:focus:before { border-right-color: #ffc821 }
.form-wrapper button::-moz-focus-inner {
border:0;
padding:0
}
.subscribe-wrapper { width: 250px; -moz-border-radius: 10px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2) }
.subscribe-wrapper input { width: 160px; height: 15px; padding: 5px; float: left; border: 0; background: #FFF; font-size: 11px }
.subscribe-wrapper input:focus { outline: 0; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; box-shadow: 0 0 2px rgba(0,0,0,.8) inset }
.subscribe-wrapper input::-webkit-input-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.subscribe-wrapper input:-moz-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.subscribe-wrapper input:-ms-input-placeholder {
color:#999;
font-weight:400;
font-style:italic
}
.subscribe-wrapper button { overflow: visible; position: relative; float: right; border: 0; padding: 0; cursor: pointer; height: 25px; width: 80px; font-size: 12px; font-weight: 400; font-weight: 700; color: #000; text-transform: uppercase; background: #DABB5C; -moz-border-radius: 0 3px 3px 0 }
.subscribe-wrapper button:hover { background: #666; color: #fff }
.subscribe-wrapper button:active, .subscribe-wrapper button:focus { background: #ffc821 }
.subscribe-wrapper button:before { content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #DABB5C; top: 5px; left: -6px }
.subscribe-wrapper button:hover:before { border-right-color: #666 }
.subscribe-wrapper button:focus:before { border-right-color: #ffc821 }
.subscribe-wrapper button::-moz-focus-inner {
border:0;
padding:0
}
.top_links_wrapper { padding-top: 20px }
ul.top_links li { list-style: none; margin-right: 5px; display: inline; padding-right: 18px; color: #fff; text-transform: uppercase; border-right: 1px dotted }
ul.top_links li:last-child { border-right: 0 }
ul.top_links li a { color: #fff }
.selected, ul.top_links li a:hover { color: #ffc821 }
.top_links_wrapper ul { padding-left: 15px }
#form_container { padding: 15px; font-size: 16px; }
.contact_form input[type=text] { padding: 10px; margin-bottom: 20px; border: 1px solid #CBCBCB; margin-left: 50px }
.contact_form textarea { margin-left: 50px }
.contact_button { background: #333; color: #fff; border: 0; padding: 10px; font-size: 18px; text-transform: uppercase; cursor: pointer; margin-left: 130px }
.quick_spec>img { position: absolute; left: 50%; margin-left: -15px; display: block; width: auto; height: auto; margin-top: 10px }
ul.bottomlinks li { list-style: none; display: inline; font-size: 14px; padding-right: 5px; color: #fff; text-transform: uppercase }
ul.bottomlinks li i { font-size: 20px; background: #E6E6E6; padding: 5px }
ul.bottomlinks li a:hover i { color: #ffc821 }
.offer_picture { position: absolute; bottom: 0 }
.closeme_button { color: #fff; font-size: 15px; position: absolute; top: -20px; display: block; cursor: pointer; margin-left: -30px }
.left_parts { float: left; width: 140px; padding: 15px; margin-right: 10px; margin-left: 5px; line-height: 23px; height: 170px; text-transform: uppercase; font-family: UniversLTW01-67BoldCn, Arial }
.left_parts span { font-size: 18px; font-family: 'UniversLTW01-57Condense 723821', Arial; text-align: center }
.partsbox { background: #eaeaea; text-align: center }
.generalbox { background: #ffc821; text-align: center }
.branchbox { background: #959595; color: #fff; text-align: center }
.branchbox a { color: #fff }
div.icons { text-align: center; font-size: 18px; margin: 0 }
div.icons i { font-size: 35px; padding-bottom: 5px; color: #333 }
.alignleft { padding: 25px 10px 0 15px; list-style: none; float: left; text-align: center }
span { font-size: 11px; }
.images { margin-right: -25px; margin-top: -15px }
a:active { outline: 0 }
:focus { -moz-outline-style: none }
ul.css-tabs { margin: 0!important; padding: 0; text-align: center; height: 30px }
ul.css-tabs li { float: left; padding: 0; margin: 0 5px; list-style-type: none }
ul.css-tabs a { float: left; font-size: 13px; display: block; padding: 5px 15px; text-decoration: none; border: 1px solid #666; border-bottom: 0; height: 18px; color: #777; margin-right: 1px; top: 1px; outline: 0; background: url(../images/bg.png) }
ul.css-tabs a:hover { color: #333; background: url(../images/bgun.png) }
ul.css-tabs a.current { background: url(../images/bgun.png); border-bottom: 1px solid #ddd; color: #000; cursor: default; font-weight: 700 }
.css-panes div { padding: 5px }
#nav-menu ul { list-style: none; padding: 0; margin: 0 }
#nav-menu li { float: left; margin: 0 .12em; padding: 5px 15px 15px 5; text-align: center }
#nav-menu li a { float: 560 }
.css-panes-used div { height: 680px; padding: 15px 20px; width: 520px; background: #FFF; border: 1px solid #CCC }
#wrap { width: 559px }
#nav-menu-used ul { list-style: none; padding: 0; margin: 0 }
#nav-menu-used li { float: left; margin: 0 .12em; padding: 5px 15px 15px 5; text-align: center }
#nav-menu-used img { padding: 15px 20px 15px 0 }
#nav-menu-used li a { float: 560 }
ul.css-tabs-used { margin: 0!important; padding: 0; text-align: center; height: 30px }
ul.css-tabs-used li { float: left; padding: 0; margin: 0 5px; list-style-type: none }
ul.css-tabs-used a { float: left; font-size: 13px; display: block; padding: 5px 15px; text-decoration: none; border: 1px solid #666; border-bottom: 0; height: 18px; color: #777; margin-right: 1px; top: 1px; outline: 0; background: url(../images/bg.png) }
ul.css-tabs-used a:hover { color: #333; background: url(../images/bgun.png) }
ul.css-tabs-used a.current { background: url(../images/bgun.png); border-bottom: 1px solid #ddd; color: #000; cursor: default; font-weight: 700 }
.titlefont { font-weight: 700 }
.searchfontsize { font-size: 14px }
.ui-menu-item span { padding-right: 0 }
span.tollfree { font-size: 25px }
.buynowbutton { background-color: #17C46C; padding: 10px 35px 10px 35px; font-size: 30px; text-transform: uppercase; font-weight: 700; color: #fff; -moz-border-radius: 5px; border-radius: 5px; margin-top: 10px; }
a.buynowbutton { color: #fff; }
.buynowbutton:hover { text-decoration: none; background-color: #ffc821; color: #000 }
.contactheader { font-size: 20px; padding: 10px 0 10px 0; font-family: 'UniversLTW01-67BoldCn', Arial; background: #ffc821; text-align: center; text-transform: uppercase; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.contact_button { background: #333; color: #fff; border: 0; padding: 10px; margin-top: 20px; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; cursor: pointer; margin-left: 100px; font-family: 'UniversLTW01-67BoldCn', Arial; }
.contact_button:hover { background: #ffc821; color: #000; }

div.textbox{ position: absolute; margin: 0; left: 0px; top: 44px; height: -3px; background: #ffc821; font-weight: normal; text-transform: uppercase; font-size: 18px; padding: 0;font-family: UniversLTW01-67BoldCn, Arial; }
#leftcolumn { width: 400px;
float: left;
padding-bottom: 20px;
padding-left: 10px;
padding-top: 15px;}
#rightcolumn { width: 300px;
float: right;
border-left: 1px solid #eaeaea;
padding-left: 10px;
padding-top: 0;
margin-top: 5px;
background: #FDFDFD;
padding-bottom: 10px;
/* box-shadow: inset 0 0 5px #ccc; */
-moz-box-shadow: inset 2px 0 8px -5px #000;
-webkit-box-shadow: inset 2px 0 8px -5px #797979;
box-shadow: inset 2px 0 8px -5px #BBB;}
.buton_loc{position: absolute; padding: 0 5px 0 0; right: 9px; bottom: 11px;}
.small_links{ color:#fff; font-size:16px;}
.small_links a{ color:#ffffff;}
.small_links a:hover{ color:#ffc821;}
.large_metro_links{color:#fff; font-size:20px;}
.large_metro_links a{ color:#ffffff;}
.large_metro_links a:hover{ color:#ffc821;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}
/*partstore Box */

.parts_store{background:url(/shared/images/parts_homepage.jpg); background-repeat:no-repeat; height:140px; width:400px; position:relative; opacity: 1;
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s; cursor:pointer;}
.parts_store:hover{ -webkit-filter: grayscale(80%); opacity: 0.8;}
.parts_store h2 { color: #fff;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
margin: 0;
 padding: 10px 0 0 20px;
line-height: 25px; font-family: UniversLTW01-67BoldCn, Arial;}
.parts_store h2:hover{-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease; color:#ffc821;}
.parts_store span {}
/*careers Box */
.bf_box{background: url(../images/careers_box.jpg);
background-repeat: no-repeat;
height: 140px;
width: 185px;
position: relative;
float: left;
opacity: 1;
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
cursor: pointer;}
.bf_box:hover{ -webkit-filter: grayscale(80%); opacity: 0.8;}
.bf_box h2 { color:#fff; text-transform:uppercase; font-size:20px;font-weight:normal; margin:0; padding: 10px 0 0 15px; line-height:20px; font-family: UniversLTW01-67BoldCn, Arial;}
.bf_box span {}

/*podcast and partstore feature*/
.bg_podcast{ background:url('/img/homepage-feature-podcast.jpg') !important; background-repeat: no-repeat !important;}
 .bg_partstore{background:url('/img/homepage-feature-partstore.jpg') !important; background-repeat: no-repeat !important;}

/*Cat Merch Box */
.catmerch_box{background-image: url(../images/cat_merch_hoempage.jpg);
background-repeat: no-repeat; cursor:pointer;

height: 140px;
width: 190px;
position: relative;
float: right;}
.catmerch_box h2 { color:#fff; text-transform:uppercase; font-size:20px;font-weight:normal; margin:0; padding: 10px 0 0 15px; line-height:20px; font-family: UniversLTW01-67BoldCn, Arial;}
.catmerch_box span {}

.box_container{padding-bottom: 20px;}
.content h3{ text-transform:uppercase; color:#000000;}
.content h3, p, a{ color:#000000;}