body { background: url(../images/background.jpg) center top no-repeat #000; margin: 0px; padding: 0px; font-family: Arial; } #wrap { width: 100%; } #header { height: 95px; width: 990px !important; margin: 0 auto; background: url(../images/headershade.png) repeat-x bottom; } #header .logo { margin: 30px 25px 0px 25px; float: left; } #moodimage, .moduletable h3, .moduletable, #content, .blog-featured { -moz-box-shadow: 0px 0px 30px #000000; -webkit-box-shadow: 0px 0px 30px #000000; box-shadow: 0px 0px 30px #000000; padding: 0px; margin: 0px; /* Voor IE 8 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000')"; */ /* Voor IE 5.5 - 7 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000'); */ } #moodimage .outershadow { border: 0px; width: 988px; margin: 0 auto; } .imagetext { background: url(../images/black70.png); color: #fff; position: absolute; z-index: 4; width: 938px; height: 45px; margin: 235px 1px 0px 1px; padding: 10px 25px 10px 25px; font-size: 0.8em; line-height: 1.5em; } .imagetext .c2a { float: right; } a { color: #d91705; text-decoration: none; } a:hover { color: red; text-decoration: underline; } a img { border: 0px; } .c2a, .fpssReadMore {cursor: pointer; font-size: 1.2em; text-decoration: none; padding: 8px 25px 8px 12px; background: url(../images/c2abg.png) right #5f0707; color: #FFF; border: 1px solid #d50302; font-family: 'Roboto Condensed', sans-serif; } .c2a:hover, .fpssReadMore:hover { background-color: #d91705; color: #fff; } .imagetext .c2a { margin: 3px 0px 0px 20px; } #footer { clear: both; width: 100%; background: #111; border-top: 1px solid #333; margin: 25px 0px 0px 0px; height: 180px; padding: 10px 0px; color: #777; font-size: 0.8em; } #footer div { width: 990px; margin: 0 auto; text-shadow: 0 1px 0 #000; } #footer div div { width: 205px; height: 120px; padding: 5px 15px 5px 25px; margin: 20px 0px 0px 0px; float: left; line-height: 1.5em; text-shadow: 0 1px 0 #000; border-right: 1px dotted #333; } #footer div div h3 { color: #999; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-shadow: 0 1px 0 #000; font-size: 1.2em; font-weight: normal; line-height: 1.8em; margin: 0px 0px 10px 0px; } #footer ul { margin: 0px; padding: 0px; list-style: none; } #footer ul li { background: url(../images/arrow-grey.png) no-repeat 2px 9px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 12px; font-size: 0.9em; } #footer ul li a { color: #ccc; } #footer .moduletablenewsletter { float: right; border: 0px; } #footer .moduletablenewsletter input, .locator input, #userForm input { color: #aaa; border: 1px solid #333; padding: 6px 7px 6px 7px; margin: 0px 0px 8px 0px; background: #222; width: 190px; font-size: 0.9em; } #footer .moduletablenewsletter input { width: 144px; float: left; } #footer .moduletablenewsletter label { display: block; text-align: left; width: 45px; float: left; line-height: 30px; } #footer .moduletablenewsletter .searchbutton, .locator .searchbutton { cursor: pointer; float: right; background: url(../images/c2arrow.png) #333 no-repeat right; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; border: 1px solid #555; color: #fff; padding: 4px 22px 4px 8px; text-shadow: 1px 1px #000; width: auto; } #footer .moduletablenewsletter .searchbutton:hover, .locator .searchbutton:hover { background-color: red; text-decoration: underline; border: 1px solid red; } .locator .searchbutton { height: 30px !important; } .locator input { width: 58px !important; padding: 6px 7px 6px 7px; margin: 3px 0px 0px 0px !important; } .locator form { margin: 6px 0px 0px 0px; clear: both; } .black85 { float: right; font-size: 0.8em; color: #fff; text-align: center; margin: 25px 0px 0px 0px; background: url(../images/black85.png); padding: 8px 8px 8px 0px; width: auto; } #header ul { margin: 0px; padding: 0px; clear: both; height: 30px; float: right; list-style: none; width: auto; } #header ul li { float: left; margin: 0px 0px 0px 8px; color: #fff; } #header ul li.facebook a { background: url(../images/icon-facebook.png) top; height: 32px; width: 32px; display: block; } #header ul li.twitter a { background: url(../images/icon-twitter.png) top; height: 32px; width: 32px; display: block; } #header ul li.youtube a { background: url(../images/icon-youtube.png) top; height: 32px; width: 32px; display: block; } #header ul li.instagram a { background: url(http://www.kriss-arms.com/templates/kriss/images/icon-instagram.png) top; height: 32px; width: 32px; display: block; } #header ul li.youtube a:hover, #header ul li.twitter a:hover, #header ul li.facebook a:hover #header ul li.instagram a:hover { background-position: bottom; } #header ul li.text { padding: 2px; text-align: right; line-height: 2.1em; color: #aaa; } form .button { float: left; cursor: pointer; height:32px; width:35px; background: url(../images/button-search.png) no-repeat top; border: 0px; text-indent: -3000px; } form .button:hover { background: url(../images/button-search.png) no-repeat bottom; } input.inputbox { color: #aaa; float: left; border: 1px solid #696969; padding: 8px 7px 6px 7px; margin: 0px 0px 0px 0px; background: url(../images/whitegrad15.png) repeat-x bottom #000; width: 180px; } /*#nav ul li:hover a { background-color: #000; color: #d91705; padding: 13px 20px 14px 20px; }*/ #nav ul li:hover a { background: url(../images/c2abg3.png); color: #fff; padding: 12px 20px 12px 20px; border: 1px solid #d50302; border-bottom: 0px !important; } #nav { margin: 0px 0px 0px 0px; background: url(../images/whitegrad20.png) repeat-x top #111; padding: 0px; text-align: center; } #nav ul { margin: 0 auto; padding: 0px; list-style: none; border: 0px; background: url(../images/whitegrad20.png) repeat-x top #111; height: 45px; width: 990px; } #nav ul li { margin: 0px; padding: 0px; } #nav ul li a { color: #fff; text-decoration: none; float: left; padding: 12px 20px 13px 20px; border-left: 1px solid #191919; border-right: 1px solid #444; font-size: 1em; } #nav ul li a:hover { background-color: #000; color: #fff; padding: 12px 20px 12px 20px; border-bottom: 0px !important; } #nav ul li a.home:hover { background-color: #000; color: #d91705; padding-top: 13px; } #nav ul li a.home { background: url(../images/home.png) no-repeat 15px 16px; height: 45px; width: 45px; padding: 0px !important; } #nav ul li#current.parent ul li a { background: none; } #nav ul li ul li#current { margin: 0px; } #nav ul li ul li#current a { color: #fff; } #nav ul li ul li#current:hover { margin: -1px -1px -1px -1px; } #nav ul ul { position: absolute; width: 166px; left: -2000px; top: 140px; z-index: 8000; } #nav ul ul li { list-style: none; position: relative; z-index: 8000; } #nav ul li:hover ul, #nav ul li.ie_does_hover ul { left: auto; width: auto; } #nav ul ul a { display: block; } #nav .joomla-nav li ul ul { /* third-and-above-level lists */ display: show; background: none; border: 0px; margin: 0px 0px 0px 0px; height: auto; padding: 0px; top: 30px; } #nav .joomla-nav li ul ul li { margin: 0px; } #nav ul ul a:link, #nav ul ul a:visited { font-weight: bold; cursor: pointer; background: none; color: #fff; font-size: 0.8em; padding: 5px 5px 5px 7px; border: 0px; float: none; } #nav ul ul a:hover, #nav ul ul a:active { font-weight: bold; cursor: pointer; background: none; text-decoration: none; } #nav ul ul ul a:link { font-weight: normal; background: none; cursor: pointer; color: #fff; padding: 5px 5px 5px 20px !important; } #nav ul ul ul a:hover { text-decoration: none; } #nav ul ul { background: url(../images/c2abg3.png); height: 242px; width: 967px !important; border: 0px; padding: 10px 10px 0px 10px; border: 1px solid #d50302; border-top: 0px; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } #nav ul ul li { width: 190px; float: left; text-align: left; margin: 2px 0px 2px 0px; padding: 0px; font-size: 1.1em; } #nav ul ul li:hover { background-color: none; margin: 2px 0px 2px 0px; font-weight: bold; } #nav ul ul ul li:hover { background: url(../images/arrow2.png) no-repeat 11px -8px #000; border: 1px solid #990000; margin: -1px -1px -1px -1px; } #nav ul ul ul .customMenuMod { background: transparent;border: 0; margin: 0px 0px 0px 0px; font-weight:normal; } /* FirstPoint */ #nav ul ul ul .customMenuMod:hover { background: transparent;border: 0; margin: 0px 0px 0px 0px; font-weight:normal; } /* FirstPoint */ #nav ul ul ul { -moz-box-shadow: inset 0 0 0px #000000; -webkit-box-shadow: inset 0 0 0px #000000; box-shadow: inset 0 0 0px #000000; width: 190px !important; font-size: 0.8em; } #nav ul ul ul li { background: url(../images/arrow2.png) no-repeat 9px -8px; padding: 0px; } /* Navigation */ nav { padding: 1px 0px 0px 0px; position: relative; z-index: 100000 !important; width: 100%; min-height: 47px; font-size: 10pt; text-transform: uppercase; font-weight: bold; background: #111; border-bottom: 1px solid #222; border-top: 1px solid #333; } nav .holder { width: 980px; margin: 0 auto; padding: 0px; } nav ul { margin:0px !important; padding:0px !important; list-style:none; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; text-decoration: none; } nav ul li { float:left; } nav ul li.active { background-color:rgba(0, 0, 0, 0.5); } nav ul li.active a { color: #fff !important; } nav ul li li.active { background-color: transparent; } nav ul li a { float: left; color:#ccc !important; padding: 12px 20px 15px 20px; text-decoration:none; font-size: 1.3em; border-left: 1px solid #000; border-right: 1px solid #333; height: 20px !important; } nav ul li a:hover, nav ul li:hover > a { color: #fff !important; background:#202321; cursor: pointer; text-decoration: none; } nav li ul a:hover, nav ul li li:hover > a { color: #ee2e24 !important; background-color: #101110 !important; cursor: pointer; text-decoration: none; } nav li ul { background:#202321; left: -999em; margin: 47px 0 0 !important; position: absolute; width: 200px; z-index: 9999; border-top: 1px solid #222; } nav li:hover ul { left: auto; } nav li ul a { background: none; border: 0 none; margin-right: 0; width: 160px; font-size: 1em; border-bottom: 1px solid #000; border-top: 1px solid transparent; padding: 10px 20px; } nav li li ul { margin: -1px 0 0 200px !important; visibility:hidden; width: 270px; } nav li li ul li a { width: 230px !important; background-color:rgba(0, 0, 0, 0.5) !important; color: #fff !important; } nav li li:hover ul { visibility:visible; } nav ul li.deeper a { cursor: default; background: url(http://www.kriss-arms.com/templates/kriss/images/arrowdown2.png) no-repeat 14px 22px; padding-left: 32px; } nav ul li.deeper li a { padding: 10px 20px !important; background: transparent; } nav ul li li.deeper a, nav ul li li.deeper a:hover { background: url(../images/c2arrow.png) no-repeat 175px 16px; cursor: pointer; padding: 10px 20px !important; } nav ul li li.deeper li a { background: #101110 !important; border-bottom: 1px solid #202321; cursor: pointer; padding: 10px 20px; } nav ul li ul li.deeper a:hover { background-color: #101110; cursor: pointer; padding: 10px 20px; } nav ul li:first-child > a { border-left: 0px solid #000 !important; } nav ul li:last-child > a { border-right: 0px solid #333 !important; } nav ul ul li:last-child > a { } nav ul ul ul li:first-child > a { } .moduletable { float: left; width: 323px; margin: 35px 0px 20px 0px; background: url(../images/black.png); border: 1px solid #444; } .center { margin: 35px 8px 20px 7px !important; } .moduletable h3 { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: b; text-align: left; position: absolute; width: 305px; margin: -15px 0px 0px -1px; color: #fff; font-size: 1em; text-shadow: 0 1px 0 #000; background: url(../images/newsbar.png) no-repeat center top; padding: 13px 0px 15px 20px; } .moduletable img { margin: 45px 13px 0px 13px; } .moduletable div { padding: 15px 25px 20px 25px; color: #aaa; font-size: 0.8em; line-height: 1.5em; } .blog-featured .item, .blog-featured .items-row .item { float: left; width: 323px; height: 280px; margin: 25px 0px 20px 0px; padding: 0px 0px 5px 0px; background: url(../images/black.png); border: 1px solid #444; } .blog-featured .column-2 { margin: 0px; width: 328px; border-left: 1px solid #333; border-right: 1px solid #333; } .blog-featured .item h2 { margin: 0px 0px 0px 0px !important; background: none !important; color: #ee2e24; text-transform: uppercase; font-weight: normal; font-size: 1em; text-shadow: 0 1px 0 #000; padding: 15px 0px 10px 20px; margin: 5px 0px 0px 0px; background: none !important; color: #ee2e24; text-transform: uppercase; } .blog-featured .item img { margin: 0px 18px 0px 18px; border-top: 1px solid #222; border-bottom: 1px solid #222; } .blog-featured .item .img-intro-left { padding: 0px 0px 0px 0px; } .blog-featured .item p { padding: 0px 25px 0px 25px; color: #aaa; font-size: 0.8em; line-height: 1.5em; } #left { width: 244px; float: left; } #left .moduletable { width: 244px; margin: 45px 0px 15px 0px; } #left .moduletable h3 { width: 226px; background: url(../images/lefttop.png) no-repeat center top; margin: -46px 0px 0px -1px; } #left .moduletable ul { margin: 0px; padding: 0px; list-style: none; } #left .moduletable ul li { padding: 0px 0px 0px 0px; border-top: 1px solid #444; background: url(../images/arrow.png) no-repeat 12px -6px; } #left .moduletable ul li a { color: #fff; font-weight: bold; line-height: 2.4em; padding: 0px 0px 0px 25px; font-size: 0.8em; font-family: 'Roboto Condensed', sans-serif; } #left .moduletable ul li ul li { font-size: 0.9em; background: url(../images/arrow.png) no-repeat 15px 11px #000; } #left .moduletable ul li ul li a { padding: 0px 0px 0px 25px; font-weight: normal; color: #ccc; font-family: 'Roboto Condensed', sans-serif; } #left .moduletable ul li:hover { background: url(../images/arrow.png) no-repeat 12px -25px; } #left .moduletable ul li ul li:hover { background: url(../images/arrow.png) no-repeat 15px -27px #000; } #left .moduletable ul li ul li a:hover, #left .module ul li a:hover { color: red; } #left .info ul li a { font-weight: normal; } #left .register img { margin: 0px; } #left .register { text-align: center; } #content h2, #content h1 { margin: 0px 0px 10px 0px; color: #d91705; font-weight: normal; font-size: 1.8em; font-family: 'Roboto Condensed', sans-serif; } #content h3 { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; margin: 0px 0px 10px 0px; color: #fff; font-weight: normal; font-size: 1.3em; border-bottom: 1px solid #fff; border-top: 1px solid #fff; line-height: 22px; padding: 5px 0px 6px 0px; } #content .blog h2 { width: 640px;; margin: 0px 0px 10px 0px; color: #ccc; font-weight: normal; font-size: 1.3em; border-bottom: 1px dotted #444; border-top: 1px dotted #444; line-height: 22px; padding: 5px 0px 6px 10px; background: #000; } #content h4 { font-weight: normal; font-size: 1em; color: #fff;padding: 8px 12px 8px 12px; background: url(../images/c2abg2.png) right; color: #fff; border: 1px solid #d50302; } #content h5 { background: url(../images/whitegrad15.png) repeat-x bottom #990000; padding: 5px 10px 5px 10px; width: 100px; text-align: center; font-size: 1em; } fieldset { border: 1px solid #333; } #content { float: right; width: 725px; background: url(../images/black.png); border: 1px solid #333; margin: 0px 0px 20px 0px; padding: 0px 0px 35px 0px; } #content .item-page, #content .items-leading, #content .item, #content .search { padding: 20px 35px 0px 35px; color: #fff; font-size: 0.8em; line-height: 1.5em; color: #ccc; } #content .breadcrumbs { font-size: 0.7em; padding: 8px 7px 8px 12px; background: #000; color: #666; border-bottom: 1px solid #333; } #content .item-page img { border: 1px solid #333; margin: 0px 0px 0px 0px; } #content .breadcrumbs a { color: #ccc; } #content .items-leading img, #content .item img { float: left; margin: 0px 20px 0px 0px; } #content .item img.itemimage, item-page img.itemimage, img.itemimage { float: right; clear: both; margin: 0px 0px 20px 20px !important; border: 1px solid #333 !important; } .fpssReadMore { right: 18px; top: 15px; position: absolute; z-index: 3000 !important; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; } .slidetext { z-index: 3000 !important; } #content table { border: 1px solid #333; border-collapse:collapse; width: 100%; background: url(../images/black.png); } #content table tr td { border: 1px solid #333; vertical-align: top; padding: 5px 10px 5px 10px; font-size: 0.9em; } #content table tr th { border: 1px solid #333; background: url(../images/tableheader.png) repeat-x top #131313; padding: 5px 10px 5px 10px; color: #fff; } #content .category-list h1 { margin: 0px 0px 20px 0px; color: #d91705; font-weight: normal; font-size: 1.5em !important; } .category-list { padding: 25px; } table.category { font-size: 0.8em; } table.category td { color: #ccc; } table.category th a { color: #fff; } .filters { display: none; } .item-separator { clear: both; height: 10px; } .result-title { margin: 0px; } .result-category { margin: 0px; } .result-text { margin: 0px; border-bottom: 1px dotted #666; padding: 0px 0px 20px 0px; margin: 0px 0px 10px 0px; } .small { margin: 0px; } .result-created { display: none; } .form-limit { border: 1px solid #333; background: #000; margin: 5px; padding: 5px 10px 5px 10px; margin: 20px 0px 20px 0px; } ul#dealerlocator, ul#dealerlocator ul { margin: 0px; padding: 0px; list-style: none; float: left !important; } ul#dealerlocator { border: 1px solid #333; width: auto; height: auto; } ul#dealerlocator li { background-color: #000; list-style-type: none; padding: 0px 0px 3px 0px; text-align: left; margin: 0px !important; background: url(../images/whitegrad15.png) repeat-x bottom #000; position: relative; z-index: 1000000000 !important; } ul#dealerlocator li:hover { background: url(../images/whitegrad15.png) repeat-x top #000; } ul#dealerlocator li span { color: #999; text-decoration: none; padding: 7px 8px 4px 8px; float: left; width: 134px; background: url(../images/arrowdown.png) no-repeat 123px 4px; } ul#dealerlocator li:hover span { background: url(../images/arrowdown.png) no-repeat 123px -43px; } ul#dealerlocator li ul li span, ul#dealerlocator li:hover ul li span { background: none; color: #ccc; } ul#dealerlocator li ul { display: none; margin: 3px 0 -3px 0; padding: 0px; position: relative; z-index: 3000; } ul#dealerlocator li ul li.locator { background: #000; } ul#dealerlocator li:hover ul { display: block; } .register p { padding: 0px; clear: both; } #contentPaneWrapper div.pane-sliders h3.title {border: 1px solid #444 !important;margin: 0px 0px 10px 0px !important;padding: 2px 2px 2px 2px !important;color: #ffffff !important;font-size: 12px !important;cursor: pointer !important;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px; } #contentPaneWrapper div.content {overflow: hidden;background: none !important;margin: 0px 0px 0px 0px !important;padding-left: 20px !important;padding-right: 20px !important;padding-top: 0px !important;padding-bottom: 0px !important;max-width: 100% !important;-moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px;} #contentPaneWrapper div.pane-sliders h3.pane-toggler-down {padding-left: 25px !important;background: url(http://www.kriss-arms.com/templates/kriss/images/up_icon.png) no-repeat 5px 50% #111111 !important;border-bottom: 1px solid #666666 !important;-moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px;} #contentPaneWrapper div.pane-sliders h3.pane-toggler {padding-left: 25px !important;background: url(http://www.kriss-arms.com/templates/kriss/images/down_icon.png) no-repeat 5px 50% #111111 !important;-moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px;} #contentPaneWrapper div.pane-sliders h3.pane-toggler span {background: none !important;} #contentPaneWrapper div.pane-sliders h3.pane-toggler-down span {background: none !important;} #contentPaneWrapper div.pane-sliders h3.pane-toggler-down a:hover, #contentPaneWrapper div.pane-sliders h3.pane-toggler a:hover {text-decoration: none !important;background: none !important;color: #ffffff !important;} #contentPaneWrapper div.pane-sliders h3.pane-toggler-down a:focus, #contentPaneWrapper div.pane-sliders h3.pane-toggler a:focus {outline: none !important;} #contentPaneWrapper div.pane-sliders div.panel h3 a {text-decoration: none !important;color: red !important;padding: 2px 2px 2px 2px !important;background: none !important;border: none !important;} #contentPaneWrapper div.pane-sliders div.panel h3.jpane-toggler a {background: none !important;color: #000000 !important;padding: 2px 2px 2px 2px !important;} #contentPaneWrapper div.pane-sliders div.panel h3.jpane-toggler-down a {background: none;color: #000000 !important;padding: 2px 2px 2px 2px !important;} #contentPaneWrapper dl.tabs {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; float: left;width: 100%;z-index: 50;clear: both;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;} #contentPaneWrapper dl.tabs dt.closed {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; float: left;padding: 4px 10px 5px 10px;border: 1px solid #333333;margin-right: 2px;margin-top: 2px;background: #000000;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;color: #666666;} #contentPaneWrapper dl.tabs dt.open {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; float: left;padding: 5px 25px 6px 10px;border: 1px solid #666666; border-bottom: 0px;margin-right: 2px;background: url(../images/c2abg.png) right;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;color: #fff;} #contentPaneWrapper div.current {overflow: hidden;clear: both;border: 1px solid #333333; border-left: 0px; border-right: 0px;max-width: 100%;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px;background: none;} #contentPaneWrapper div.current dd {padding: 10px 0px 5px 0px;margin: 0px 0px 0px 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px; background: none;} #contentPaneWrapper div.current div.tabclear {clear: both;} #userForm { padding: 25px 35px 35px 35px; color: #ccc; font-size: 0.8em; } #userForm .componentheading { margin: 0px 0px 10px 0px; color: #d91705; font-weight: normal; font-size: 1.8em; } #userForm textarea { color: #aaa; border: 1px solid #444; padding: 8px 7px 6px 7px; margin: 0px 0px 5px 0px; background: url(../images/whitegrad15.png) repeat-x bottom #000; width: 500px; font-family: Arial; font-size: 0.9em; } #userForm .rsform-submit-button {font-family: 'Roboto Condensed', sans-serif;cursor: pointer; font-size: 1.2em; text-decoration: none; padding: 8px 25px 8px 12px; background: url(../images/c2abg.png) right; color: #fff; border: 1px solid #d50302; width: auto !important; } #userForm .rsform-submit-button:hover { background-color: #d91705; color: #fff; } #userForm select { color: #aaa; border: 1px solid #444; padding: 8px 7px 6px 7px; margin: 0px 0px 5px 0px; background: url(../images/whitegrad15.png) repeat-x bottom #000; width: auto; font-family: Arial; font-size: 0.9em; } #left .info p { padding: 0px 20px 0px 20px; color: #fff; font-size: 0.8em; line-height: 1.5em; color: #ccc; } .location p { margin: 0px; padding: 0px; } .location p img { margin: 0px 0px -4px 0px; } .mod-jgmap { margin: 10px; padding: 0px; } .productimages h4 { margin: 0px 0px 0px 0px; font-weight: bold !important; background: url(../images/black85.png) !important; border: 0px !important; border-bottom: 1px solid #444 !important; } .productimages h4 a { float: right; font-weight: bold; } .productimages { height: 205px; border: 1px solid #444; padding: 0px; margin: 0px 0px 12px 0px; } .productimages img { float: left; clear: none; } .wallpapers img { float: left; border: 1px solid #333; } .wallpapers ul { margin: 0px; padding: 0px; list-style: none; float: left; width: 310px; margin: 0px 0px 0px 20px; } .wallpapers ul li { border-bottom: 1px dotted #666; padding: 3px 3px 3px 3px; font-size: 0.9em; } .wallpapers ul li a { float: right; } .thankyou { padding: 20px 35px 0px 35px; color: #fff; font-size: 0.8em; line-height: 1.5em; color: #ccc; } .formBody .rsform-submit-button { font-size: 1.1em !important; cursor: pointer; text-decoration: none; width: auto; padding: 0px 22px 4px 6px !important; height: 28px; background: url(../images/c2abg.png) right; color: #fff; border: 1px solid #d50302; font-family: 'Roboto Condensed', sans-serif !important; } .rsform-submit-button { cursor: pointer; margin: 0px 0px 0px 35px; text-decoration: none; width: auto; float: left; padding: 0px 22px 4px 6px !important; height: 28px; background: url(../images/c2abg.png) right; color: #fff; border: 1px solid #d50302; font-family: 'Roboto Condensed', sans-serif !important; } .rsform-submit-button:hover { background-color: red; text-decoration: underline; } .clean { float: left; width: 323px; margin: 0px 0px 15px 0px !important; background: url(../images/black.png); border: 1px solid #444; } .clean p { padding: 0px; margin: 10px 0px 10px 0px; text-align: center; } .clean img { padding: 0px; margin: 0px; } .homebutton { display: none; } .items-row { width: 990px !important; margin: 0 auto !important; } #moodimage { background: url(../images/sliderbackground.png) repeat-x #111 !important; height: 380px; } .blog-featured { margin: 25px 0px 10px 0px; background: url(../images/black80.png); width: 100%; height: 285px; border-top: 1px solid #222; border-bottom: 1px solid #222; } .blog-featured .items-row .item { margin-top: 0px; } .blog-featured .item { margin: 0px !important; width: 330px !important; border: 0px !important; background: none !important; } .blog-featured .item h2 { margin: 0px 0px 0px 0px !important; background: none !important; color: #ee2e24; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 13pt; } .blog-featured .items-row .column-2 { margin: 0px !important; width: 328px !important; border-left: 1px solid #333 !important; border-right: 1px solid #333 !important; } .blog-featured .item a { float: right; background: url(../images/c2arrow.png) #333 no-repeat right; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; border: 1px solid #555; color: #fff; padding: 3px 22px 3px 8px; text-shadow: 1px 1px #000; } .blog-featured .item a:hover { background-color: #555; } #mainholder { width: 990px; margin: 0 auto; padding: 15px 0px 0px 0px; } .item262, .item-272 { display: none !important; } .locsearchbutton { cursor: pointer; background: url(../images/c2arrow.png) #333 no-repeat right; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; border: 1px solid #555; color: #fff; padding: 4px 22px 6px 10px; position: relative; font-size: 11pt; text-shadow: 1px 1px #000; } .locsearchbutton:hover { background: url(../images/c2arrow.png) red no-repeat right; border: 1px solid red; } .com_locator_forms { padding: 5px; background: #222; border-bottom: 1px solid #333; } .com_locator_entry { padding: 20px !important; color: #ccc; border-bottom: 1px solid #333; line-height: 1.5em; font-size: 0.8em; } .com_locator_entry .com_locator_title { margin: 0px 0px 30px 0px !important; } .dropdown_menu { display: none; } #locatorpage #left { display: none; } #locatorpage #content { width: 100% !important; float: left; padding: 0px !important; } #locatorpage .locator_combined_gmap { width: 75% !important; margin: 0px !important; } #locatorpage .com_locator_results_wrapper { width: 25% !important; padding-left: 0px !important; padding-right: 0px !important; } #locatorpage .found { background: #111; color: #ccc; font-size: 9pt; padding: 10px 12px; border-bottom: 1px solid #333; } #locatorpage .locator_combined_directions { display: none; } /************************************************************************************ smaller than 970 *************************************************************************************/ @media screen and (max-width: 970px) { #header { height: 150px; !important; } #header, .items-row, #footer div, #fpssContainer87.fpss-template-uncut, #fpssContainer87.fpss-template-uncut .slides-wrapper, #moodimage .outershadow { width: 100% !important; } #header, .items-row, #footer div, #fpssContainer87.fpss-template-uncut, #fpssContainer87.fpss-template-uncut .slides-wrapper, #moodimage .outershadow { width: 96% !important; } #moodimage { display: none; } .blog-featured { height: auto !important; border: 0px !important; } .blog-featured .items-row .column-2 { border-left: 0px !important; border-right: 0px !important; } .blog-featured .item, .blog-featured .items-row .item { width: 96% !important; padding: 1%; background: url(../images/black80.png) !important; border: 1px solid #222 !important; margin: 1% !important; height: auto !important; } .blog-featured .img-intro-left img { width: 95% !important; } .img-intro-left img { width: 100% !important; } #footer .moduletablenewsletter input, #footer .moduletablenewsletter label { clear: both !important; } #footer div div { height: auto !important; background: #111 !important; border: 0px !important; } #footer .moduletablenewsletter .searchbutton, .locator .searchbutton { float: left !important; } .moduletablefooter, .moduletablenewsletter { width: 90% !important; padding: 1% !important; } .moduletablenewsletter { float: left !important; } nav .holder { width: auto !important; } nav .dropdown_menu { display: block; width: 90%; margin: 0% 4%; padding: 2%; } nav .dropdown_menu .subitems option { line-height: 30px !important; background: #eee;} nav .menu { display: none; } nav { padding: 5px 0px 0px 0px; height: 55px !important; } #mainholder { width: 96%; } #left { display: none; } #content { float: left; width: 100%; } #content .item-page img, #content .blog h2 { width: 100%; } #content .items-leading img, #content .item img { margin: 0px 0px 20px 0px !important; } #userForm textarea { width: 100%; } } /************************************************************************************ smaller than 750 *************************************************************************************/ @media screen and (max-width: 750px) { } /************************************************************************************ smaller than 650 *************************************************************************************/ @media screen and (max-width: 650px) { } /************************************************************************************ smaller than 550 *************************************************************************************/ @media screen and (max-width: 550px) { .locator_module { display: none; } #locatorpage .locator_combined_gmap { width: 100% !important; margin: 0px !important; } #locatorpage .com_locator_results_wrapper { display: none !important; } } /************************************************************************************ smaller than 450 *************************************************************************************/ @media screen and (max-width: 450px) { .blog-featured .item, .blog-featured .items-row .item { width: 94% !important; padding: 1%; background: url(../images/black80.png) !important; border: 1px solid #222 !important; margin: 1% !important; height: auto !important; } .blog-featured .img-intro-left img { width: 90% !important; } #header .logo { margin: 0 auto !important; padding: 20px; } }