/* /////// ------- CHAMELEON-STYLE.CSS ------- \\\\\\\ */ /* Author(original): Chad Fontaine @ Chameleon Creative Author URI: http://www.chameleoncreative.com/ Version: 1.0 Last Revision: NOVEMBER 2014 Revised Made By: Chad Fontaine Project: ------------- Description: Semantical layout addressed here. */ /* roboto 100, 300, 500, 700 are enabled */ /*font-family: "roboto", Arial, sans-serif */ /* #header-row-left { background-color:red;} #header-row-center { background-color:orange;} #header-row-right { background-color:yellow;} #navbar_wrapper { background:pink;} */ html,body { height:100%;} .h_wrapper { width:80%; height:100%; margin: 0 auto 40px auto; background:#CCC} .h_iframe { position:relative;} .h_iframe .ratio { display:block; width:100%; height:auto;} .h_iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%;} /*############################################################################################################################################################################################################## # # GENERAL SEMANTICS # ################################################################################################################################################################################################################*/ body { background-color:#fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.42857; } .clear { clear: both; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif } body.not-front .main-container { background: url("../images/layout/interior_ds.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); padding-top:30px; } /*############################################################################################################################################################################################################## # # HEADER BAR # ################################################################################################################################################################################################################*/ #header-row { width:100%; height:auto; float:left; background: #8992b5 url(../images/layout/header.jpg) no-repeat center bottom; position:relative; top:0px; left:0px;} #header-row-left { height:1px; overflow:hidden;} #header-row-center { text-align:center;} #header-row-center img { margin: 0px auto 10px auto; width:100%; max-width:533px;} #header-row-right { text-align:right;} #header-row-right .padding { padding:15px 15px 0px 0px; text-align:right; color:#fff; font:normal 18px/normal Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #767ead;} #header-row-right a { color:#fff; font:normal 18px/normal Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #767ead; text-decoration:none;} #header-row-right a:hover { color:#fff; text-decoration:underline;} #header-row-right span { display:block;} /*############################################################################################################################################################################################################## # # NAVIGATION BAR # ################################################################################################################################################################################################################*/ #navbar_wrapper { width:100%; height:auto; float:left; position:relative; top:0px; left:0px;} /*############################################################################################################################################################################################################## # # NAVBAR TOGGLE # ################################################################################################################################################################################################################*/ #navbar_wrapper .navbar-toggle { background-color: #7982ad; float:left; } #navbar_wrapper .navbar-toggle:hover, #navbar_wrapper .navbar-toggle:focus { background-color: #566195; color:#fff; } #navbar_wrapper .navbar-toggle .icon-bar { background-color: #fff;} /*############################################################################################################################################################################################################## # # NAV ARROW # ################################################################################################################################################################################################################*/ #navigation .dropdown .caret { border-bottom-color: #000; border-top-color: #000; } #navigation .open > span:hover .caret, #navigation .open > a .caret, #navigation .open > a:hover .caret, #navigation .open > a:focus .caret { border-bottom-color: #fff; border-top-color: #fff; } /*############################################################################################################################################################################################################## # # NAV LINKS # ################################################################################################################################################################################################################*/ /*#navigation span.nolink, #navigation li > a { margin-top:10px; margin-bottom: 10px; padding-bottom: 0px; padding-top: 4px; border-right:1px solid #aac30c; color: #695490; font: normal 16px/normal Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer; display:block;}*/ #navigation li > a, #navigation span.nolink { padding-left:15px; padding-right:15px;} .dropdown:hover .dropdown-menu { display: block; } /* CSS3 */ #navigation > li > a { text-shadow: 1px 1px 0 #773903;} #navigation li.last > a { border-right: none;} /* HOVER AND ACTIVE STATE */ #navigation span:hover, #navigation span > a:focus, #navigation span.active-trail, #navigation .open > span, #navigation .open > span:hover, #navigation .open > span:focus, #navigation .active > span, #navigation .active > span:hover, #navigation .active > span:focus, #navigation li > a.active-trail, #navigation .open > a, #navigation .open > a:hover, #navigation .open > a:focus, #navigation .active > a, #navigation .active > a:hover, #navigation .active > a:focus, #navigation li > a:hover, #navigation li > a:focus { color: #92a901; background-color:#fff;} /* HIDE THE HOME LINK FOR WEB */ /* #navigation li.first { display:none;} */ #navigation li li.first { display:block;} /*############################################################################################################################################################################################################## # # DROPDOWN MENU # ################################################################################################################################################################################################################*/ #navigation li li a { border:none; text-transform:none;} #navigation li li > a.active-trail, #navigation li li > a.active-trail:hover, #navigation li li > a:hover { color:#db8211;} .dropdown-menu { background-color: #056a7c; border: 1px solid #056a7c; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; top: 100%; z-index: 1000; } .dropdown-menu > li > a { clear: both; color: #fff; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; text-decoration:none; text-shadow: 1px 1px 0 #004d5b; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #db8211; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 #773903; } /*############################################################################################################################################################################################################## # # NAVBAR SOCIAL # ################################################################################################################################################################################################################*/ .navbar-header { text-align:right; width:100%;} .navbar-header img { margin:10px 0px 0px 2px;} /*############################################################################################################################################################################################################## # # SLIDESHOW ROW # ################################################################################################################################################################################################################*/ #slideshow { background:url(../images/layout/slideshow_ds.jpg) no-repeat center top; padding-top:30px; width:100%; float:left; height:auto; position:relative; top:0px; left:0px;} #slide-links { float:left; text-align:right; } #slide-links img { width: 100%; max-width:731px;} #slide-intro { /*width:257px; height:391px;*/ text-align:left; color:#545e90; font:normal 14px/normal Arial, Helvetica, sans-serif;} #slide-intro { font-size:14px;} #slide-intro .padding { padding: 0px 0px 0px 0px;} /*############################################################################################################################################################################################################## # # SIDEBAR CTA ICONS # ################################################################################################################################################################################################################*/ img.sidebar-cta-icon { max-width:291px; width:100%;} a img.sidebar-cta-icon { border:0px; margin: 0px 0px 10px 0px;} /*############################################################################################################################################################################################################## # # TWITTER FEED # ################################################################################################################################################################################################################*/ #block-views-tweet-feed-block-2 {} #block-views-tweet-feed-block-2 h2.block-title { background:url(../images/layout/icon-twitter.png) no-repeat left center; color:#616da9; padding:5px 0px 5px 55px;} .view-tweet-feed { background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; color:#333; font-size:12px;} .view-tweet-feed img { display:none;} .views-field-screen-name {color:#616da9; font-weight:bold;} .views-field-created-at { font-style:italic; font-size:11px; color:#000;} /*############################################################################################################################################################################################################## # # FOOTER # ################################################################################################################################################################################################################*/ #footer-row { background: #a8adcb url(../images/layout/footer.jpg) no-repeat center top; float:left; width:100%; min-height:45px; margin-top:40px;} #footer-row-left { text-align:left;} #footer-row-right { text-align:right;} /*############################################################################################################################################################################################################## # # CREDITS # ################################################################################################################################################################################################################*/ #credits { background:url(../images/layout/chameleon_creative.gif) no-repeat 15px 0px;} #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 9px 0px 0px 38px; color: #fff; text-decoration: none; display: block; font: normal 12px/11px Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #3a4582;} #credits a:hover, #credits a:hover strong { color: #000; text-decoration: none; text-shadow:none; } /*############################################################################################################################################################################################################## # # COPYRIGHT # ################################################################################################################################################################################################################*/ #copyright {} #copyright strong { color: #fff; margin:10px 0px 0px 0px; display:block; font: normal 12px/10px Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #3a4582;} /*############################################################################################################################################################################################################## # # PHOTO GALLERY # ################################################################################################################################################################################################################*/ div.gallery_thumbnail { color: #a7460a; float: left; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; text-align: center; width: 180px; } div.content div.gallery_thumbnail a img { border: 3px solid #e6e0b9; padding: 1px; } div.content div.gallery_thumbnail a:hover img { border: 3px solid #beb473; opacity: 0.75; padding: 1px; } div.photo_gallery_thumbnail { color: #a7460a; float: left; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; text-align: center; width: 180px; } div.photo_gallery_thumbnail a img { border: 3px solid #e6e0b9; padding: 1px; } div.photo_gallery_thumbnail a:hover img { border: 3px solid #beb473; opacity: 0.75; padding: 1px; } div.gallery_thumbnail { color: #a7460a; float: left; font: 11px Verdana, Geneva, sans-serif; margin: 8px; text-align: center; width: 180px; } div.content div.photo-galleries-thumbnail a img { border: 3px solid #e6e0b9; padding: 1px; } div.content div.photo-galleries-thumbnail a:hover img { border: 3px solid #beb473; opacity: 0.75; padding: 1px; } div.photo-galleries-thumbnail { color: #a7460a; float: left; font: 11px Verdana, Geneva, sans-serif; height: 190px; margin: 11px 11px 0 0; text-align: center; width: 190px; } div.photo-galleries-thumbnail a img { border: 3px solid #e6e0b9; padding: 1px; } div.photo-galleries-thumbnail a:hover img { border: 3px solid #beb473; opacity: 0.75; padding: 1px; } .view-page-photo-gallery { } .view-page-photo-gallery img { float: left; margin: 4px 4px 0 0; } .views-field-field-gallery-image a img { border: 3px solid #e6e0b9; padding: 1px; } .views-field-field-gallery-image a:hover img { border: 3px solid #beb473; opacity: 0.75; padding: 1px; } .view-photo-galleries .views-row { float: left; } .view-id-photo_galleries .photo-galleries-thumbnail { height: 130px; } /*############################################################################################################################################################################################################## # # MAIN CONTENT # ################################################################################################################################################################################################################*/ .image-holder {width: 99%; float: left;} .image-holder img {width: auto; height: auto; float:left; margin: 0 5px 0 5px;} /*############################################################################################################################################################################################################## # # NEWS LIST # ################################################################################################################################################################################################################*/ .view-id-news .views-row { clear:both; margin:0px 0px 40px 0px; float:left; width:100%;}/* row wrapper */ .news-list-image {} body.not-front .news-list-image img, .news-list-image a img { border:1px solid #c4d940; padding:1px; background:#fff; float:left; margin:0px 20px 20px 0px;} .news-list-image a:hover img { border-color: #7982ad;} #content .news-list-title a { color:#5b679f; font:normal 22px/normal Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; } #content .news-list-title a:hover { color:#a9be22; text-decoration:none;} .news-list-date { color: #666666; font:normal 11px/normal Arial, Helvetica, sans-serif;} .news-list-summary { color:#000; font:normal 16px/normal Arial, Helvetica, sans-serif; margin:10px 0px;} .news-list-more { display:block; height:30px; overflow:hidden; margin:0px; padding:0px; vertical-align:top; } #content .news-list-more a { float:left; background:#7982ad; display:inline-block; color: #fff; font:bold 15px/30px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; height:30px; text-decoration:none; width:80%; vertical-align:top;} #content .news-list-more a:hover { background-color: #c4d940; color: #556099;} /*#content .news-list-more:after { content: "\2192" ; background-color: #c4d940; color: #556099; font-size:20px; display: inline-block; text-indent:10px; width:40px; height:30px; margin:0px; padding:0px; vertical-align:top; float:left;}*/ #content .news-list-more a:after { content: "\2192" ; background-color: #c4d940; color: #556099; font-size:20px; display: inline-block; text-indent:10px; width:40px; height:30px; margin:0px; padding:0px; vertical-align:top; float:right;} .news-list-tags { color: #000; font:normal 14px/normal Arial, Helvetica, sans-serif; margin:10px 0px;} #content .news-list-tags a { display:inline-block; background:#7982ad; color: #fff; font:normal 12px/normal Arial, Helvetica, sans-serif; padding:3px 5px; margin:0px 2px 2px 2px; text-decoration:none;} #content .news-list-tags a:hover { color:#556099; background:#c4d940;} /*############################################################################################################################################################################################################## # # TAGS LIST # ################################################################################################################################################################################################################*/ body.page-taxonomy #block-system-main h2 a { color:#5b679f; font:normal 22px/normal Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; } body.page-taxonomy #block-system-main h2 a:hover { color:#a9be22; text-decoration:none;} body.page-taxonomy .field-name-field-news-image img { background: none repeat scroll 0 0 #fff; border: 1px solid #c4d940; float: left; margin: 0 20px 20px 0; padding: 1px; } body.page-taxonomy .date-display-single { color: #999; font:normal 12px/normal Arial, Helvetica, sans-serif; } .field-name-field-news-term-tags { color: #000; font:normal 14px/normal Arial, Helvetica, sans-serif; margin:10px 0px; float:left; width:100%;} .field-name-field-news-term-tags div { display:inline-block;} #content .field-name-field-news-term-tags a { display:inline-block; background:#7982ad; color: #fff; font:normal 12px/normal Arial, Helvetica, sans-serif; padding:3px 5px; margin:0px 2px 2px 2px; text-decoration:none;} #content .field-name-field-news-term-tags a:hover { color:#556099; background:#c4d940;} .node-readmore { display:block; height:30px; overflow:hidden; margin:0px; padding:0px; vertical-align:top; width:90%; } #content .node-readmore a { float:left; background:#7982ad; display:inline-block; color: #fff; font:bold 15px/30px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; height:30px; text-decoration:none; width:80%; vertical-align:top;} #content .node-readmore a:hover { background-color: #c4d940; color: #556099;} #content .node-readmore a:after { content: "\2192" ; background-color: #c4d940; color: #556099; font-size:20px; display: inline-block; text-indent:10px; width:40px; height:30px; margin:0px; padding:0px; vertical-align:top; float:right;} /*############################################################################################################################################################################################################## # # CONTACT PAGE # ################################################################################################################################################################################################################*/ #webform-client-form-5 { margin: 20px 20% 0px 10%;} #edit-submitted-email { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; } button#edit-submit { padding-left:30px; padding-right:30px; margin-top:10px; margin-bottom:20px;} body.page-node-5 iframe { width:100%;} /*############################################################################################################################################################################################################## # # CALENDAR # ################################################################################################################################################################################################################*/ .view .date-nav-wrapper .date-prev a { margin-right: 40px; } .pager li > a, .pager li > span { background-color: #fff; color:#7982ad; } .view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next { background: none repeat scroll 0 0 #7982ad;} .calendar-calendar .month-view .full tr td.single-day.today { border-bottom: 2px solid #336; } .calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today { border-left: 2px solid #336; border-right: 2px solid #336; } .calendar-calendar .month-view .full td.date-box.today { border-color: #336; } /* DAY WITH EVENT */ .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { background: none repeat scroll 0 0 #fff; } .calendar-calendar a { color:#7982ad !important;} .calendar-calendar a:hover { color:#000 !important;} .calendar-calendar div.calendar { font-size: 16px; } /* SINGLE EVENT PAGE */ .node-type-event .date-display-single { color: #666666; font:normal 11px/normal Arial, Helvetica, sans-serif;} .field-name-field-category .field-label { color: #000; font:normal 14px/normal Arial, Helvetica, sans-serif; margin:10px 0px; display:inline-block;} .field-name-field-category .field-items { display:inline-block;} .field-name-field-category .field-items div {display:inline-block; background:#7982ad; color: #fff; font:normal 12px/normal Arial, Helvetica, sans-serif; padding:3px 5px; margin:0px 2px 2px 2px; text-decoration:none;} .dayview .field-content { font-size:14px;} .calendar-calendar .week-view .full div.single-day div.weekview, .calendar-calendar .day-view .full div.single-day div.dayview { border: 1px solid #8191d9;} .calendar-calendar .week-view .full div.single-day div.weekview, .calendar-calendar .day-view .full div.single-day div.dayview { background: none repeat scroll 0 0 #c9cfed;} /*############################################################################################################################################################################################################## # # NEWS INDIVIDUAL PAGE # ################################################################################################################################################################################################################*/ body.node-type-news .field-name-field-news-image img { border:1px solid #c4d940; padding:1px; background:#fff; float:left; margin:0px 20px 20px 0px;} body.node-type-news .field-name-field-news-date { color: #666666; font:normal 11px/normal Arial, Helvetica, sans-serif;} body.node-type-news .field-type-text-with-summary { color:#000; font:normal 16px/normal Arial, Helvetica, sans-serif; margin:10px 0px;} body.node-type-news .field-name-field-news-term-tags div { display:inline; margin:0px; padding:0px;} body.node-type-news .field-name-field-news-term-tags { color: #000; font:normal 14px/normal Arial, Helvetica, sans-serif; margin:10px 0px;} body.node-type-news .field-name-field-news-term-tags a { display:inline-block; background:#7982ad; color: #fff; font:normal 12px/normal Arial, Helvetica, sans-serif; padding:3px 5px; margin:0px 2px 2px 2px; text-decoration:none;} body.node-type-news .field-name-field-news-term-tags a:hover { color:#556099; background:#c4d940;} /*############################################################################################################################################################################################################## # # MEDIA QUERIES - Mobile First Method # ################################################################################################################################################################################################################*/ /* MOBILE MENU DROPDOWN */ @media (min-width : 320px) and (max-width: 768px) { } /* Custom, iPhone Retina -------======= YELLOW */ @media (min-width : 320px) { #slideshow { margin-bottom:30px;} #navbar { border-bottom:1px solid #d4d4d4; } #header-row-right { padding-bottom: 5px;} #header-row-right span { display:inline;} #header-row-right .padding { padding:0px 0px 0px 0px; text-align:center; color:#000; font:normal 14px/normal Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #ffffff;} #header-row-right a { font-size: 14px; color:#000; text-shadow: 0 0 3px #ffffff;} #header-row-right a:hover { color:#000;} #header-row-center img { margin: 0px auto 0px auto;} #navigation span.nolink, #navigation li > a { padding-bottom: 3px; padding-top: 7px; color: #695490; font: normal 16px/normal Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer; display:block;} #slide-intro { font-size:14px;} #slide-intro .padding { padding: 0px 0px 0px 0px;} #footer-row-left { text-align:left;} #footer-row-right { text-align:left;} #copyright strong { margin:5px 0px 10px 15px;} .navbar-header img { margin: 10px 0px 0px 0px; } #social { padding-left:0px; padding-right:0px;padding-top:10px} div.home-video iframe { width: 360px; height: 202px; } } /* Extra Small Devices, Phones -------======= ORANGE */ @media (min-width : 480px) { div.home-video iframe { width: 400px; height: 225px; } } /* Small Devices, Tablets -------======= RED */ @media (min-width : 768px) { #slideshow { margin-bottom:0px;} #navbar { border-bottom: none; } #header-row-right { text-align:right; padding:0px;} #header-row-right span { display:block;} #header-row-right .padding { padding:15px 15px 0px 0px; text-align:right; color:#fff; font:normal 12px/normal Arial, Helvetica, sans-serif; text-shadow: 0 0 3px #767ead;} #header-row-right a { font-size: 12px; color:#fff; text-shadow: 0 0 3px #767ead;} #header-row-right a:hover { color:#fff;} #header-row-center img { margin: 0px auto 10px auto;} #navigation span.nolink, #navigation li > a { margin-top:10px; margin-bottom: 10px; padding-bottom: 0px; padding-top: 4px; border-right:1px solid #aac30c; color: #695490; font: normal 15px/normal Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer; display:block;} #slide-intro { font-size:12px;} #slide-intro .padding { padding: 5px 0px 0px 0px;} #footer-row-left { text-align:left;} #footer-row-right { text-align:right;} #copyright strong { margin:10px 0px 0px 0px;} div.home-video iframe { width: 532px; height: 299px; } } /* Medium Devices, Desktops -------======= GREEN */ @media (min-width : 992px) { #header-row-right .padding { font-size: 14px} #slide-intro .padding { padding: 5px 0px 0px 0px;} #slide-intro { font-size:16px;} #navigation span.nolink, #navigation li > a { font-size: 20px;} .navbar-header img { margin: 10px 0 0 2px; } div.home-video iframe { width: 700px; height: 393px; } } /* Large Devices, Wide Screens -------======= CYAN */ @media (min-width : 1200px) { #header-row-right .padding { font-size: 18px} #header-row-right a { font-size: 18px;} #slide-intro { font-size:17px;} #slide-intro .padding { padding: 10px 40px 0px 0px;} div.home-video iframe { width: 847px; height: 476px; } } /* Custom, iPhone Retina -------======= YELLOW */ @media (min-width : 320px) { } /* Extra Small Devices, Phones -------======= ORANGE */ @media (min-width : 480px) { } /* Small Devices, Tablets -------======= RED */ @media (min-width : 768px) { } /* Medium Devices, Desktops -------======= GREEN */ @media (min-width : 992px) { } /* Large Devices, Wide Screens -------======= CYAN */ @media (min-width : 1200px) { } /* Facebook Feed */ .region-sidebar-first .eapps-facebook-feed > a { } .region-sidebar-first { padding: 10px; } .powrMarkLink, .watermark-plugins, #appView .powrMark a { display: none !important; } /*############################################################################################################################################################################################################## # # COLORS FOR DEV # ################################################################################################################################################################################################################ @media (min-width : 320px) { #contact-row-right h2 a { color:yellow !important;} h1 { color:yellow !important;} } @media (min-width : 480px) { #contact-row-right h2 a { color:orange !important;} h1 { color:orange !important;} } @media (min-width : 768px) { #contact-row-right h2 a { color:red !important;} h1 { color:red !important;} } @media (min-width : 992px) { #contact-row-right h2 a { color:chartreuse !important;} h1 { color:chartreuse !important;} } @media (min-width : 1200px) { #contact-row-right h2 a { color:cyan !important;} h1 { color:cyan !important;} } */ /* CC UPDATES MAY 2020 */ #block-views-product-page-block h2 a {font-size: 18px; text-decoration: none;} body.page-node-328 a {text-decoration: none;} body.page-node-328 a h3 {font-size: 18px; text-decoration: none; font-weight: 600;} body.page-node-328 a:hover h3 {color: #a0b70c;} .last-linkz {margin-top: -30px;} .node-type-product-display .field-field-commerce-category, .node-type-product-display .field-name-field-product-classification, .node-type-product-display .field-name-field-image {display: none;} .node-type-product-display .field-name-field-commerce-images img { float: left; margin: 10px; height: 220px; width: auto;} .node-type-product-display .field-name-field-commerce-description {clear: both; padding-top: 15px;} .iframe-fb-container { text-align: center; width:400px; height:700px; display:inline-block; } .iframe-fb { width: 400px; height: 700px; overflow: hidden; } .product-class-columnz img { } body.page-node-328 a h3.long-h3 {font-size: 13px;} #views-form-commerce-cart-form-default #edit-checkout {background-color: #a0b70c; color:#fff; margin-top: -10px;} #views-form-commerce-cart-form-default #edit-checkout:hover {background-color: #7982ad;} /* Prices are Hid Here! */ th.views-field-commerce-unit-price , td.views-field-commerce-unit-price, th.views-field-commerce-total, td.views-field-commerce-total, .field-name-commerce-order-total, .line-item-summary {display: none;}