/********************************** **Base Style Sheet for simple 2 column **layout and special homepage ************************************/ html {background: #fff url(/files/images/bg-html.png) repeat-x left -90px; font-size:62.5%; } body {font-size:12px; font-size:1.2rem; font-family:'Open Sans', sans-serif; color:#333; margin:0; padding:0;background: transparent url(/files/images/bg-bottom.jpg) no-repeat bottom center} .col1 {background:#fff; padding:5px;} p {line-height:1.8em} img {border:none;} .img1 {margin:10px;-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;} .img2 {margin:10px;border: 3px solid #FFF; box-shadow: 0px 0px 10px 1px #999;} .img3 {margin:10px;box-shadow: -3px 0 0 0 #006699; border-radius: 5px;} a {color:#861719; text-decoration:none;font-weight:bold;} a:hover {text-decoration:underline;color:#c10000} a:focus {border:none;} hr, div.listHRule {border:none;border-bottom: 1px solid #ccc;background:#fff;height:1px;margin:15px 0;} /* `Headings ----------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0 0 10px 0;} h1 {font-size: 36px; font-size: 3.6rem;} h2 {font-size: 30px; font-size: 3.0rem;} h3 {font-size: 20px; font-size: 2.0rem;} h4 {font-size: 18px; font-size: 1.8rem;} h5 {font-size: 16px; font-size: 1.6rem;} h6 {font-size: 14px; font-size: 1.4rem;} /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol {list-style: decimal;} ul {list-style: square; padding:0;} li {margin-left: 30px;} blockquote {background: #EEE; border-left: #CCC 3px solid; border-radius: 0px 5px 5px 0px; font-size: 16px; font-size: 1.6rem; font-style: italic; line-height: 28px; line-height: 2.8rem; margin: 20px 50px; padding: 10px 20px;} blockquote.left, blockquote.right {width: 35%;} blockquote.left {float: left;background-color: #ffba00;} blockquote.right {float: right;background-color: #ee3124;color: white;} p.ender {border-left: 3px solid #be1e2d; color: #2b2b2b; display: block; font-size: 1.8rem; font-style: italic; font-weight: bold; padding: 0 10px;clear: both;} .callout {border-left: 3px solid #CCC; font-size: 18px; font-size: 1.8rem; padding: 0 0 0 20px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 10px;} .wsm_contact_form input, .wsm_contact_form select, .wsm_contact_form textarea {margin-bottom:5px;display:inline;float:left;margin-right:10px;} .wsm_reviews_form input {margin: 0 0 5px 5px;} input.wsm_product_quantity_field {margin-bottom:0;} td {vertical-align:top;} em {font-style: italic;} strong {font-weight: bold;} select {border: 1px solid #CCC; border-radius: 5px; color: #333; font-size: 18px; font-size: 1.8rem; padding: 5px;} /* `Helpers */ .fl_left {float: left;} .fl_right {float: right;} .clr {clear: both;} /** end text styles **/ /* Master Wrappers*/ .wmp_outer_wrapper {margin:0 auto; width:1140px;} .wmp_header_wrapper {position:relative; z-index:5000;} header {background-color:rgba(255,255,255,0);height:172px; margin:0 0 8px; padding:0; position:relative; z-index:5000;} .wmp_master_wrapper {margin:0; overflow:hidden; position:relative;} body.body_single_col .wmp_master_wrapper, .body_page .wmp_master_wrapper {background:#fff; margin:0 0 10px;padding:5px;} /* Header */ .wmp_logo {position: absolute; top:5px; left:5px;z-index:2; } .header-banners {list-style:none; padding:0; margin:0;position:absolute; left:510px; top:35px;} .header-banners li {display:inline;; margin:0 20px 0 0;-webkit-transition: all .25s ease-in;-moz-transition: all .25s ease-in;-ms-transition: all .25s ease-in;-o-transition: all .25s ease-in;transition: all .25s ease-in;} .header-banners li:hover {} .wmp_header_phone {color:#666; cursor:default; font-size:24px; font-size:2.4rem; position:absolute; right:10px; top:35px;background:url(/files/images/bg-lines-2.gif); padding:3px;-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);} .wmp_header_phone:hover {color:#191919;text-decoration:none;} .wmp_header_phone span {background:#fff;} .cart_widget_wrapper {height:52px;position:absolute; right:10px; top:-10px; width:48px;} .cart_icon_counter_wrapper {background:transparent url(/files/images/icon-cart.png) no-repeat 0 0; height:48px; text-decoration:none;width: 48px;} .cart_counter {color:#333 !important;background:none;border-radius:0; box-shadow:none; color:#fff; font-size:14px; font-size:1.4rem; height:16px; left:15px; top:15px; padding:2px; width:16px;} .cart_widget_wrapper:hover .empty_cart_drop_down_wrapper, .cart_widget_wrapper:hover .cart_drop_down_wrapper_1_item, .cart_widget_wrapper:hover .cart_drop_down_wrapper_2_item, .cart_widget_wrapper:hover .cart_drop_down_wrapper_3_item, .cart_widget_wrapper:hover .cart_drop_down_wrapper_4_item{top:52px;} .wmp_header_links {border:1px solid #861719; border-top-left-radius:8px; border-top-right-radius:8px; height:30px; padding:5px;position:absolute; right:0; top:87px; width:620px;} .wmp_header_links ul {float:left; list-style:none; margin:0; padding:0; width:auto;} .wmp_header_links ul li {float:left; margin:0 5px 0 0; padding:0;} .wmp_header_links ul li a {background:rgba(255,255,255,0.1); color:#fff; border:1px solid #861719;border-radius:2px; display:block; line-height:30px;padding: 0 5px;} .wmp_header_links ul li:hover a {color:#fff;border:1px solid #c45b5d;text-decoration:none;} header nav {border-bottom:2px solid #222; height:40px; position:absolute; bottom:0px; left:0; width:100%;} /****************************************** COMMENTING OUT THE DCI MENU MODULE IN THE HEADER header nav .wmp_superstore {float:left; position:relative;background-color:#333;} header nav .wmp_superstore > a {color:#fff; display:block; line-height:40px; padding:0 20px; text-transform:uppercase;font-size:16px; font-size:1.6rem;} header nav .wmp_superstore > a:hover, header nav .wmp_superstore:hover > a {background-color:#222;} header nav .wmp_superstore > a:after {background:transparent url(/files/images/act-sprite.png) no-repeat -50px -38px; color:#ecb700; content:''; display:inline-block;height:13px; margin:0 0 0 5px; width:13px;} header nav .wmp_superstore > div#dvHMVertical {background:#222; display:none; position:absolute; } header nav .wmp_superstore:hover > #dvHMVertical {display:block;} header nav .wmp_superstore > div#dvHMVertical ul {list-style:none; margin:0; padding:0;width:280px;font-size:14px;} header nav .wmp_superstore > div#dvHMVertical ul ul {display:none; } header nav .wmp_superstore > div#dvHMVertical ul > li {margin:0; padding:0;border-bottom:1px solid #333;} header nav .wmp_superstore > div#dvHMVertical ul > li > a {color:#fff;display:block; padding:5px 10px 5px 20px; text-decoration:none;} header nav .wmp_superstore > div#dvHMVertical ul > li:hover > a {background:#444;} ********************************************/ .wmp_header {float:left; list-style:none; margin:0; padding:0;} .wmp_header > li {float:left; margin: 0; padding:0; position:relative;} .wmp_header > li > a {color:#fff; display:block; line-height:30px; padding:0 20px;background-color:#333;line-height:40px; padding:0 20px;text-transform:uppercase;font-size:16px; font-size:1.6rem;} .wmp_header > li.wsm_site_link_parent > a:after {background:transparent url(/files/images/act-sprite.png) no-repeat -50px -38px; color:#ecb700; content:''; display:inline-block;height:13px; margin:0 0 0 5px; width:13px;} .wmp_header > li:hover > a {background-color:#222;} .wmp_header > li > ul {background:#222; display:none;list-style:none; margin:0; padding:0; position:absolute;width:280px;font-size:14px;font-size:1.4rem;} .wmp_header > li:hover > ul {display:block;} .wmp_header > li > ul > li {margin:0; padding:0;border-bottom:1px solid #333;} .wmp_header > li > ul > li > a {color:#fff; display:block; padding:5px 10px; text-decoration:none;} .wmp_header > li > ul > li:hover > a {background:#444;} #widget_search_form {background:#fff; border-radius:3px; box-shadow:inset 1px 1px 3px #333; float:right; height:26px; padding:2px; width:240px;} #widget_search_form .widget_search_field {background:none; border:none; float:left; height:24px; line-height:24px; outline:none; padding:0 10px; width:160px;} #widget_search_form .widget_search_button {border:none; border-radius:2px; color:#fff; cursor:pointer; float:right; line-height:22px; text-transform:uppercase;margin:0; padding:2px;} /* widget login styles */ .widget_login {padding:0; position:absolute; right:10px; top:0; z-index:999999;} .widget_login_header_welcome {display:none;} .widget_login_header_myaccount .widget_login_loginbar {clear:both; list-style:none; margin:0 0 10px; overflow:hidden; padding:0;} .widget_login_header_myaccount .widget_login_loginbar li {border-left:1px solid #999; float:left; margin:0 0 0 5px; padding:0 0 0 5px;} .widget_login_header_myaccount .widget_login_loginbar li:first-child {border-left:none; margin-left:0; padding-left:0;} .widget_login_header_myaccount .widget_login_loginbar li a {} .widget_login_header_help {} .widget_login_header_hover {border-bottom:none; float:left; position:relative; z-index:999999} .widget_login_header_hover > p {line-height:24px; margin:0; padding:0 6px 0 15px;} .widget_login_header_hover > p:after {background:transparent url(/files/images/act-sprite.png) no-repeat -68px -40px; color:#ecb700; content:''; display:inline-block;height:13px; width:13px;margin:0px 0 0 5px;} .widget_login_header_hover:hover > p:after {background-position:-50px -40px;} .widget_login_header_hover .widget_login_dropdown {background:#333; box-shadow:0 1px 1px #000; color:#fff; display:none; padding:8px; position:absolute; right:0px; width:220px;} .widget_login_header_hover .widget_login_dropdown p {color:#fff;} .widget_login_header_hover .widget_login_dropdown > .widget_login_header {font-size:1.2em; font-weight:400; margin:0;} .widget_login_header_hover .widget_login_dropdown > .widget_login_header a { font-weight:700;} .widget_login_header_hover:hover {background:#333;cursor:pointer;} .widget_login_header_hover:hover > p {color:#EE3124; font-weight:700;} .widget_login_header_hover:hover .widget_login_dropdown {display:block; } .widget_login_myaccount_dropdown a {color:#EE3124;} .widget_login_dropdown form label, .widget_login_dropdown form input {display:block;} .widget_login_dropdown form input#wsm_form_email, .widget_login_dropdown form input#wsm_form_password {border:1px solid #ccc; padding:4px 0; width:100%;} .widget_login_dropdown form input#wsm_form_email:focus, .widget_login_dropdown form input#wsm_form_password:focus {border-color:#E5823D} .widget_login_dropdown .widget_recent_orders ul {list-style:none; margin:0; padding:0;} .widget_login_dropdown .widget_recent_orders ul li {margin:0; padding:0;} .widget_login_help_dropdown a {color:#fff; display:block; line-height:130%;padding-left:48px;} .widget_login_help_dropdown a span {color:#EE3124;display:block; font-size:1.4em;} .widget_login_help_dropdown a.faq {background:transparent url(/files/images/act-sprite.png) no-repeat left -695px; height:40px; margin:0 0 20px;} .widget_login_help_dropdown a.email {background:transparent url(/files/images/act-sprite.png) no-repeat left -743px;height:auto; margin:0 0 20px;} .widget_login_help_info {text-align:center;} .widget_login_help_dropdown .widget_login_help_title {font-size:1.4em; line-height:100%; margin:0;} .widget_login_help_dropdown .widget_login_help_phone {font-size:1.4em; font-weight:700;line-height:80%; margin:0;} .widget_login_help_dropdown .wsm_chat_online {display:block; height:46px;} .wmp_header_dealer {line-height:24px;position:absolute; right:0; top:0;} .wmp_header_dealer:after {background:transparent url(/files/images/act-sprite.png) no-repeat -68px -40px; color:#ecb700; content:''; display:inline-block;height:13px; width:13px;} /* sidebars */ #widget_gallery_id_sb {margin:0 0 10px; padding:0;} #widget_gallery_id_sb li {border:1px solid #ccc; margin:0 0 5px; padding:0;} #widget_gallery_id_sb li img {display:block;} .wmp_sidebar_att {border:1px solid #a5a5a5; margin:0 0 10px;} .wmp_sidebar_att h2 {border-bottom:2px solid #861719; font-size:20px; font-size:2.0rem; line-height:30px; text-align:center; text-transform:uppercase;text-shadow: 1px 1px 1px #ffffff;filter: dropshadow(color=#ffffff, offx=2, offy=2);} .wmp_sidebar_att iframe {padding:0;margin:0 2%; width:96%;} .wmp_sidebar_att iframe select {margin:0 0 5px;width:100%;} .wsm_widget_attribute_selector .wsm_widget_attribute_selector_clear {background:none; border:none; color:#ee3124; cursor:pointer; float:right; font-size:14px; font-size:1.4rem;font-weight:700; line-height:30px; text-transform:uppercase;} .wsm_widget_attribute_selector .wsm_widget_attribute_selector_shop {border:1px solid #ccc; color:#fff; cursor:pointer; font-size:14px; font-size:1.4rem;font-weight:700; line-height:30px; padding:0 10px; text-transform:uppercase;} .wmp_sidebar_module {background:#fff;margin:0 0 10px;} .wmp_sidebar_module h2 {border:1px solid #c0241c; color:#fff; font-size:14px; font-size:1.4rem; font-weight:700; margin:0; padding:5px; text-transform:uppercase;} .wmp_sidebar_module ul {list-style:none; margin:0; padding:0;} .wmp_sidebar_module ul li a {display:block;padding:3px;} .wmp_sidebar_module li.dci_cat_nav_parent_vert > a {color:#fff;margin:0 0 5px 0} .wmp_sidebar_module ul li {margin:0; padding:0;} .wmp_sidebar_module ul ul {margin-bottom:10px;} .wmp_sidebar_module ul ul li {margin:0 0 0 3px;} .wmp_sidebar_module ul ul li a {padding:2px 3px; font-weight:normal;} .wmp_sidebar_module ul ul li a:hover {} .wmp_sidebar_module.wmp_news_box h2 {border:1px solid #000;} /******************************************** **WHY BUY SECTIONS ********************************************/ /*Vertical Presentation*/ /* .wmp_whybuy {background:#fefefe;margin:0 0 10px; overflow:hidden; position:relative;} .wmp_whybuy h3 {color:#fff; font-size:24px; font-size:2.4rem; margin:0; position:relative; text-align:center; text-transform:uppercase;} .wmp_whybuy h3 span {background:transparent url(/files/images/act-sprite-wide.png) no-repeat 30px -150px; display:block; height:50px; text-indent:-9999em;} .wmp_whybuy div {background:#eee; border:1px solid #ccc; padding:5px;} .wmp_whybuy p {color:#333; display:block; font-weight:400; font-size:12px; font-size:1.2rem; margin:5px 0 10px; text-align:center;} .wmp_whybuy p strong {display:block; font-size:14px; font-size:1.4rem;} */ /*Horizontal Presentation*/ .wmp_whybuy_horizontal {height:auto;overflow:hidden;border:1px solid #ccc; margin:10px 0 10px 0} .wmp_whybuy_horizontal .conf-section {float:left; width:17%;padding:1%; color:#fff; text-align:center;height:60px; border-left:1px solid #ccc;} .wmp_whybuy_horizontal .conf-section.section-header {background:#193D57;} .wmp_whybuy_horizontal .conf-section h4 {margin:0;color:#861719; font-size:14px; font-size:1.4rem;} .wmp_whybuy_horizontal h3 span {} .wmp_whybuy_horizontal p {margin:0; color:#666; line-height:1.2em;} .wmp_whybuy_horizontal p a {font-weight:normal;} /******************************************** **Have a Question **********************************************/ /*Vertical Presentation*/ .wmp_havequestion {background:#fff; margin:10px 0 10px; padding:5px;border-top:2px solid #ccc;} .wmp_havequestion h2 {font-size:18px; font-size:1.8rem; font-weight:700; } .wmp_havequestion a {background:transparent url(/files/images/act-sprite.png) no-repeat left -540px; color:#333; display:block; font-size:12px; font-size:1.2rem; font-weight:400; margin:0 0 10px; padding-left:49px; text-decoration:none;} .wmp_havequestion a strong {color:#861719;display:block; font-size:18px; font-size:1.8rem;} .wmp_havequestion a.email {background-position:left -535px; height:50px;} .wmp_havequestion a.phone {background-position:left -585px;cursor:default;} /*Horizontal Presentation*/ .wmp_havequestion_horizontal {overflow:hidden;} .wmp_havequestion_horizontal h2 {float:left;width:20%; font-weight:700;} .wmp_havequestion_horizontal a {float:left; margin:0 30px;} .wmp_secure_horizontal h3 {float:left;} .wmp_secure_horizontal .wmp_credit_cards {line-height:70px;} .wmp_secure_horizontal ul {float:left; margin:25px 20px;} .wmp_social_media_sidebar {background:#fefefe; margin:0 0 10px; padding:5px 10px;} .wmp_social_media_sidebar h3 {text-align:center;} .wmp_social_media_sidebar ul {list-style:none; margin:0 0 10px; overflow:hidden; padding:0;} .wmp_social_media_sidebar ul li {float:left; margin:0 3px; padding:0;} .wmp_social_media_sidebar ul li a {background:transparent url(/files/images/act-sprite.png) no-repeat left -312px; display:block; height:42px; text-indent:-9999em; width:42px;} .wmp_social_media_sidebar ul li.social-facebook a {background-position:left -312px;} .wmp_social_media_sidebar ul li.social-twitter a {background-position:left -354px;} .wmp_social_media_sidebar ul li.social-youtube a {background-position:left -396px;} .wmp_social_media_sidebar ul li.social-rss a {background-position:left -438px;} a.newsletter {border-radius:5px; clear:both; color:#fff; display:block; font-size:12px; font-size:1.2rem; line-height:140%; padding:5px 10px; text-align:center; } a.newsletter span {display:block; font-size:24px; font-size:2.4rem; text-transform:uppercase;} /**Homepage Styles ********************************************************************/ .wmp_home_att {float:left; width:328px;height:262px;} /**Homepage Slideshow**/ #widget_cycle_wrapper_home {box-shadow:0 10px 10px -10px #000; width: 100%; height: 500px; margin: 0 0 10px; !important; border:none; position:relative;} #widget_cycle_home li, #widget_cycle_home li img {width: 100%; height: 600px !important;margin:0 !important;} #widget_cycle_wrapper_home #widget_cycle_controls_wrapper {position:absolute; bottom:10px; right:10px; z-index:10;} .widget_cycle_skin #widget_cycle_controls_wrapper a {background:#fff;border:none; color:#ccc;display:block; float:left; font-weight:normal;overflow:hidden; text-indent:-1000em; margin:0 0 0 3px; padding:0; width:14px; height:14px;} .widget_cycle_skin #widget_cycle_controls_wrapper li {} .widget_cycle_skin #widget_cycle_controls_wrapper a:hover, #widget_cycle_controls_wrapper li.activeLI a {background:#861719;text-decoration:underline;color:#fff;} .widget_cycle_skin .widget_cycle_controls{} #widget_gallery_id_home {float:left;} #widget_gallery_id_home li {margin:0; padding:0;} #widget_gallery_id_home li img {} .wmp_home_feature {background:#fff; clear:both; margin:0 0 30px;} .wmp_home_feature h2 {font-size:24px; font-size:2.4rem; line-height:30px; text-align:center;text-transform:uppercase; } .wmp_home_feature h2 span {color:#861719;} h2.wmp_home_feature_gradient {border:1px solid #ccc; border-bottom:2px solid #861719;text-shadow: 1px 1px 1px #ffffff;filter: dropshadow(color=#ffffff, offx=2, offy=2); } .wmp_home_feature p {padding:10px;} /* Featured Cats */ ul#widget_gallery_id_fcats {margin:0; padding:0; list-style:none;} ul#widget_gallery_id_fcats li {float: left; height: 260px; margin:1%; padding:1%; text-align: center; width: 21%; position:relative;} ul#widget_gallery_id_fcats li img { -webkit-border-radius: 5px; border: 2px solid #FFF; margin:0 0 5px 0; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .2); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .2); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } ul#widget_gallery_id_fcats li:hover img {-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .3);box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .3);opacity:.7;} ul#widget_gallery_id_fcats li .widget_innerfade_name {display:block; position:absolute;bottom:20%;left:-0px;} ul#widget_gallery_id_fcats li .widget_innerfade_name:before {content:"";display:block;margin-bottom:-9px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #600; } ul#widget_gallery_id_fcats li .widget_innerfade_name a { display:block; color:#fff; padding:5px; -webkit-border-radius: 0px 3px 3.px 3px; border-radius: 0px 3px 3px 3px; background: #cc0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cc0000 0%, #990000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cc0000 0%,#990000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cc0000 0%,#990000 100%); /* IE10+ */ background: linear-gradient(to bottom, #cc0000 0%,#990000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, .2); box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, .2); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } ul#widget_gallery_id_fcats li:hover .widget_innerfade_name a {padding-left:20px;} ul#widget_gallery_id_fcats li .widget_innerfade_description {text-align:left;} ul#widget_gallery_id_fcats li .widget_innerfade_description li {list-style:none; margin:0; padding:0; display:inline; height:auto; float:none;padding:0 5px 0 0; color:#999;} ul#widget_gallery_id_fcats li .widget_innerfade_description li:after {content:'/'; padding:0 0 0 5px;} ul#widget_gallery_id_fcats li .widget_innerfade_description li:last-child:after {content:''} /* featured products*/ #widget_carousel_basic {display:block; position:relative;} .jcarousel-skin-tango .jcarousel-container-horizontal {background:transparent; float:none; height: 350px;margin:0 auto; width: 1080px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {height:350px;margin:0 0 0 2%; padding:0;width:1024px;} #widget_carousel_basic .widget_featured_prod {height: 350px;margin:0; padding:0 15px; width:226px;} #widget_carousel_basic .widget_featured_prod .widget_featured_image {background:#fff; border:1px solid #ccc; display:block; height:150px; margin:0 auto 10px auto; overflow:hidden; width:218px;} #widget_carousel_basic .widget_featured_prod .widget_featured_image img {display:block;margin:0 auto; height:100%;} #widget_carousel_basic .widget_featured_title {display:block; height:68px; overflow:hidden;} #widget_carousel_basic .widget_featured_title a {color:#333; font-size:12px; font-size:1.2rem;} .widget_retail_price {color:#757575; display:block;font-size:12px; font-size:1.2rem; margin:0 0 10px;} .widget_sale {color:#be1e2d;display:block;font-size:18px; font-size:1.8rem; margin:0 0 10px;} .widget_sale em,.widget_retail_price em {font-style:normal;} #widget_carousel_basic #mycarousel-prev {background:transparent url(/files/images/act-sprite.png) no-repeat left -40px; border:none; height:31px; margin:0; padding:0; position:absolute; left:10px; top:140px; width:23px; text-indent:-9999em;} #widget_carousel_basic #mycarousel-prev:hover {background-position: -23px -40px;} #widget_carousel_basic #mycarousel-next {background:transparent url(/files/images/act-sprite.png) no-repeat left -80px; border:none; height:31px; margin:0; padding:0; position:absolute; right:10px; top:140px; width:23px; text-indent:-9999em;} #widget_carousel_basic #mycarousel-next:hover {background-position: -23px -80px;} .jcarousel-scroll {background:transparent;} /* jcarousel hides - one display:none to rule them all */ .jcarousel-control, .widget_featured_new_icon{display:none;} .wmp_featured_products {position:relative;} .wmp_featured_products:before, .wmp_featured_products:after {content:''; width:30px; height:350px;position:absolute; z-index:20;top:40px;background-image:url(/files/images/vertical-fade.png); background-repeat:repeat-y;} .wmp_featured_products:before {left:46px;background-position:left top } .wmp_featured_products:after {right:60px;background-position:right top} .wmp_home_brands {position:relative;} .wmp_brands_carousel {display:block; margin:0 auto; padding:0 0 10px; left: 1px !important; width: 1080px !important;} #widget_brands_links_id_home {} #widget_brands_links_id_home li {height:60px; margin:0; padding:0 10px; width:160px;} #widget_brands_links_id_home li img {border:1px solid #ccc; line-height:60px;} #widget_brands_links_id_home .widget_brands_link_title {display:none;} .wmp_home_brands .prev {background:transparent url(/files/images/act-sprite.png) no-repeat left -40px; border:none; height:31px; margin:0; padding:0; position:absolute; left:10px; top:40px; width:23px; text-indent:-9999em;} .wmp_home_brands .prev:hover {background-position: -23px -40px;} .wmp_home_brands .next {background:transparent url(/files/images/act-sprite.png) no-repeat left -80px; border:none; height:31px; margin:0; padding:0; position:absolute; right:10px; top:40px; width:23px; text-indent:-9999em;} .wmp_home_brands .next:hover {background-position: -23px -80px;} .wmp_home_about { float:left; height:228px; margin:0 10px 10px 0; width:720px;} .wmp_home_about h2 {font-size:30px; font-size:3.0rem;text-align:left; margin:0; padding:0 10px;} .wmp_home_about p {font-size:14px; font-size:1.4rem; margin:0;} .wmp_home_video {border:1px solid #ccc; float:left; } .wmp_home_video iframe {display:block;} /* featured products*/ #widget_featured_prods_home {width:100%;} #widget_featured_prods_home .widget_featured_prod {float:left; width:32%;} .wmp_home_welcome {position:absolute; bottom:0;} /**Footer Area *******************************/ .wmp_footer_wrapper {margin:0 0 50px;} footer {background:#231f20; color:#fff; margin:0 auto 10px; overflow:hidden; padding:20px 0 0;position:relative;border-radius:5px;} footer h3 {font-size:1.4rem;} .wmp_footer_section {border-left:1px solid #312c2e; border-right:1px solid #000; float:left; height:150px; margin:0 0 20px; padding:0 40px; width:190px;} .wmp_footer_section:first-child {border-left:none;} .wmp_footer_section:last-child {border-right:none;} .wmp_footer_section ul {list-style:none; margin:0 0 10px; padding:0;} .wmp_footer_section ul li {font-size:10px; font-size:1.2rem; margin:0 10px 0 0; padding:0;} .wmp_footer_section ul li a {color:#a6a6a6; font-weight:400;} .wmp_footer_section p {color:#a6a6a6; line-height:1.2rem; font-size:8px; font-size:1.0rem; } .wmp_footer_section a.newsletter span {font-size:12px; font-size:1.4rem;} .wmp_social_media_footer {width:120px;} .wmp_social_media_footer ul {margin:0 0 10px 0;} .wmp_social_media_footer ul li {margin:0 10px 10px 0; float:left;} .wmp_social_media_footer ul li a {background:transparent url(/files/images/act-sprite.png) no-repeat left -120px; display:block; height:48px; text-indent:-9999em; width:48px;} .wmp_social_media_footer ul li.social-facebook a {background-position:left -120px;} .wmp_social_media_footer ul li.social-twitter a {background-position:left -167px;} .wmp_social_media_footer ul li.social-youtube a {background-position:left -216px;} .wmp_social_media_footer ul li.social-rss a {background-position:left -264px;} .wmp_footer_secure {background:#1a1a1a; border-top:1px solid #252525; clear:both; margin:0 0 10px; overflow:hidden; padding:10px 20px;} .wmp_footer_secure h3, .wmp_footer_secure ul, .wmp_footer_secure ul li {color:#fff; float:left; line-height:36px;} .wmp_footer_secure h3 {margin:0 10px 0 0;} /**Credit Cards Easy Setup so that ones can be removed in the HTML**/ .wmp_footer_secure ul {list-style:none; margin:5px 0; padding:0;overflow:hidden;} .wmp_footer_secure ul li {display:block;margin:0 3px 0 0;float:left; width:36px; height:26px;text-indent:-1000em; background-image:url(/files/images/sprite-ccards.png); background-repeat:no-repeat;} .wmp_footer_secure ul li.cc_visa {background-position:0 0;} .wmp_footer_secure ul li.cc_mastercard {background-position:-37px 0;} .wmp_footer_secure ul li.cc_amex {background-position:-73px 0;} .wmp_footer_secure ul li.cc_discover {background-position:-110px 0;} .wmp_footer_secure ul li.cc_paypal {background-position:-145px 0;} .wmp_seals > div{float:left;} .wmp_footer_bottom_wrapper{width:100%; background:#313131;} .wmp_footer_bottom {clear:both; margin:0 auto; overflow:hidden; width:1140px;} .wmp_footer_bottom ul {float:left; list-style:none; margin:0; padding:0;} .wmp_footer_bottom ul li {color:#999; float:left; margin:0 0 0 10px;} .wmp_footer_bottom ul li:before {content:'|'; margin:0 10px 0 0;} .wmp_footer_bottom ul li:first-child {margin-left:0;} .wmp_footer_bottom ul li:first-child:before {content:''; margin:0;} .wmp_footer_bottom ul li a {color:#999; font-weight:400;} #wsm_copyright {float:right; font-size:.83em;color:#999; margin:0;} #wsm_copyright, #wsm_copyright a {color:#999;text-decoration:none;font-weight:normal} #wsm_copyright a:hover {color:#333;text-decoration:underline;font-weight:normal;} #wsm_copyright br {display:none;} /**Credit Cards Easy Setup so that ones can be removed in the HTML *********************************************************************/ .wmp_secure {clear:both;margin:10px; background:#333;overflow:hidden;border-radius:5px;padding:5px;} .wmp_credit_cards ul { float:left; list-style: none; margin: 10px 0 0 12px; padding: 0; overflow: hidden; } .wmp_credit_cards ul li { display: block; margin: 0 12px 0 0; float: left; width: 72px; height: 45px; background-image: url(/files/images/sprite-ccards.png); background-repeat: no-repeat; text-indent: -1000em; } .wmp_credit_cards ul li.cc_visa { background-position: 0px -64px; } .wmp_credit_cards ul li.cc_mastercard { background-position: -73px -64px; } .wmp_credit_cards ul li.cc_amex { background-position: -146px -64px; } .wmp_credit_cards ul li.cc_discover { background-position: -217px -64px; } .wmp_credit_cards ul li.cc_paypal { background-position: -290px -64px; } /**Sitemap Styles CSS - put in style.css file ***********************************************************************/ .sm-table ul {list-style:none; margin:0 0 10px 10px ;padding:0;font-size:.9em;} .sm-table ul li {margin:0;} .sm-table ul li.wsm_cat_menu_parent {font-size:1.2em;} .sm-box-1, .sm-box-2 {margin:0 10px 10px 0; padding:5px; color:#fff;} .sm-box-1 {background-color:#da2c2c; border:2px solid #b92323;} .sm-box-2 {background-color:#3e0403;border:2px solid #621311;} .sm-box-1 p, .sm-box-2 p {font-weight:bold;font-size:1.3em;margin:0 0 5px 0;} #widget_search_form_sm, #widget_search_form_smdci {} #widget_search_form_sm input.widget_search_field, #widget_search_form_smdci input.widget_search_field {width:230px} #widget_search_form_sm input.widget_search_button, #widget_search_form_smdci input.widget_search_button {} /**PDF Page Layout *******************************/ div.step-text {float:left; width:350px; min-height:600px; margin-right:55px;} div#contact-section {margin-top:50px;} div#contact-section img {float:left; margin-right:30px;} div.step {float:left; width:255px;} div.step img {margin-bottom:10px;} div.step span.red-text {color:red; font-weight:bold; font-size:18px;} /**ADDTHIS WIDGET**/ .addthis_toolbox {float:right; margin-right: 2px;} .clear-all {clear:both;} /**Resource Topic Landing Page ************************************************/ .resource_lft_col {width: 320px;} .resource_rt_col {width: 410px;} .wsm_resource {padding: 0 5px 0 0} .wsm_resource_description ul {margin: 20px 0 10px 0;} .wsm_resource_description li {border-bottom: none!important;} a.wsm_resource_image {height: 200px;} a.lobp_shop_brand_btn {background-color: #193D57; color: #fff; border-color: #031636; border-width: 1px; border-style: solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, .5); box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, .5); display: inline-block; font-weight: 700; margin: 5px; padding: 5px; text-transform: uppercase; width: auto; height: auto; cursor: pointer; float:right; } ul.wsm_resource .wsm_resource_image img { margin: 10px; padding: 5px; } ul.wsm_resource li .wsm_resource_description {margin-left: 210px; } /**Helpers/Generic Styles *********************************************/ .flt_lft {float:left;} .flt_rt {float:right;} img.flt_lft {margin: 0 10px 10px 0;} img.flt_rt {margin:0 0 10px 10px;} .clr_bth {clear:both;} .wmp_contact_col1 img {margin:0 10px 0 0;} .wmp_contact_col1 p{} /**Dci New Lookup iFrame**/ iframe#v12DciSearch {min-height:1950px; height:auto !important; width:100%;} #ifDciFitmentModule {height:300px; width:96%;} /* dci brand landing pages - account managers need this if it's a dci site */ .dci_brand_logo {float:right;} /**Resources Template *********************************/ #widget_res_topics_res_prods {-ebkit-column-count:3;} #widget_res_topics_res_prods li {float:left; margin-bottom:10px; width:29%;} .body_suppliers .wmp_outer_wrapper {width:100%;} .body_suppliers .wmp_outer_wrapper .wmp_header_wrapper {background-color:rgba(255,255,255,0.65);} .body_suppliers .wmp_outer_wrapper .wmp_header_wrapper:before { border-bottom:2px solid #ee2e24; content:''; height:30px; position:absolute; top:120px; left:0; width:100%;} .body_suppliers .wmp_outer_wrapper .wmp_header_wrapper header {background:transparent; margin:0 auto; width:1140px;} #aor_frames #aor_header_wrapper { margin:0 auto; width:960px; height: 110px; background:url(/images/aor-header3-bg.png)no-repeat; overflow:visible; } #aor_frames #aor-header-right { float:right; position:static; width:410px;} .aor_frame_message {background:#333; width:100%; padding:30px 0 10px 0;font-size:1em;font-weight:bold;} .aor_frame_content {width:960px; margin:0 auto} .aor_frame_browsing {padding:5px;background: rgb(220, 0, 0);background: rgba(220, 0, 0, 1); color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0px;font-weight:bold;} .aor_frame_browsing a, .aor_frame_browsing a:hover {color:#fff;} .aor_frame_contact {display: none;}/* hide this message for now - not sure what to do with it */ .aor_frame_contact a {color:#ccc} .aor_frame_close a {float:right;color:#666;text-decoration:none;} .aor_frame_close a:hover {color:#fff;text-decoration:underline;} .aor_frame_product a {float:right;margin-right:20px;color:#ccc;text-decoration:none;} .aor_frame_product a:hover {color:#fff;text-decoration:underline;} #aor_frame_body {background:#fff;padding: 65px 0 0 0!important;} .body_suppliers iframe {border:none; box-shadow:0 0 5px #000; display:block; margin:0 auto; height:1800px; width:1024px;} /* product page styles */ .act_item_inquiry {border-radius:5px; color:#fff;display:inline-block; margin:0 0 10px;padding:5px;} #wsm-prod-info {padding:20px 0 0;} .prod-info-left-wrap {float:left;width: 368px;} .prod-info-right-wrap {background:#eee; border:1px solid #ccc; border-radius:5px; float:right; margin:10px;; padding:10px; position:relative; width: 260px;} .wsm-prod-pricebox .wsm-cat-price-price, .wsm-prod-pricebox .wsm-cat-price-sale, .wsm-prod-pricebox .wsm-interface-color-alert {color:#bf2726; font-weight:700; } #cboxLoadedContent .wsm-cat-price-price {color:#333;} .wsm-cat-price-save-percent {margin:0 10px 0 0;} .wsm-prod-options-box {background:transparent !important; border:none !important; padding:0;width:100%;} .wsm-prod-options-box div.product_option_set div.selector {display:block !important;} .wsm-prod-options-box .dropdown {width:95% !important;} .prod-info-right-wrap .wsm-cat-avail-2 {font-size:15px; font-size:1.5rem;} /*DO NOT CHANGE CODE BELOW*/ .wsm-prod-image-brand-image {height:40px;} #wsm-prod-images-container {height:550px;overflow:hidden;} #wsm-prod-rotate-image {height:430px !important;} #wsm-product-wrapper {position:relative;} .dci-prod-images iframe {position:absolute; left:0; top:0px;height: 550px !important; width:450px !important; background:#fff;z-index:1000; background-color:#fff;} /* gradients */ /* red */ .wmp_header_links, #widget_search_form .widget_search_button, .wmp_sidebar_module h2, a.newsletter, .wsm_ajax_modal_link_cont_shop a, .act_item_inquiry { background: #aa4444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FhNDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NjE3MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aa4444 1%, #861719 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aa4444), color-stop(100%,#861719)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aa4444 1%,#861719 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aa4444 1%,#861719 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aa4444 1%,#861719 100%); /* IE10+ */ background: linear-gradient(to bottom, #aa4444 1%,#861719 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa4444', endColorstr='#861719',GradientType=0 ); /* IE6-8 */ } /* black */ .wmp_sidebar_module.wmp_news_box h2, .wsm_widget_attribute_selector .wsm_widget_attribute_selector_shop, .body_suppliers .wmp_outer_wrapper .wmp_header_wrapper:before, .wmp_sidebar_module li.dci_cat_nav_parent_vert > a {background: #252525; background: #666666; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-8 */ } /* silver */ .wmp_sidebar_att h2, .wmp_whybuy_horizontal, h2.wmp_home_feature_gradient {background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMxYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #c1c1c1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c1c1c1)); background: -webkit-linear-gradient(top, #ffffff 0%,#c1c1c1 100%); background: -o-linear-gradient(top, #ffffff 0%,#c1c1c1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#c1c1c1 100%); background: linear-gradient(to bottom, #ffffff 0%,#c1c1c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=0 ); } /* gray */ .wsm_ajax_modal_link_view_cart a {background: #767676; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Njc2NzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c0c0c0 1%, #767676 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c0c0c0), color-stop(100%,#767676)); background: -webkit-linear-gradient(top, #c0c0c0 1%,#767676 100%); background: -o-linear-gradient(top, #c0c0c0 1%,#767676 100%); background: -ms-linear-gradient(top, #c0c0c0 1%,#767676 100%); background: linear-gradient(to bottom, #c0c0c0 1%,#767676 100%); } /* blue */ header nav, .wmp_whybuy_horizontal .conf-section.section-header, .wsm_news_list_date, .wmp_home_att, .wmp_sidebar_att { background: #3c5e8c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzNjNWU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTNkNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3c5e8c 1%, #193d57 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3c5e8c), color-stop(100%,#193d57)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3c5e8c 1%,#193d57 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3c5e8c 1%,#193d57 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3c5e8c 1%,#193d57 100%); /* IE10+ */ background: linear-gradient(to bottom, #3c5e8c 1%,#193d57 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5e8c', endColorstr='#193d57',GradientType=0 ); /* IE6-8 */ } /*================================================== * SHADOW EFFECTS * ===============================================*/ /*Round Shadow Underneath Parent*/ .effect-1, h2.wmp_home_feature_gradient {position:relative;} header nav, .effect-1, .wmp_home_feature_gradient { -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } header nav:before, header nav:after, h2.wmp_home_feature_gradient:before, h2.wmp_home_feature_gradient:after, .effect-1:before, .effect-1:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } /*Round Shadow Left and Right of Parent*/ .effect-2 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect-2:before, .effect-2:after, { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect-2:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Animations */ .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce:hover { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada:hover { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } /**Faux Catalog CSS ************************************************************************************/ .body_faux_catalog .wsm-prod-stock-id, .body_faux_catalog .wsm-prod-tabs-container {display:none !important;}