html, body { font-family: Arial, Verdana, Tahoma; font-size: 14px; }
body {background:#000;color:#fff;}
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
* {outline:0}
/*
#main { width: 1260px; margin: 0 auto; }
*/
#main { width: 100%; margin: 0 auto; }
#header {}
#content {}
#footer {}
@font-face { font-family: 'Swis721'; src: url('/font/swz721bc-webfont.eot'); src: url('/font/swz721bc-webfont.eot?iefix') format('eot'), url('/font/swz721bc-webfont.woff') format('woff'), url('/font/swz721bc-webfont.ttf') format('truetype'), url('/font/swz721bc-webfont.svg#webfontLEnpEGmC') format('svg'); font-weight: normal; font-style: normal; }
div.leftColumn { float: left; width: 194px; padding: 12px 24px 12px 12px; }
div.rightColumn { float: right; width: 700px; }
a {color:#F5AD17;text-decoration:none;outline:0}
a:hover {text-decoration:underline}
.clear {clear:both}
.clearLine {border-bottom:1px solid #333;margin:0 40px}
.inline {display:inline !important}
.border0 {border:0 !important}
.padding0 {padding:0 !important}
.margin0 {margin:0 !important}
.right {float:right !important}
.left {float:left !important}
.inlineb {display:inline-block !important}
.relative { position: relative;}
/*
.siteWrapper {margin:0 auto;width:1260px;position:absolute}
*/
.siteWrapper {margin:0 auto;width:100%;position:absolute}
.lineOne {background:url(../images/lineOne.png) no-repeat center;height:18px;width:1260px}
.a-btn {display:block;cursor:pointer;cursor:hand;color:#000;background-color:#F5AD17;border:0;font-weight:bold;margin-top:30px;padding:10px 15px;text-transform:uppercase;-moz-border-radius: 5px;border-radius: 5px;}
.marine .a-btn {background-color:#0099cc;color:#fff}
.professional .a-btn {background-color:#92171a;color:#fff}
.a-btn:hover {text-decoration:none;background:#636363;color:#fff}
.btn-gw {color:#fff;background:#636363;}
.btn-gw:hover {color:#000;background:#F5AD17;}
.btn-pw {color:#fff;background:#be4b4b;}
.btn-pw:hover {background:#636363;}
.btn-small {display:inline;padding:5px 10px;font-size:12px}
.btn-regular {width:90px;text-align:center;margin-right:15px}
.fb-btn {padding-left:30px;background:url(/images/iconFacebook.png) 6px center no-repeat #636363;line-height:1.8em}
.tw-btn {padding-left:30px;background:url(/images/iconTwitter2.png) 6px center no-repeat #636363;line-height:1.8em}
.email-btn {padding-left:30px;background:url(/images/iconEmail.png) 6px center no-repeat #636363;line-height:1.8em}
.print-btn {padding-left:30px;background:url(/images/iconPrint.png) 6px center no-repeat #636363;line-height:1.8em}
.icon-btn {padding-left:14px;background-position:center center}
.text-link {font-size:11px;margin-left:10px}
.generalTitle {font-family: 'Swis721';color:#F5AD17;margin-bottom:20px}
.error {color:#f00}
/* =Header
---------------------------------------------------------------------------------------------------------
*/
/*
.header {width:1260px;background:url(../images/topHalfPattern.png) repeat-x #000;height:100px;position:fixed;z-index:100}
*/
.header {width:100%;background:url(../images/topHalfPattern.png) repeat-x #000;height:100px;position:fixed;z-index:100}
.header .centerHeader {width:1040px;margin:0 auto}
.header .logo {position:absolute;z-index:101;}
.header .topMenu {margin-right:20px;width:800px}
.header .topMenu .top ul {float: right}
.header .topMenu .top ul li {float:left;font-size:11px;margin:15px 0;padding:5px 18px;border-left:1px solid #aeaeae;height:14px}
.header .topMenu .top ul li:first-child {border:0}
.header .topMenu .top .languages a {margin:0 3px;padding:5px;display:block;float:left;margin-top:-5px}
.header .topMenu .top .languages a.current {background-color:#303030;border:0;color:#fff;font-size:11px;-moz-border-radius:3px;border-radius:3px;}
.header .topMenu .top input[type=text] {border:0;color:#aeaeae;font-size:11px;font-style:italic;height:26px;padding:0 30px 0 5px;width:90px;-moz-border-radius:5px;border-radius:5px;margin-top:-10px;background:url(../images/search.png) no-repeat 103px 5px #303030;}
.header .topMenu .top ul li:first-child {/*background:url(../images/onlineChat.png) no-repeat;*/padding-left:30px; /*display: none;*/} /* hide chat link for launch (see next rule)*/
/*.header .topMenu .top ul li:nth-child(2) {border-left: none;}*/ /* hides the divider between li's, need to add back in when the chat is re-enabled */
.header .topMenu ul li a {color:#aeaeae}
.header .topMenu .bottom ul li {float:left;font-size:12px;margin:5px 0;padding:0 10px;font-family: 'Swis721', sans-serif;font-size:12px;text-transform:uppercase}
.header .topMenu .bottom ul li:hover {background: url(../images/tranNavHoverBg.png);}
.header .topMenu .bottom ul li:hover ul li {background: none;}
.header .topMenu .bottom ul li a {font-size:16px;margin-right:15px;color:#FFF}
.header .topMenu .bottom ul.secondary li a {font-size:14px;margin-right:15px;color:#FFF; font-weight: normal;}
.header .topMenu .bottom ul li a:hover, .header .topMenu .bottom ul li a.current {text-decoration:none;color:#F5AD17}
.header .lineOne {position:absolute;bottom:-16px;width:100%}
/* =Footer
---------------------------------------------------------------------------------------------------------
*/
/*
.footer {width:1260px;background:url(../images/fullPattern.png) repeat-x #000;margin:0 auto;min-height:280px}
*/
.footer {width:100%;background:url(../images/fullPattern.png) repeat-x #000;margin:0 auto;min-height:280px}
.footer .centerFooter {width:1040px;margin:0 auto}
.footer .links {margin-left:70px}
.footer .links ul {float:left;color:#898989;font-size:11px;font-weight:bold;margin:25px 35px 0 0;max-width: 85px;}
.footer .links ul li {font-weight:normal;font-size:9px;margin:12px 0}
.footer .links ul li:first-child {font-weight:bold;font-size:10px;color: #fff;}
.footer .links ul li a {color:#898989}
.footer .logo {padding-top:30px}
.footer .form {margin:15px 0}
.footer .form input[type=text] {background-color:#303030;float:left;border:0;color:#aeaeae;font-size:11px;font-style:italic;height:26px;margin-right:10px;padding:0 5px;width:120px;-moz-border-radius:5px;border-radius:5px;}
.footer .signup .icons li {float:left;margin-right:20px}
.footer .copyright {color:#acacac;margin-left:70px;font-size:11px;margin-top:40px}
.footer .signup .signupHolder { margin-bottom: 15px; width: 236px; overflow: hidden; }
.footer .signup .signupHolder a { text-decoration: none; }
.footer .signup .signupHolder div.image { float: left; width: 87px; overflow: hidden; }
.footer .signup .signupHolder div.text { float: left; margin-left: 12px; width: 136px; overflow: hidden; color: #7e7e7e !important; font-size: 12px; line-height: 17px; }
.footer .signup .signupHolder div.text p.title { color: #ffda2f !important; font-size: 15px; margin-bottom: 5px; line-height: 20px; }
/* =Pop up
---------------------------------------------------------------------------------------------------------
*/
.popup {padding:10px}
.popup .left-col {margin-right:40px;padding-right:50px;border-right:1px solid #3F3F3F}
.popup .right-col {width:38%;float:left;text-align:center}
.popup .checkboxes {}
.popup .title, #login-popup .title {color:#F5AD17;font-weight:700;font-size:18px;font-family: 'Swis721', sans-serif;border-bottom:1px solid #3F3F3F;padding:5px;margin-bottom:20px}
/*
.popup input[type=text], #login-popup input[type=text],
.popup input[type=password], #login-popup input[type=password] {background-color:#323232;border:0;display:block;margin-bottom:10px;padding:5px;width:220px;-moz-border-radius:3px;border-radius:3px;}
*/
.popup input[type=text], #login-popup input[type=text],
.popup input[type=password], #login-popup input[type=password] {width:200px;padding:0 10px}
.popup .forgotpw {font-size:11px;margin-left:10px}
.hints {
color:#a8acac;position:absolute;top:0;left:0;margin:0;padding:4px 8px;background-color:#414141;font-size:12px;
-moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000;
z-index:9000;margin-right:10px;
}
/* =Login
---------------------------------------------------------------------------------------------------------
*/
#nonPopupLoginHolder { padding:170px 50px 0;width:960px;margin:0 auto;background-color:#111;min-height:300px; }
#nonPopupLoginHolder input[type=text], #nonPopupLoginHolder input[type=password] {width:200px;padding:0 10px}
#nonPopupLoginHolder .forgotpw {font-size:11px;margin-left:10px}
#nonPopupLoginHolder .left-col {margin-right:50px;padding-right:50px;border-right:1px solid #3F3F3F}
#nonPopupLoginHolder .right-col {padding-top:17px;}
/* =Forgot passsword
---------------------------------------------------------------------------------------------------------
*/
#forgotPassword { padding:170px 50px 0;width:960px;margin:0 auto;background-color:#111;min-height:300px; }
#forgotPassword input[type=text], #nonPopupLoginHolder input[type=password] {width:200px;padding:0 10px}
#forgotPassword .forgotpw {font-size:11px;margin-left:10px}
#forgotPassword .left-col {margin-right:50px;padding-right:50px;border-right:1px solid #3F3F3F}
#forgotPassword .right-col {padding-top:17px;}
/* =Register
---------------------------------------------------------------------------------------------------------
*/
#registrationContainer {padding:170px 50px 0;width:960px;margin:0 auto;background-color:#111;min-height:500px}
#registrationContainer input[type=text], #nonPopupLoginHolder input[type=password] {width:200px;padding:0 10px}
#registrationContainer .forgotpw {font-size:11px;margin-left:10px}
#registrationContainer .left-col {margin-right:50px;padding-right:50px;padding-bottom:20px;border-right:1px solid #3F3F3F; width: 225px; overflow: hidden;}
#registrationContainer .right-col {padding-top:17px;}
/* =Register Popup
---------------------------------------------------------------------------------------------------------
*/
#signup-popup #registrationContainer {padding:0;width:auto; background: transparent; margin:0 !important;min-height:500px}
#signup-popup #registrationContainer #registrationForm { padding-bottom: 0px; width: 530px;}
/* =heritage
---------------------------------------------------------------------------------------------------------
*/
#heritage .heritage-left {width:228px}
#heritage .heritage-left img {margin:20px 0}
#heritage .heritage-right {width:590px;}
#heritage {padding:100px 100px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/heritage/banner-heritage.jpg) no-repeat center 101px; }
#heritage .breadcrumb_section {height:247px;position:relative}
#heritage #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#heritage .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#heritageSection {padding:100px 100px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/heritage/banner-heritage-barry.jpg) no-repeat center 101px;}
#heritageSection .breadcrumb_section {height:247px;position:relative}
#heritageSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#heritageSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
/* =Static Page
---------------------------------------------------------------------------------------------------------
*/
#staticPage {padding:100px 20px 20px;width:920px;margin:0 auto;background-color:#111}
/*
.jobs-bg {padding:100px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/job-banner.png) no-repeat center 101px}
#staticPage .breadcrumb_section {height:247px;position:relative}
#staticPage #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#staticPage .breadcrumb_section #sectionHeader {float:left;padding:18px 62px 10px 22px;position:absolute;bottom:0;background:url(../images/trans.png)}
#staticPage .eventContent {background-color:#111}
#staticPage .eventContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
*/
.cms-content {color:#909090;font-size:12px;line-height:200%;padding:25px 25px 25px 25px}
.cms-content h2 {font-family: 'Swis721';color:#F5AD17;margin-bottom:20px}
.cms-content p {margin-bottom:25px}
/* =Jobs Page
---------------------------------------------------------------------------------------------------------
*/
#jobsSection {padding:100px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/jobs/banner-jobs.jpg) no-repeat center 101px;}
#jobsSection .breadcrumb_section {height:247px;position:relative}
#jobsSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#jobsSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#jobsSection .productContent {background-color:#111}
#jobsSection .productContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#jobsSection .cms-content { background-color: #000; }
/* =KTeBrilla Page
---------------------------------------------------------------------------------------------------------
*/
#KTeBrillaSection {padding:10px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/misc/banner-ktebrilla.jpg) no-repeat center 101px;}
#KTeBrillaSection .breadcrumb_section {height:247px;position:relative}
#KTeBrillaSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#KTeBrillaSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#KTeBrillaSection .productContent {background-color:#111}
#KTeBrillaSection .productContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#KTeBrillaSection .cms-content { background-color: #000; }
/* =HTML Basic Page
---------------------------------------------------------------------------------------------------------
*/
#HTMLBasicSection {padding:10px 50px 0;width:960px;margin:0 auto;background-color:#111;}
#HTMLBasicSection .breadcrumb_section {height:247px;position:relative}
#HTMLBasicSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#HTMLBasicSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#HTMLBasicSection .productContent {background-color:#111}
#HTMLBasicSection .productContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#HTMLBasicSection .cms-content { background-color: #000; }
/* =Home Page
---------------------------------------------------------------------------------------------------------
*/
/*
.showContent {position:absolute; z-index:1; margin-top: 170px; }
*/
.showContent {position:absolute; z-index:1; margin-top: 100px; width:100%}
.showContent .bannerCover {}
.showContent .banner {position:relative;width:1260px;margin:0 auto}
.showContent .banner .image {position:inherit;z-index:3;text-align:center}
.showContent .banner .text-block {position:absolute;left:150px;top:80px;z-index:5}
.showContent .banner .text-block .title {font-size:2.7em;font-style:italic;color:#f9f9f9;font-family: 'Swis721', sans-serif;}
.showContent .banner .text-block .desc {font-size:1.2em;color:#000;line-height:150%;list-style:disc;margin:10px 0 10px 20px}
.showContent .banner .text-block .a-btn {text-align:center;font-size:1.32em;margin-top:20px;width:150px}
.showContent .banner .text-block .a-btn:hover {text-decoration:none}
.showContent .banner .lineOne {position:absolute;bottom:31px;z-index:1;width:100%}
.showContent .circularMenu {/*background:url(../images/fullPattern.png) repeat-x 0 -10px;*/height:285px}
.showContent .circularMenu #left-but, .showContent .circularMenu #right-but {position:absolute;top:100px;cursor:pointer;cursor:hand; padding: 10px 20px;}
.showContent .circularMenu #left-but {background:url(../images/btnLeft.png) no-repeat center center;height:24px;width:14px}
.showContent .circularMenu #right-but {background:url(../images/btnRight.png) no-repeat center center;height:24px;width:14px;right:0}
.showContent .circularMenu #carousel {margin:0 auto;padding-top:15px;width:940px; height:200px;overflow:scroll}
.showContent .circularMenu #carousel a {}
.showContent .circularMenu .numButtonHolder {margin-top:25px;background-color:#282828;float:left;-moz-border-radius:5px;border-radius:5px;position:absolute}
.showContent .circularMenu .numButtonHolder ul.numButton {list-style-type: none;background-color:#999;margin:0;padding:0}
.showContent .circularMenu .numButtonHolder ul.numButton li {background: url(../images/dots.png) no-repeat -16px 1px; width:15px;height:15px;border:0;float:left;margin:4px;cursor:pointer;cursor:hand }
.showContent .marine-carousel .numButtonHolder ul.numButton li {background: url(../images/dots-marine.png) no-repeat -16px 1px; width:15px;height:15px;border:0;float:left;margin:4px;cursor:pointer;cursor:hand }
.showContent .professional-carousel .numButtonHolder ul.numButton li {background: url(../images/dots-professional.png) no-repeat -16px 1px; width:15px;height:15px;border:0;float:left;margin:4px;cursor:pointer;cursor:hand }
.showContent .circularMenu .numButtonHolder ul.numButton li.current {background-position: 0px 1px }
.showContent .content {width:1000px;margin:0 auto}
.showContent .content .centerBlock, .showContent .content .infoBlock, .showContent .content .productLine {width:825px;margin:0 auto}
.showContent .content .infoBlock, .showContent .content .productLine {margin:20px auto;color:#898989;font-size:12px}
.showContent .content .productLine img {width:180px}
.showContent .content .infoBlock .title, .showContent .content .productLine .title {color:#F5AD17;font-weight:700;font-size:14px;margin-bottom:10px}
.showContent .content .productLine table td:first-child {padding-right:20px}
.showContent .content .marine .title {color:#0099cc;vertical-align:top;text-transform:uppercase;font-family: 'Swis721', sans-serif;font-size:20px}
.showContent .content .professional .title {color:#92171a;vertical-align:top;text-transform:uppercase;font-family: 'Swis721', sans-serif;font-size:20px}
.showContent .content .infoBlock .info1 {width:340px;float:left;margin-right:35px;line-height:150%}
.showContent .content .infoBlock .info2 {width:420px;float:left;line-height:150%}
.showContent .content .line {border-top:1px solid #252525;height:1px}
.blockTitle {color:#F5AD17;text-transform:uppercase;font-family: 'Swis721', sans-serif;/*width: 100%;*/}
.marine .blockTitle{color:#0099cc}
.professional .blockTitle{color:#92171a}
.blockTitle a {margin-left:0px;line-height:180%}
.blockHeadLine {text-align:center;color:#f5ad17;font-family:'Swis721',sans-serif;text-transform:uppercase;font-size:18px;margin-top:20px}
.newsBlock {width: 470px;padding-right:30px;float:left;border-right:1px solid #252525;margin-top:30px}
.newsBlock .blockTitle {/*padding-left:40px;*/background:url(../images/MOL_45x45_icon.png) no-repeat;/*line-height:260%*/}
.newsBlock .esBlockTitle {background-image:url(../images/MELmobile_45x45_icon.png) !important;}
.newsBlock .news {font-size:0.8em;margin:15px 0;min-height:100px}
.newsBlock .news .image {float:left;margin-right:10px}
.newsBlock .news .title {color:#7e7f7f;font-weight:700;}
.newsBlock .news .desc {color:#cccccc;font-size:0.85em}
.newsBlock .news .more {color:#a8a8a8;font-size:0.9em;font-weight:700;margin-top:15px}
.twitterBlock, .facebookBlock {float:left; width:320px;margin-top:30px }
/*.twitterBlock .blockTitle, .facebookBlock .blockTitle {margin-left:30px}*/
.twitterBlock .twitter, .facebookBlock .facebook {padding:15px 0 15px 0px;margin-left:30px;border-top:1px solid #101010}
.twitterBlock .blockTitle {/*padding-left:20px;*/background:url(../images/twitterbird45x45.png) no-repeat;}
.twitterBlock .twitter .name {font-size:0.8em;font-style:italic}
.twitterBlock .twitter .name .user {color:#e12328;font-style:normal;font-weight:700}
.twitterBlock .twitter .datetime {font-size:10px}
.twitterBlock .twitter .desc, .facebookBlock .facebook .desc, .facebookBlock .facebook .datetime {color:#cccccc;font-size:0.7em}
.facebookBlock .blockTitle {/*padding-left:20px;*/background:url(../images/facebook_logo_45x45.png) no-repeat;}
.facebookBlock .facebook .datetime a {margin-left:10px}
.facebookBlock .facebook a {color:#3b5998}
.facebookBlock .facebook .name {font-size:0.8em}
.facebookBlock .facebook .name .user {color:#3b5998;font-weight:700}
.newsBlock .blockTitle {height:16px;padding:13px 0 15px 62px }
.twitterBlock .blockTitle, .facebookBlock .blockTitle {height:16px;padding:13px 0 15px 92px;background-position:30px top }
.main_wrap {width:960px;margin:0 auto;}
/* =Product Landing Page
---------------------------------------------------------------------------------------------------------
*/
#productLanding {}
#productLanding div.wrapup {}
#productLanding div.wrapup div.image { float: left; margin-right: 25px; }
#productLanding div.wrapup div.image { width: 229px; }
#productLanding div.wrapup div.text { float: left; }
/* =Product Section Page
---------------------------------------------------------------------------------------------------------
*/
.tagGroup a {color:#fff}
.tagGroup .menu {background-color:#424242;color:#aeaeae;display:block;margin:10px 10px 0 10px;padding:5px 5px 5px 25px;-moz-border-radius:5px;border-radius:5px;font-weight:700;
-moz-box-shadow: 0 0 0 1px #333;
-webkit-box-shadow: 0 0 0 1px #333;
box-shadow: 0 0 0 1px #333;
position:relative;
z-index:2
}
.tagGroup .menu:hover {background-color:#F5AD17;color:#000;}
.tagGroup a:hover {text-decoration:none !important}
.tagGroup .a_menu {position:relative;z-index:1;display:none;margin:-1px 10px 0;background-color:#636363;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;padding:5px;font-size:11px;line-height:15px}
/* =Events page
---------------------------------------------------------------------------------------------------------
*/
.event-search {padding:20px 20px 0}
/*
.event-search input[type=text] {background-color:#323232;border:0;display:block;margin-bottom:10px;padding:5px;width:220px;-moz-border-radius:3px;border-radius:3px;font-size:12px;color:#aeaeae}
.event-search select {padding:4px;color:#aeaeae;background-color:#323232;font-size:12px;border:0;-moz-border-radius:3px;border-radius:3px;}
*/
.event-search input[type=text] {width:220px}
.event {padding:20px 0;margin:0 20px;border-top:1px solid #454545}
.event:first-child {border:0}
.event .title {font-family: 'Swis721';color:#F5AD17;margin-bottom:20px;width:500px}
.event .image, .event .image img, .event .map, .event .map .google-map {height:240px}
.event .image img, .event .image {width:395px}
.event .map, .event .map .google-map {width:250px}
.event .image {float:left}
.event .map {float:right}
.event .info {color:#bbb;font-size:12px}
.event .info .when {width:200px; margin-right:20px}
.event .info .when, .event .info .where {float:left}
.event .info .when strong, .event .info .where strong {font-weight:700;display:block;font-size:14px;margin:10px 0;text-transform:uppercase}
.event .info .desc {margin:15px 0 25px;font-size:14px}
#eventsPage {padding:100px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/events/banner-events.jpg) no-repeat center 101px;}
#eventsPage .breadcrumb_section {height:247px;position:relative}
#eventsPage #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#eventsPage .breadcrumb_section #sectionHeader {float:left;padding:18px 62px 10px 22px;position:absolute;bottom:0;background:url(../images/trans.png)}
#eventsPage .eventContent {background-color:#111}
#eventsPage .eventContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#applySponsorshipBlock {margin:20px 0 0 10px;padding-top:10px}
#applySponsorshipBlock .contentBlock {font-size:12px;color:#909090}
#applySponsorshipBlock .contentBlock p:first-child {margin-top:5px}
#applySponsorshipBlock a.button {float:left; background-color:#636363;color:#fff;display:block;margin:10px 0;padding:5px 10px;-moz-border-radius:5px;border-radius:5px;font-weight:700}
#applySponsorshipBlock a.button:hover {background-color:#F5AD17;color:#000;}
/* =Product Section Page
---------------------------------------------------------------------------------------------------------
*/
.automotive {background:url(/images/productListingAutomotiveBanner.png) no-repeat center 101px}
.marine {background:url(/images/revolving/marine/banner-marine-listing.jpg) no-repeat center 101px}
.professional {background:url(/images/revolving/professional/banner-professional-listing.jpg) no-repeat center 101px}
#productLanding {background-image: url()}
#productSection {padding:100px 50px 0;width:960px;margin:0 auto;}
#productSection .breadcrumb_section {height:247px;position:relative}
#productSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#productSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#productSection .productContent {background-color:#111}
#productSection .productContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#productListing {min-height:700px; overflow: hidden; padding-bottom: 40px;}
#productListing div.productListingItem { float: left; margin:25px; text-align: center; }
#productListing div.productListingItem div.image img { width: 180px; height:215px }
#productListing div.productListingItem div.text a {color:#acacac;display:block;margin-top:10px;font-weight:bold;width:180px;height:20px}
#productListing div.productListingItem div.text a {text-decoration:none}
#needHelpBlock {margin:20px 0 0 10px;padding-top:10px;border-top:1px solid #555}
#needHelpBlockAdvisor { margin: 0 0 20px 10px; padding-bottom: 10px; border-bottom:1px solid #555}
#needHelpBlock .contentBlock, #needHelpBlockAdvisor .contentBlock {font-size:12px;color:#909090}
#needHelpBlock .contentBlock p:first-child, #needHelpBlockAdvisor .contentBlock p:first-child {margin-top:5px}
#needHelpBlock a.button, #needHelpBlockAdvisor a.button {float:left; background-color:#636363;color:#fff;display:block;margin:10px 0;padding:5px 10px;-moz-border-radius:5px;border-radius:5px;font-weight:700}
#needHelpBlock a.button:hover, #needHelpBlockAdvisor a.button:hover {background-color:#F5AD17;color:#000;}
#msdsSelector {border-top: 1px solid #555555; margin: 20px 0 0 10px; padding-top: 10px;}
#product-no-result {display:none;color:#fff;padding:30px;line-height:2em;text-align:center}
/* =Product Detail Page
---------------------------------------------------------------------------------------------------------
*/
#productDetail {padding:170px 10px 10px;width:940px;margin:0 auto;background-color:#111;color:#bbb}
.breadcrumb_section #sectionHeader .blockTitle {font-size:36px}
#productDetail .breadcrumb_section #sectionHeader .bc div {float:left}
#productDetail .breadcrumb_section #sectionHeader .bc div.text {font-size:11px;font-weight:bold;margin-bottom:10px}
#productDetail .breadcrumb_section #sectionHeader .bc div.current {color:#F5AD17}
#productDetail .breadcrumb_section #sectionHeader .bc div.arrow {margin:0 10px}
#productDetail div.productInfo {padding:15px;background-color:#252525}
#productDetail div.productInfo div.left { float: left; margin-right: 10px; }
#productDetail div.productInfo div.left .actions a {float:left; background-color:#636363;color:#fff;display:block;margin:10px 0;padding:8px 10px;-moz-border-radius:5px;border-radius:5px;font-weight:700;font-size:10px;text-transform:uppercase;margin-left:10px}
#productDetail div.productInfo div.left .actions a:hover {text-decoration: none; background-color:#F5AD17;color:#000;}
#productDetail div.productInfo div.left .actions span a { background-color: #424242; color: #888; }
#productDetail div.productInfo div.left .actions span a:hover { text-decoration: none; cursor: default; }
#productDetail div.productInfo div.left .actions a:first-child {margin-left:0}
#productDetail div.productInfo div.right { float:right; width:565px}
#productDetail div.productInfo div.right .tabs ul.menu li {float:left;text-transform:uppercase;font-family: 'Swis721', sans-serif;display:block;padding:10px 20px}
#productDetail div.productInfo div.right .tabs ul.menu li a {color:#fff}
#productDetail div.productInfo div.right .tabs ul.menu li a:hover {text-decoration:none}
#productDetail div.productInfo div.right .tabs ul.menu li.current {background-color:#111;}
#productDetail div.productInfo div.right .tabs ul.menu li.current a {color:#F5AD17}
#productDetail div.productInfo div.right .tab-wrapper {background-color:#111;padding:20px;min-height:315px}
#productDetail div.productInfo div.right .tab-wrapper ul {list-style:disc;margin-left:20px}
#productDetail div.productInfo div.right .tab-wrapper div.tab-body {display:none;color:#bbb;line-height:150%;font-size:12px}
#productDetail div.productInfo div.right .tab-wrapper div.current {display:block}
#productDetail div.productInfo div.right .tab-wrapper div.tab-details p.sku {margin-bottom: 1.2em;}
#productDetail div.productInfo div.right .tab-wrapper div h3 {color:#F5AD17;margin:10px 0}
#productDetail div.productInfo div.right .productIcons h3 {color:#F5AD17;font-family: 'Swis721', sans-serif;text-transform:uppercase; margin-top: 10px;}
#productDetail div.productInfo div.right .productIcons li {float:left;margin:10px 20px}
#productDetail div.productInfo div.right .productIcons li img { height: 36px; width: 36px; }
#productDetail div.productInfo h3 {font-weight:700}
#productDetail div.productInfo .videos .videoHolder {float:left;margin:0 6px; height: 220px;}
#productDetail div.productInfo .videos .videoHolder:first-child {margin-left:0}
#productDetail div.productInfo .videos .videoHolder img {width:160px}
#productDetail div.productInfo .videos .videoHolder p {width:160px;font-size:11px}
#productDetail div.productInfo .faqs a {line-height:200%}
#productDetail .grand_review {font-size:12px;padding:15px;border-bottom:1px solid #292929}
#productDetail .grand_review h2 {margin-bottom:12px; float:left}
#productDetail .grand_review img {float:left;margin-right:20px}
#productDetail #communityVehiclesHolder #body_communityVehicles_aImage img,
#productDetail #communityVehiclesHolder #ctl01_aImage img {width: 325px;}
#productDetail #communityVehiclesHolder a#aPrevious,
#productDetail #communityVehiclesHolder a#aNext {width: 20px; height: 20px; display: block;}
#productDetail #communityVehiclesHolder a#aPrevious {padding:10px 6px;float: left;}
#productDetail #communityVehiclesHolder a#aNext {padding:10px 6px;float: right;}
#productDetail #communityVehiclesHolder a#aPrevious img,
#productDetail #communityVehiclesHolder a#aNext img {width: 20px;}
#productDetail #communityVehiclesHolder #reportImageHolder {width: 325px; height: 26px; text-align:center;margin-top: 10px;}
#productDetail #communityVehiclesHolder #reportImageHolder #reportImageOptionsHolder {text-align:left; margin: 0 auto;width: 140px;}
#productDetail #communityVehiclesHolder #vehicleBox {float: left;}
#productDetail #communityVehiclesHolder .detailsBox {float: right;width: 180px;}
#productDetail .review {padding:15px}
#productDetail .icons {margin:10px 13px 0 0}
div.relatedProduct {}
div.relatedProduct div.image {}
div.relatedProduct div.image img { width: 150px; }
div.relatedProduct div.text { float: left; }
/* =Related Products
---------------------------------------------------------------------------------------------------------
*/
div.relatedProducts {padding:15px; background: #252525;}
div.relatedProducts .relatedProduct {float:left;margin-left:10px;margin-top:20px;width:210px;text-align:center;overflow: hidden;}
div.relatedProducts .relatedProduct:first-child {margin-left:0}
div.relatedProducts .relatedProduct .text {padding:20px;width:170px;text-align:center}
/* =Reviews
---------------------------------------------------------------------------------------------------------
*/
div.reviewHolder { width: 780px; margin-bottom: 30px; }
div.reviewHolder div.username { float: left; font-weight:bold;text-transform:uppercase}
div.reviewHolder div.rating {margin:10px 0}
div.reviewHolder div.date { float: right; }
/* =Videos Page
---------------------------------------------------------------------------------------------------------
*/
#videoSection {padding:100px 100px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/videos/banner-videos.jpg) no-repeat center 101px;}
#videoSection .breadcrumb_section {height:247px;position:relative}
#videoSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#videoSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#videoSection .videoContent {background-color:#111}
#videoSection .videoContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0}
#videoSection .videoContent .rightColumn .videoListingItemHolder {float:left;margin-left:40px;width:180px;margin-top:20px; height: 180px; overflow: hidden; }
#videoSection .videoContent .rightColumn .videoListingItemHolder .videoListingItem .text {text-align:left;font-size:12px}
#videoSection .videoContent .rightColumn .videoListingItemHolder .videoListingItem .text .time {font-size:10px}
#videoSection div.videoListingItem { float: left; margin: 0 15px 15px 0; text-align: center; }
#videoSection div.videoListingItem div.image img { width: 180px; }
.qtip-contentWrapper {background-color:#424242 !important;color:#acacac !important;-moz-border-radius: 5px;border-radius: 5px;border:0 !important;padding: 10px;}
.qtip-content {background-color:#424242 !important;color:#acacac !important;border:0 !important;font-size:12px}
.qtip-content .title {font-weight:700}
.qtip-content .time {font-size:10px;margin-bottom:10px}
.qtip-content ul {list-style:disc}
.qtip-content .productIcons ul {list-style:none}
.qtip-content li {margin:0 0 10px 1em}
.qtip-content .productTitle { margin-bottom: 10px; }
.qtip-content .productTitle h3 { font-weight: 700; color: #F5AD17; }
.qtip-content .productIcons {/*width:400px;*/margin-bottom:10px}
.qtip-content .productIcons h3 {font-weight:700; color: #F5AD17; }
.qtip-content .productIcons li {float:left;margin:10px 10px 0 0}
.qtip-content .productIcons li img { height: 36px; width: 36px; }
/* =FAQs Page
---------------------------------------------------------------------------------------------------------
*/
#faqLanding {width:940px;margin:0 auto;background:#111;padding:15px;padding-top:70px;}
#faqLanding h1 {font-weight:bold;padding-bottom:20px;}
#faqLanding h2 {border-top:solid 1px #333;padding: 0;text-transform:uppercase;font-family: 'Swis721', sans-serif;font-size:18px;}
#faqLanding h3.generalTitle {font-size: 18px;}
#faqLanding table td {line-height:180%}
#faqLanding table td:first-child a {padding-right:10px;display:block;line-height:100%}
#faqLanding table td p {font-size: 15px;}
.arrow-right {width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #F5AD17;float:left;margin:7px 10px 0 0;}
.faqCategory {}
.faqCategory ul {padding-bottom:10px;}
.faqCategory ul li {padding-left:18px;padding-top:2px;}
.faqCategory ul li a {color:#909090;text-decoration:underline;font-size:14px;outline:none;line-height: 2em;}
.faqCategory ul li a:hover {text-decoration:none;color:#fff;}
.art_links li {padding:5px 0;}
.art_links li a {color:#999;text-decoration:underline;}
.art_links li a.active {color:#F5AD17;text-decoration:none;font-weight:bold;}
#faqLanding .ui-accordion { width: 100%; }
#faqLanding .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background: none; border: 0;}
#faqLanding .ui-accordion .ui-accordion-li-fix { display: inline; }
#faqLanding .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
#faqLanding .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0 !important; color: #F5AD17; }
#faqLanding .ui-accordion-icons .ui-accordion-header a { padding: 0 0 0 20px !important;}
#faqLanding .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 50%; margin-top: -8px; }
#faqLanding .ui-accordion .ui-accordion-content { background: none no-repeat center bottom; border: 0; padding: 0 4px 10px ; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 20px; overflow: auto; display: none; zoom: 1; }
#faqLanding .ui-accordion .ui-accordion-content-active { display: block; }
/* = Bio
---------------------------------------------------------------------------------------------------------
*/
#bioSection {padding:100px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/bannerVideos.png) no-repeat center 101px;}
#bioSection .breadcrumb_section {height:247px;position:relative}
#bioSection #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#bioSection .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#bioSection .videoContent {background-color:#111}
/* =Showcase Page
---------------------------------------------------------------------------------------------------------
*/
.movePageUp {margin-top: -100px !important}
.marine {color:#0099cc}
.professional {color:#92171a}
#showcaseLanding {padding:170px 20px 0;width:920px;margin:0 auto;background-color:#111}
#showcaseLanding .topLine .title {font-family: 'Swis721';font-size:2.5em;color:#F5AD17;float:left}
#showcaseLanding .topLine .status {float:left;font-size:1.3em;line-height:3em;margin-left:30px}
#showcaseLanding .addAVehicleBtn {float:right}
#showcaseLanding .addAVehicleBtn a {display:block;cursor:pointer;cursor:hand;color:#000;background-color:#F5AD17;border:0;font-weight:bold;margin-top:30px;padding:10px 15px;text-transform:uppercase;-moz-border-radius: 5px;border-radius: 5px;}
#showcaseLanding .addAVehicleBtn a:hover {text-decoration:none;color:#fff;background:#636363;}
#showcaseLanding .myVehicles .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 20px 10px 0}
#showcaseLanding .myVehicles .block {margin-bottom:10px;padding-bottom:20px;float:left;margin-left:50px;background-color:#252525;min-height:280px;width:272px}
#showcaseLanding .myVehicles .every-three {margin-left:0 !important;}
#showcaseLanding .myVehicles .block .block-title {padding:3px 20px;font-weight:700}
#showcaseLanding .myVehicles .block .tags {padding:3px 20px;}
#showcaseLanding .myVehicles .block .tags a {color:#bbb}
#showcaseLanding .myVehicles .block .editBtn {padding:15px 20px 3px;font-weight:700}
#showcaseLanding .myVehicles .block .editBtn a{color:#eaeaea}
#showcaseLanding .myVehicles .block .deleteBtn {padding:0px 20px 3px;font-weight:700}
#showcaseLanding .myVehicles .block .deleteBtn a{}
#showcaseLanding .mySavedProducts {width:920px;overflow-x:scroll;background-color:#252525;margin:30px 0;height:300px}
#showcaseLanding .mySavedProducts .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 20px}
#showcaseLanding .mySavedProducts p {margin-left: 20px;margin-right: 20px}
#showcaseLanding .mySavedProducts table td {width:200px;text-align:center;vertical-align:bottom;padding:5px 13px;color:#777;white-space:nowrap;font-size:11px}
#showcaseLanding .mySavedProducts table td img {max-height:152px;}
#showcaseLanding .mySavedProducts .productName {display:block;width:130px;white-space:normal;height:42px;overflow:hidden}
#showcaseLanding .latestActivity {float:left;width:600px;color:#a6a6a6;font-size:12px}
#showcaseLanding .latestActivity .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0 20px;border-bottom:1px solid #292929;padding-bottom:10px}
#showcaseLanding .latestActivity .activity {margin-bottom:30px}
#showcaseLanding .latestActivity .activity .image {margin: 0 5px 0 0;max-width:114px;}
#showcaseLanding .latestActivity .activity .image img {max-width:114px;}
#showcaseLanding .latestActivity .activity .top {margin-bottom:5px}
#showcaseLanding .latestActivity .activity .top .action {float:left}
#showcaseLanding .latestActivity .activity .timeElapsed {float:right}
#showcaseLanding .latestActivity .activity .bottom {}
#showcaseLanding .mostPopularShowcase {margin-bottom:20px}
#showcaseLanding .mostPopularShowcase .image {margin:0 200px 4px 0; overflow: hidden;}
#showcaseLanding .mostPopularShowcase .image img {max-width:114px}
#showcaseLanding .mostPopularShowcase .text {color:#bbb;font-size:14px}
#showcaseLanding .mostPopularShowcase .text .entry-title a {font-weight:bold;color:#bbb}
#showcaseLanding .mostPopularToday {float:right;width:300px;}
#showcaseLanding .mostPopularToday .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0}
#showcaseLanding .product-table {width:100%}
#showcaseLanding .hideDeletedProduct {float:left;position:relative;padding:20px 35px 0 0}
#showcaseLanding .products-image {min-width:180px;min-height:175px}
#showcaseLanding .products-image img {max-width:150px}
#showcaseLanding .products-image a {display:block;position:absolute}
#showcaseLanding .products-name {}
#showcaseLanding a.deleteSavedProducts {left:111px; display: block; width: 16px; height: 16px; overflow: hidden; background: url(../images/cancel_bg.png) no-repeat;}
#showcaseLanding a.deleteSavedProducts:hover {background-position: 0 -16px;}
/* =Showcase add-edit
--------------------------------------------------------------------------------------------------------
*/
#showcaseAddEdit {padding:170px 20px 0;width:920px;margin:0 auto;background-color:#111}
#showcaseAddEdit #sectionHeader .blockTitle { width: auto; }
#showcaseAddEdit #fileUploadContainer {margin-bottom: 10px}
#showcaseAddEdit h3 {margin:0 0 5px}
#showcaseAddEdit .divImageHolder {position:relative;width:450px}
#showcaseAddEdit .delete-btn {position:absolute;top:5px;width:420px;padding:10px;text-align:right;right:0}
#showcaseAddEdit .prev-next-btn {position:absolute;top:145px;width:420px;padding:15px}
#showcaseAddEdit #divImageHolder {position:relative}
#showcaseAddEdit #divImageHolder #deleteImage {position:absolute;top:10px;right:10px}
#showcaseAddEdit #divImageHolder #aPrevious, #showcaseAddEdit #divImageHolder #aNext, #showcaseAddEdit #divImageHolder img {position:absolute;top:300px}
#showcaseAddEdit #divImageHolder #aPrevious {}
#showcaseAddEdit #divImageHolder #aNext {}
#showcaseAddEdit #sectionHeader .mainInfo {line-height:40px;margin-left:20px}
#showcaseAddEdit .imageAndProducts {width:100%;margin-top:20px}
#showcaseAddEdit .imageAndProducts .images {width:620px}
#showcaseAddEdit .imageAndProducts .productsUsedHolder {width:285px;padding-left:10px;height:520px;background-color:#252525}
#showcaseAddEdit .imageAndProducts .productsUsedHolder .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0}
#showcaseAddEdit .imageAndProducts .productsUsedHolder .productsUsed td {padding: 10px 0;font-weight:700}
#showcaseAddEdit .imageAndProducts .productsUsedHolder .productsUsed td a {color:#acacac}
#showcaseAddEdit .imageAndProducts .productsUsedHolder .productsUsed td a:hover {text-decoration:none}
#showcaseAddEdit .imageAndProducts .productsUsedHolder .productsUsed td img {width:115px;margin-right:10px}
#showcaseAddEdit .description { border-top:1px solid #4d4947; border-bottom:1px solid #4d4947; padding: 20px 0;margin-bottom:20px;font-size:12px}
#showcaseAddEdit .description .title {font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
#showcaseAddEdit .grand_review {width:620px}
#showcaseAddEdit .relatedGarage {border-top:1px solid #4d4947;padding:20px 0}
#showcaseAddEdit .relatedGarage .relatedShowcase {width:266px;float:left;margin-left:40px}
#showcaseAddEdit .relatedGarage .relatedShowcase:first-child {margin-left:0}
#showcaseAddEdit .relatedGarage .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0}
#showcaseAddEdit .relatedShowcase .text a {color:#acacac}
#showcaseAddEdit div.productUsed {}
#showcaseAddEdit div.productUsed div.image { float: left; margin-right: 7px; }
#showcaseAddEdit div.productUsed div.image img { width: 54px; }
#showcaseAddEdit div.productUsed div.text { float: left; }
#showcaseAddEdit .productUsedWrap {margin-top:20px;height:140px}
#showcaseAddEdit .previouslyAddedProduct, #showcaseAddEdit .addedProduct {background-color:#2a2a2a;padding-left:8px;height:25px;line-height:175%;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px}
#showcaseAddEdit .addedProduct {float:left;margin-right:10px}
#showcaseAddEdit .previouslyAddedProduct .name, #showcaseAddEdit .addedProduct .name {font-size:11px;color:#aeaeae; padding-right: 10px; }
#showcaseAddEdit .previouslyAddedProduct .plus, #showcaseAddEdit .addedProduct .plus {border-left:1px solid #000;padding:0 8px;font-size:20px;font-weight:700}
#showcaseAddEdit .previouslyAddedProduct .plus a, #showcaseAddEdit .addedProduct .plus a {color:#000}
#showcaseAddEdit .previouslyAddedProduct .plus a:hover {color:#1dc215;text-decoration:none}
#showcaseAddEdit .addedProduct .plus {margin-left:10px;font-size:16px}
#showcaseAddEdit .addedProduct .plus a:hover{color:#e32129;text-decoration:none}
/* =Showcase
--------------------------------------------------------------------------------------------------------
*/
#showcase {padding:170px 20px 0;width:920px;margin:0 auto;background-color:#111}
#showcase #sectionHeader .blockTitle { width: auto; }
#showcase #sectionHeader .mainInfo {line-height:40px;margin-left:20px}
#showcase #sectionHeader {position:relative;width:100%}
#showcase #sectionHeader .icons {position:absolute;top:54px;right:2px}
#showcase .imageAndProducts {width:100%;margin-top:20px}
#showcase .imageAndProducts .images {width:620px}
#showcase .imageAndProducts .productsUsedHolder {width:285px;padding-left:10px;height:520px;background-color:#252525}
#showcase .imageAndProducts .productsUsedHolder .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0 6px}
#showcase .imageAndProducts .productsUsedHolder .productsUsed td {padding: 10px 0;font-weight:700}
#showcase .imageAndProducts .productsUsedHolder .productsUsed td a, #showcase .imageAndProducts .productsUsedHolder .productsUsed td span {color:#acacac}
#showcase .imageAndProducts .productsUsedHolder .productsUsed td a:hover {text-decoration:none}
#showcase .imageAndProducts .productsUsedHolder .productsUsed td img {width:115px;margin-right:10px}
#showcase .description { border-top:1px solid #4d4947; border-bottom:1px solid #4d4947; padding: 20px 0;margin-bottom:20px;font-size:12px}
#showcase .description .title {font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
#showcase .grand_review {width:620px}
#showcase #body_reviewBlock_divWriteAReview {overflow: hidden; padding-bottom: 30px;}
#showcase .relatedGarage {border-top:1px solid #4d4947;padding:20px 0}
#showcase .relatedGarage .relatedShowcase {width:266px;float:left;margin-left:40px}
#showcase .relatedGarage .relatedShowcase:first-child {margin-left:0}
#showcase .relatedGarage .title {color:#F5AD17;font-family: 'Swis721';font-size:18px;margin:10px 0}
#showcase .relatedShowcase .text a {color:#acacac}
#showcase div.productUsed {}
#showcase div.productUsed div.image { float: left; margin-right: 7px; }
#showcase div.productUsed div.image img { width: 54px; }
#showcase div.productUsed div.text { float: left; }
#showcase div.slider-wrapper { position: relative; z-index: 1; }
#showcase .controlnav-thumbs {overflow:hidden;}
#showcase div.slider-wrapper #slider .nivo-controlNav {width:20000em;}
#showcase .theme-default.controlnav-thumbs .nivoSlider { margin-bottom: 86px !important;}
#showcase .theme-default.controlnav-thumbs .nivo-controlNav {bottom: -86px !important;}
#showcase #slider .nivo-controlNav .nivo-control {float:left; width:95px; height:71px; display: block;}
#showcase a.browse { display:block;}
#showcase a.disabled { display:none;}
#showcase #voteButtons { position: absolute; z-index: 15; right: 25px; top: 25px; }
#showcase #reportImageHolder { position: absolute; z-index: 15; right: 25px; bottom: 125px; }
/* =My Garage Page
---------------------------------------------------------------------------------------------------------
*/
div.savedProduct { float: left; }
div.savedProduct img { width: 150px; }
/* =Add/Edit Showcase
---------------------------------------------------------------------------------------------------------
*/
#showcaseAddEdit { margin-top: 200px; }
#vehicleSelector {}
/* =Dealer
---------------------------------------------------------------------------------------------------------
*/
.dealerTable {width:100%}
.dealerTable td {padding: 10px 0}
.dealerTable h3 {margin-top:5px}
.dealerTable .num {vertical-align:top;font-size:2em;font-weight:700;font-family: 'Swis721';padding-right:20px}
.dealerTable .info {font-size:12px;margin:5px 0 15px;line-height:150%}
.dealerTable .distance {font-weight:700}
.dealerTable .hoverInfo {width:20px ;height:20px;background:url(/images/hoverInfo.png) no-repeat;margin: 8px 30px 0 0}
.buyOnline {margin:30px 0;padding-bottom:30px}
.buyOnline img {max-height:90px}
.buyOnline .image a {margin-right:10px}
/* =Showcase Images Popup
---------------------------------------------------------------------------------------------------------
*/
div.showcaseImagesPopup { }
div.showcaseImagesPopup div.showcaseImage { float: left;margin: 0 10px 20px 0; overflow: hidden;}
div.showcaseImagesPopup div.showcaseImage img { width: 200px; }
div.showcaseImagesPopup #finishUploadingImages {display:inline;cursor:pointer;cursor:hand;color:#000;background-color:#F5AD17;border:0;font-weight:bold;margin-top:30px;padding:5px 10px;font-size:12px;text-transform:uppercase;-moz-border-radius: 5px;border-radius: 5px;text-decoration: none;}
div.showcaseImagesPopup #finishUploadingImages:hover {color:#FFF;background-color:#636363;}
div.showcaseImagesPopup .showcaseImageCategory{ width: 200px; margin: 10px 0;font-family: Arial,Helvetica,sans-serif !important;
font-size: 11px;
font-style: italic !important;
font-weight: 300 !important;text-decoration: none !important;background: none repeat scroll 0 0 #333333;
border: medium none;}
div.showcaseImagesPopup p.message { margin: 7px 0 20px 0; }
div.showcaseImagesPopup p.cb-holder { margin-top: 3px; }
/* =Search Results
---------------------------------------------------------------------------------------------------------
*/
#searchResults {padding:40px 50px 0;width:960px;margin:0 auto;}
#searchResults .breadcrumb_section {height:247px;position:relative}
#searchResults .breadcrumb_section #sectionHeader {float:left;padding:18px 22px 10px;position:relative;bottom:0;background:url(../images/trans.png);position:absolute}
#searchResults h2.searchTerm {font-size: 18px;}
#searchResults .searchContent {color: #acacac; }
#searchResults .searchContent h2 {font-family: 'Swis721'; font-size: 18px; color:#ffda2f; position: absolute; top: 28px; left: 0; width: 100%;}
#searchResults .searchContent a {color:#acacac;text-decoration:none;outline:0; font-weight: 700;}
#searchResults .searchContent a:hover {text-decoration: underline; }
#searchResults .searchContent a.thumbnail {width: 200px; margin-right: 10px; }
#searchResults .searchContent a.thumbnail img {width: 200px; }
#searchResults .resultContainer {overflow: hidden; padding: 66px 0 20px; background: url(../images/searchResults_hr.png) no-repeat center top; position: relative;}
#searchResults .resultContainer:first-child { background: none; padding: 40px 0 20px; }
#searchResults .resultContainer:first-child h2 {top: 0;}
#searchResults .resultContainer .resultsGroup { overflow: hidden;}
#searchResults .resultContainer .viewall {position: absolute; top: 0; right: 0; display: block; font-size: 12px; text-decoration: underline;}
#searchResults .searchResult {width: 260px; float: left; margin-left: 60px; margin-bottom: 40px;}
#searchResults .searchResult:first-child { margin-left: 0;}
#searchResults .searchResult .thumbnail {margin:0 auto 22px;display: block;}
#searchResults .searchResult-faq {margin: 0 0 40px 0; }
#searchResults .tabs ul.menu li {float:left;text-transform:uppercase;font-family: 'Swis721', sans-serif;display:block;padding:10px 20px; margin: 30px 10px 0;}
#searchResults .tabs ul.menu li a {color:#fff}
#searchResults .tabs ul.menu li a:hover {text-decoration:none}
#searchResults .tabs ul.menu li.current {background-color:#252525;}
#searchResults .tabs ul.menu li.current a {color:#ffda2f}
#searchResults .tab-wrapper,
#searchResults .no-results {background-color:#252525;min-height:315px; padding: 20px;margin: 0 10px;}
#searchResults .tab-wrapper div.tab-body {display:none;color:#bbb;line-height:150%;font-size:12px}
#searchResults .tab-wrapper div.current {display:block}
/* =Sponsorship page
---------------------------------------------------------------------------------------------------------
*/
.sponsorship .breadcrumb_section #sectionHeader { width: 450px; }
.sponsorship p {margin-bottom: .5em;}
.sponsorship .cols3 { padding: 0 0 110px; overflow:hidden; font-size: 12px; line-height: 18px;}
.sponsorship .cols3 .col {width:32% !important; float: left; margin-left: 2% !important}
.sponsorship .cols3 .col:first-child {margin-left:0 !important}
.sponsorship .buttonContainer { margin-top: 20px; }
/* =Customer Care page (aka:contact)
---------------------------------------------------------------------------------------------------------
*/
#contactPage {padding:100px 50px 0;width:960px;margin:0 auto;background-color:#111;background:url(/images/revolving/customer_care/banner-customer-care.jpg) no-repeat center 101px;}
#contactPage .breadcrumb_section {height:247px;position:relative}
#contactPage #sectionHeader h1.blockTitle {font-family: Arial;text-transform:none;font-weight:700}
#contactPage .breadcrumb_section #sectionHeader {float:left;padding:18px 62px 10px 22px;position:absolute;bottom:0;background:url(../images/trans.png)}
h3.blockTitle {margin: 8px 0;}
#contactPage .contactContent {background-color:#111}
#contactPage .contactContent .rightColumn {background-color:#252525;margin:25px 25px 25px 0; width: 660px; padding: 20px;}
#contactPage .contactContent .rightColumn p {color:#acacac;font-size: 12px; line-height: 18px; margin-bottom: 1em;}
/* =Video popup
---------------------------------------------------------------------------------------------------------
*/
div.videoPopup { padding: 25px; width: 690px; height: 700px; overflow: hidden;}
div.videoPopup div.videoHolder { margin-bottom: 20px; }
div.videoPopup .productsInVideo { height:230px; width: auto; overflow: hidden;}
div.videoPopup .productInVideo { width: 150px; height: 215px; overflow: hidden; padding: 0 5px;}
div.videoPopup .productInVideo img { width: 140px; height: 167px; }
div.noVideos { height: 500px !important; }
/* =Reusable
----------------------------------------------------------------------------------------------------------
*/
.breadcrumb_section #sectionHeader {width:auto;float:left;/*padding:15px 30px 15px 15px;background:url('/images/50-black.png') repeat top left;*/min-width:150px;}
.breadcrumb_section #sectionHeader .bc {width:auto;float:left;}
.breadcrumb_section #sectionHeader .bc div {float:left}
.breadcrumb_section #sectionHeader .bc div.text {font-size:11px;font-weight:bold;margin-bottom:10px}
.breadcrumb_section #sectionHeader .bc div.arrow {margin:0 10px}
.breadcrumb_section #sectionHeader .bc div.text a { color: #fff; }
.breadcrumb_section #sectionHeader .bc div.current a { color: #F5AD17; }
.marine .breadcrumb_section #sectionHeader .bc div.current a {color:#0099cc}
.professional .breadcrumb_section #sectionHeader .bc div.current a {color:#92171a}
a.button { background-color: #000; color: #fff; text-align: center; padding: 10px; text-decoration: none; text-transform: uppercase; display: inline-block; font-size: 12px; }
a.button:hover { background-color: #666; }
a.grey_button {float:left; background-color:#636363;color:#fff;display:block;margin:10px 0;padding:2px 8px;-moz-border-radius:5px;border-radius:5px;font-weight:700; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 12px;}
#mainNavigation a.selected {}
#mainNavigation ul.secondary { padding:15px 0 5px;/*display: none;*/ }
#mainNavigation ul.secondary li a:hover {color:#F5AD17}
ul.carousel {}
ul.carousel li img { width: 313px; }
div.taggingNavigation a.selected { font-weight: bold; }
div.clear { clear: both; }
#reportImageOptions { width:134px; padding: 0; margin: 0 auto;}
#featuredFader { height: 500px;margin: 0 auto; width: 1260px;position: relative; }
#featuredFader img { display: none; }
#featuredFader .nivo-directionNav a {background: url("/images/arrows_fader.png") no-repeat scroll 0 0 transparent;height: 42px;width: 45px;}
#featuredFader a.nivo-prevNav {left: 140px;}
#featuredFader a.nivo-nextNav { background-position: -45px 0; right: 140px;}
#featuredFader .nivo-caption {position: absolute; top: 120px; left: 200px; bottom: auto; background: none;}
/* =Terms of Use
----------------------------------------------------------------------------------------------------------
*/
#termsOfUse div.icons { float: right; margin-bottom: 10px; }
/* =Privacy Policy
----------------------------------------------------------------------------------------------------------
*/
#privacyPolicy div.icons { float: right; margin-bottom: 10px; }
/* =AddThis style overrides
----------------------------------------------------------------------------------------------------------
*/
.at300b { padding: 6px !important; background-color: #636363 !important; margin-right: 3px !important; border-radius: 5px !important; cursor: pointer;}
.at-print-mimic-button span { float: left; background: url(//s7.addthis.com/static/r07/widget40.png) no-repeat left; background-position: 0 -3936px; overflow: hidden; display: block; height: 16px; width: 16px; line-height: 16px !important; cursor: pointer; }
/* = Isotope
-----------------------------------------------------------------------------------------------------------
*/
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.ie8 .isotope-hidden {
display: none;
pointer-events: none;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Selectmenu
----------------------------------*/
/* Corner radius */
.ui-selectmenu.ui-corner-all, .ui-selectmenu.ui-corner-top, .ui-selectmenu.ui-corner-left, .ui-selectmenu.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-selectmenu.ui-corner-all, .ui-selectmenu.ui-corner-top,.ui-selectmenu .ui-corner-right, .ui-selectmenu.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-selectmenu.ui-corner-all, .ui-selectmenu.ui-corner-bottom, .ui-selectmenu.ui-corner-left, .ui-selectmenu.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-selectmenu.ui-corner-all, .ui-selectmenu.ui-corner-bottom, .ui-selectmenu.ui-corner-right, .ui-selectmenu.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
/* Interaction states */
.ui-selectmenu.ui-state-default, .ui-selectmenu.ui-widget-content .ui-selectmenu.ui-state-default, .ui-widget-header .ui-selectmenu.ui-state-default { border: none; background: #333;}
.ui-state-default a.ui-selectmenu, .ui-state-default a.ui-selectmenu:link, .ui-state-default .ui-selectmenu a.ui-selectmenu:visited { color: #AEAEAE; font-size: 11px; font-style: italic !important; text-decoration: none; }
.ui-selectmenu.ui-state-hover, .ui-widget-content .ui-selectmenu.ui-state-hover, .ui-widget-header .ui-selectmenu.ui-state-hover, .ui-selectmenu.ui-state-focus, .ui-widget-content .ui-selectmenu.ui-state-focus, .ui-widget-header .ui-selectmenu.ui-state-focus { text-decoration: none; }
.ui-selectmenu.ui-state-hover a, .ui-selectmenu.ui-state-hover a:hover { color: #ffffff; text-decoration: none !important; }
.ui-selectmenu.ui-state-active, .ui-selectmenu.ui-widget-content .ui-state-active, .ui-selectmenu.ui-widget-header .ui-state-active { text-decoration: none !important; }
.ui-selectmenu.ui-state-active a, .ui-selectmenu.ui-state-active a:link, .ui-selectmenu.ui-state-active a:visited { color: #ffffff; text-decoration: none !important; }
.ui-selectmenu.ui-widget :active { outline: none; }
.ui-selectmenu-menu .ui-state-hover { background: #826e2a !important; border-color: #F5AD17 !important;}
.ui-selectmenu { display: block; position:relative; height:26px; text-decoration: none; overflow:hidden;}
.ui-selectmenu.ui-widget, ui-selectmenu-menu.ui-widget { font-family: Arial,Helvetica,sans-serif !important; font-size: 11px; font-style: italic !important; font-weight: 300 !important;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { background: #333 !important; color: #AEAEAE !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 11px !important; font-style: italic !important; font-weight: 300 !important; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.6em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { background: #555 !important; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* = IE Styles
-----------------------------------------------------------------------------------------------------------
*/
/**** IE 8 ****/
.ie8 input[type="text"], .ie8 input[type="password"] {height: 20px !important; padding: 6px 30px 0px 5px !important;}
/**** IE 7 ****/
.ie7 input[type="text"], .ie7 input[type="password"] {height: 20px !important; padding: 6px 30px 0px 5px !important;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
#error-container { text-align: center; }
#error-container div.main-logo { margin-bottom: 50px; }
#error-container div.image-holder { text-align: center; margin: 50px 0; }
#debug-info { text-align: center; }