html {
-webkit-font-smoothing: antialiased;
}
input, textarea {
border-radius: 0;
}
*:focus {
outline: 0;
}
.non_desktop_only {
display: none;
}
/* STANDARD STYLES RE-USED IN THE CMS */
a {
color: #e53434;
}
p {
margin: 0px 0px 20px 0px;
}
em {
color: #a4a6a9;
}
ul {
margin: 0px 0px 20px 0px;
}
h2 {
font-size: 36px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h3 {
font-size: 30px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h4 {
font-size: 26px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h5 {
font-size: 22px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
table {
width: 100%;
border: 1px solid #414244;
margin: 0px 0px 20px 0px;
}
table th, table td {
padding: 7px;
}
table td {
border-top: 1px solid #414244;
}
table th {
text-align: left;
color: #fff;
background-color: #313233;
font-weight: normal;
}
blockquote {
padding: 0px 0px 0px 70px;
margin: 0px 0px 30px 0px;
background-repeat: no-repeat;
background-position: top left;
min-height: 73px;
}
blockquote p {
margin-bottom: 0px;
}
blockquote.quote {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/quote_bg.png);
color: #767676;
}
blockquote.queens {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/queens_bg.png);
}
blockquote.quote em {
font-weight: bold;
color: #fff;
font-size: 18px;
}
blockquote.quote strong {
font-weight: normal;
color: #fff;
}
img.img_on_left {
float: left;
border: 1px solid #414244;
margin: 0px 20px 20px 0px;
}
img.img_on_right {
float: right;
border: 1px solid #414244;
margin: 0px 0px 20px 20px;
}
/* END OF STANDARD STYLES RE-USED IN THE CMS */
.bgtrans {
-webkit-transition: background 200ms ease-in 200ms;
-moz-transition: background 200ms ease-in 200ms;
-o-transition: background 200ms ease-in 200ms;
transition: background 200ms ease-in 200ms;
}
.alltrans {
-webkit-transition: all 200ms ease-in 200ms;
-moz-transition: all 200ms ease-in 200ms;
-o-transition: all 200ms ease-in 200ms;
transition: all 200ms ease-in 200ms;
}
body {
background-color: #000;
font-family: 'Century Gothic', 'Muli', sans-serif;
font-size: 13px;
min-width: 320px;
}
.silverbg {
background: #f2f2f2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f2f2f2 0%, #f0f1f2 61%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(61%,#f0f1f2), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* W3C */
/* REMOVED BY DF - AS IT CAUSES FONT PIXELATION */
/* IE6-9 fallback on horizontal gradient */
/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=1 );
*/
}
input, select, textarea {
font-family: 'Century Gothic', 'Muli', sans-serif;
font-size: 13px;
-webkit-font-smoothing: antialiased;
}
section#cookie {
background-color: #c3c9cd;
position: relative;
}
section#cookie p {
margin: 0px 0px 0px 0px;
padding: 20px 40px 20px 0px;
}
section#cookie p a {
color: #e63434;
text-decoration: none;
}
section#cookie p a:hover {
color: #000;
}
section#cookie a#cookie_close {
position: absolute;
top: 23px;
right: 0px;
width: 10px;
height: 10px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/black_x.png);
overflow:hidden;
text-indent: 20px;
}
/*
header {
width: 100%;
position: relative;
clear: both;
background-color: #ffffff;
border-top: 10px solid #f0f1f2;
height: 230px;
}
header.mobile {
height: auto;
}
section.section {
width: 1160px;
clear: both;
position: relative;
margin: 0 auto;
}
section.section.flex {
width: 100%;
}
section.section.main_banners {
padding-top: 30px;
}
section.section.top_header {
border-bottom: 1px solid #f0f1f2;
min-height: 170px;
}
header a#logo {
position: absolute;
display: block;
top: 20px;
left: 10px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/logo.png);
width: 207px;
height: 127px;
white-space: nowrap;
text-indent: 20210px;
overflow:hidden;
}
header ul#cart {
display: block;
position: absolute;
top: -23px;
right: 0px;
padding: 0px 0px 0px 0px;
margin: 13px 0px 0px 0px;
list-style: none;
}
header ul#cart li {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
background-color: #f0f1f2;
background-repeat: no-repeat;
background-position: 10px 11px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
header ul#cart li:hover {
}
header ul#cart li a {
color: #010101;
text-decoration: none;
display: block;
padding: 8px 12px 5px 30px;
white-space: nowrap;
}
header ul#cart li#my_enquiry {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry.png);
}
header ul#cart li#my_enquiry.basket {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/shop.png);
}
header ul#cart li#my_wishlist {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist.png);
}
header ul#cart li#my_personalisedProducts {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_personal.png);
}
header ul#cart li#my_enquiry:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_hover.png);
}
header ul#cart li#my_enquiry.basket:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/shop_w_h.png);
}
header ul#cart li#my_wishlist:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_hover.png);
}
header ul#cart li#my_personalisedProducts:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_personal_hover.png);
}
header div#search {
position: absolute;
right: 0px;
top: 50px;
width: 270px;
height: 30px;
}
header div#search_wrap {
width: 270px;
height: 30px;
overflow:hidden;
}
header div#suggest_wrap {
position: relative;
}
header div#search div.l {
position: relative;
float: left;
width: 240px;
}
header div#search div.l input {
background-color: #f0f1f2;
width: 100%;
border: none;
padding: 7px 0px 7px 7px;
color: #000;
}
header div#search div.r {
width: 30px;
position: absolute;
top: 0px;
right: 0px;
}
header div#search div.r a {
display: block;
background-color: #db3533;
width: 30px;
height: 30px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_search_white.png);
background-position: 8px 7px;
background-repeat: no-repeat;
text-indent: 40px;
overflow:hidden;
}
header div#search div.r a:hover {
background-color: #000;
}
*/
div#suggest {
position: absolute;
top: 100% !important;
left: 0;
width: 100% !important;
z-index: 2000;
background-color: #fff;
border: 1px solid #e5e7e9;
border-top: 4px solid #e5e7e9;
display: none;
}
div#suggest div {
background-color: #5cb0d9;
color: #fff;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/sugest_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
div#suggest div p {
padding: 15px 15px 15px 55px;
margin: 0px 0px 0px 0px;
line-height: 15px;
font-weight: bold;
}
div#suggest div a {
color: #fff;
text-decoration: none;
font-weight: normal;
}
div#suggest div a:hover {
color: #a0d8f3;
}
div#suggest ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
list-style: none;
}
div#suggest ul li {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
div#suggest ul li a {
color: #5c5e60;
text-decoration: none;
}
div#suggest ul li a span {
color: #000;
}
/*
header ul#contacts {
position: absolute;
top: 107px;
right: 0px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
header ul#contacts > li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
}
header ul#contacts > li a {
display: block;
padding: 6px 10px 6px 10px;
border-left: 1px solid #e1e4e6;
color: #010101;
text-decoration: none;
background-position: 4px 2px;
background-repeat: repeat-x;
-webkit-transition: background 200ms ease-in 100ms;
-moz-transition: background 200ms ease-in 100ms;
-o-transition: background 200ms ease-in 100ms;
transition: background 200ms ease-in 100ms;
}
header ul#contacts > li > a:hover {
background-position: 4px -28px;
background-color: #eee;
}
header ul#contacts > li#contacts_home > a {
border-left: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_home.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_twitter > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_twitter.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_facebook > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_facebook.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_linkedin > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_linkedin.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_youtube > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_youtube.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_pinterest > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pinterest.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_instagram > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_instagram.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_country > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_down_arrow.png);
background-position: right;
padding-right: 30px;
background-repeat: no-repeat;
}*/
/* NEW CONTACT HEADER */
/*header ul#header_contacts {
position: absolute;
top: 50px;
right: 280px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
header ul#header_contacts > li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
}
header ul#header_contacts > li a {
display: block;
padding: 6px 10px 6px 10px;;
color: #010101;
text-decoration: none;
background-position: 4px 2px;
background-repeat: repeat-x;
-webkit-transition: background 200ms ease-in 100ms;
-moz-transition: background 200ms ease-in 100ms;
-o-transition: background 200ms ease-in 100ms;
transition: background 200ms ease-in 100ms;
}
header ul#header_contacts > li > a:hover {
background-position: 4px -28px;
background-color: #eee;
}
header ul#header_contacts > li#contacts_twitter > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_twitter.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#header_contacts > li#contacts_facebook > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_facebook.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#header_contacts > li#contacts_linkedin > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_linkedin.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#header_contacts > li#contacts_youtube > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_youtube.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#header_contacts > li#contacts_pinterest > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pinterest.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#header_contacts > li#contacts_instagram > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_instagram.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#cart li em {
font-style: inherit;
color: inherit;
}*/
div#country_picker {
position: absolute;
top: 29px;
left: 0px;
width: 265px;
height: 175px;
border: 1px solid #e2e2e2;
background-color: #ffffff;
z-index: 200;
border-top: 5px solid #e5e7e9;
}
div#country_picker ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
list-style: none;
}
div#country_picker ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#country_picker ul li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
display: block;
width: 100%;
text-indent: 10px;
color: #5c5e60;
}
div#country_picker ul li a:hover {
color: #000;
}
/* SCOLLBAR SETTINGS */
#country_scrollbar_area { width: 265px; margin: 0px 0 10px; }
#country_scrollbar_area .viewport { width: 245px; height: 175px; overflow: hidden; position: relative; }
#country_scrollbar_area .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#country_scrollbar_area .scrollbar { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#country_scrollbar_area .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#country_scrollbar_area .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#country_scrollbar_area .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#country_scrollbar_area .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* END SCROLLBAR SETTINGS */
nav#primary {
width: 100%;
clear: both;
float: left;
height: 60px;
/*
overflow-x:hidden;
overflow-y:hidden;
*/
}
nav#primary > ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
display: block;
/*width: 1160px;*/
}
nav#primary > ul > li {
height: 60px;
overflow: hidden;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
nav#primary > ul > li a {
display: block;
clear: both;
margin: 0px 0px 0px 0px;
padding: 20px 31px 22px 32px;
color: #000;
text-decoration: none;
}
nav#primary > ul > li > a:hover {
color: #fff;
background-color: #000;
}
section#mobile_trigger {
display: none;
text-align: center;
}
section#mobile_trigger p {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
section#mobile_trigger a {
display: inline-block;
color: #000;
text-decoration: none;
padding: 5px 30px 5px 30px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_mobile_menu.png);
background-repeat: no-repeat;
background-position: 6px 6px;
}
section#mobile_trigger a:hover {
background-color: #eee;
}
section#mobile_trigger.sticky {
display: block;
}
section#basic_mobile_menu {
display: none;
border-top: 1px solid #eee;
}
section#basic_mobile_menu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
section#basic_mobile_menu ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #eee;
}
section#basic_mobile_menu ul li a {
display: block;
color: #000;
text-decoration: none;
padding: 5px 0px 5px 20px;
}
div#main_banners {
margin: 0px 0px 30px 0px;
}
div.main_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 450px;
}
div.main_banner > div.r {
position: absolute;
top: 0px;
right: 0px;
width: 400px;
height: 450px;
background-color: #f0f1f2;
text-align: center;
}
div.main_banner > div.r > p {
margin: 0px 0px 0px 0px;
padding: 45px 40px 0px 40px;
font-size: 14px;
line-height: 20px;
}
div.main_banner > div.l {
width: 100%;
height: 450px;
}
section.section.news_container {
width: 1160px;
overflow:hidden;
margin-bottom: 30px;
}
div#news_panels {
width: 1190px;
margin-left: -15px;
height: 420px;
}
div.carousel_banner {
height: 420px;
padding-top: 240px;
background-repeat: no-repeat;
background-position: center top ;
margin: 0px 15px 0px 15px;
overflow:hidden;
}
div.carousel_banner > div.carousel_content {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
clear: both;
width:100%;
position: relative;
color: #000;
height: 130px;
}
div.carousel_banner > div.carousel_content h3 {
margin: 20px 20px 0px 20px;
padding: 0px 0px 0px 0px;
clear: both;
font-size: 22px;
font-weight: normal;
color: #000;
}
div.carousel_banner > div.carousel_content p {
margin: 15px 20px 0px 20px;
}
section.news_container a {
color: rgb(34, 34, 34);
display: block;
position: relative;
text-decoration: none;
}
section.news_container span {
display: block;
opacity:0;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
}
section.news_container a:hover span {
display: block;
position: absolute;
top: -240px;
left: 0px;
width: 100%;
height: 240px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
opacity:1;
}
section#carousel_sub_categories_all {
display: none;
}
div.sub_category_banner {
height: 270px;
padding-top: 210px;
background-repeat: no-repeat;
background-position: center top ;
margin: 0px 15px 0px 15px;
overflow:hidden;
}
section.section.sub_categories_container {
width: 1160px;
overflow:hidden;
margin-bottom: 30px;
}
div#sub_category_panels, div#sub_category_panels_all {
width: 1190px;
margin-left: -15px;
height: 295px;
}
html.lt-ie8 div#sub_category_panels_all {
height: auto;
}
div#sub_category_panels_all.all > div {
width:25%;
float: left;
margin: 0px 0px 30px 0px;
}
div#sub_category_panels_all.all div.sub_category_banner {
height:auto;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width:24.89%;
}
section.sub_categories_container span {
display: block;
position: absolute;
top: -210px;
left: 0px;
width: 100%;
height: 210px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
opacity:0;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
}
section.sub_categories_container a {
text-decoration: none;
}
section.sub_categories_container a:hover span {
opacity:1;
}
div.sub_category_banner > div.sub_category_carousel_content {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
position: relative;
width: 100%;
}
section.sub_categories_container a {
display: block;
width: 100%;
color: #fff;
}
div#sub_category_panels a h3, div#sub_category_panels_all a h3 {
font-size: 16px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 20px;
background-color: #000;
-webkit-transition: all 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: all 200ms ease-in 200ms;
-o-transition: all 200ms ease-in 200ms;
transition: all 200ms ease-in 200ms;
}
div#sub_category_panels a:hover h3, div#sub_category_panels_all a:hover h3 {
background-color: #fff;
color: #000;
}
h1.standalone {
width: 100%;
clear: both;
float: left;
text-align: center;
color: #fff;
font-size: 25px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
h2.standalone {
width: 100%;
clear: both;
float: left;
color: #fff;
font-size: 36px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
h2.standalone span {
color: #313233;
}
div.news_boxes {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
div.box {
height: 210px;
float: left;
background-position: center;
}
div.box.wide {
width: 566px;
}
div.box.standard {
width: 267px;
margin: 0px 0px 0px 30px;
}
a.fader {
display: block;
width: 100%;
height: 100%;
color: #fff;
-webkit-transition: background 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: background 200ms ease-in 200ms;
-o-transition: background 200ms ease-in 200ms;
transition: background 200ms ease-in 200ms;
text-decoration: none;
font-size: 18px;
}
a.fader div {
position: relative;
display: block;
width: 100%;
text-align: center;
opacity:0;
-webkit-transition: opacity 300ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 300ms ease-in 200ms;
-o-transition: opacity 300ms ease-in 200ms;
transition: opacity 300ms ease-in 200ms;
}
a.fader:hover {
background-color:rgba(0,0,0,0.7);
}
a.fader:hover div {
opacity: 1;
}
a.fader div table {
margin: 0px 0px 0px 0px;
width: 100%;
height:210px;
border:none;
}
a.fader div table td {
text-align: center;
vertical-align: middle;
border:none;
}
a.fader {
cursor: default;
}
a.fader div > div {
position: absolute;
width: 100%;
top: 160px;
left: 0px;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/button_read_more.png);
background-position: center;
background-repeat: no-repeat;
height: 30px;
cursor: pointer;
}
html.lt-ie9 a.fader div {
display: none;
background-color: #333;
}
html.lt-ie9 a.fader:hover div {
display: block;
}
section.section.features_container {
clear: both;
padding-top: 30px;
}
section.section.features_container section.l {
width: 565px;
float: left;
margin-right: 30px;
}
section.section.features_container section.r {
width: 565px;
float: left;
}
div.feature {
height: 210px;
position: relative;
background-position: right;
}
div.feature div.feature_text {
position: absolute;
width: 282px;
height: 210px;
top: 0px;
left: 0px;
overflow: hidden;
}
div.feature div.feature_text p {
margin: 20px 20px 20px 20px;
text-align: center;
}
div.feature div.feature_text p b {
color: #e53434;
font-weight: normal;
}
div.feature div.feature_text p.flex {
margin-top: 26px;
}
div.feature div.feature_text p.flex img {
width: 100%;
max-width: 222px;
}
div.latest_tweets {
background-color: #313233;
margin: 30px 0px 0px 0px;
clear: both;
float: left;
width: 100%;
position: relative;
}
div.latest_tweets div.m {
width: auto;
position: relative;
border-left: 100px solid transparent;
border-right: 150px solid transparent;
min-height: 90px;
color:#fff;
}
div.latest_tweets div.m p b {
color:#c3c9cd;
font-weight: normal;
}
div.latest_tweets div.m > p {
padding: 26px 0px 20px 0px;
}
div.latest_tweets div.m a {
color: #c3c9cd;
text-decoration: underline;
}
div.latest_tweets div.m a:hover {
text-decoration: none;
}
div.latest_tweets div.l {
position: absolute;
top: 0px;
left: -100px;
width: 90px;
height: 90px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/twitter_bar_bg.png);
background-position: right;
background-repeat: no-repeat;
margin: 0px 10px 0px 0px;
}
div.latest_tweets div.l {
position: absolute;
top: 0px;
left: -100px;
width: 90px;
height: 90px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/twitter_bar_bg.png);
background-position: right;
background-repeat: no-repeat;
margin: 0px 10px 0px 0px;
}
div.latest_tweets div.l img {
margin: 31px 0px 0px 27px;
}
div.latest_tweets div.r {
position: absolute;
right: -150px;
top: 0px;
}
div.latest_tweets div.r p {
margin: 34px 27px 0px 0px;
}
footer {
margin-top: 30px;
clear: both;
float: left;
width: 100%;
}
footer > section {
float: left;
clear: both;
width: 100%;
}
section.pre_footer {
background-color: #313233;
color: #d0d4d6;
}
section.footer {
background-color: #ffffff;
color: #313233;
position: relative;
width: 100%;
}
section.sub_footer {
background-color: #f0f1f2;
color: #313233;
}
section.sub_footer p {
padding: 30px 0px 30px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
section.sub_footer div.l {
float: left;
width: 50%;
}
section.sub_footer div.r {
float: left;
width: 50%;
text-align: right;
}
section.sub_footer a {
color: #313233;
text-decoration: none;
}
section.footer img.footer_logo {
position: absolute;
right: 0px;
top: 22px;
}
section.footer h6 {
font-size: 14px;
font-weight: bold;
margin: 30px 0px 20px 0px;
clear: both;
}
section.footer ul {
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
width: 200px;
}
section.footer ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
section.footer ul li a {
text-decoration: none;
color: #313233;
}
section.footer ul li a:hover {
color: #000;
}
section.pre_footer div.l {
float: left;
width: 565px;
margin-right: 30px;
}
section.pre_footer div.m, section.pre_footer div.r {
float: left;
width: 282px;
}
section.pre_footer h5 {
font-size: 24px;
font-weight: normal;
padding: 5px 0px 5px 40px;
margin: 25px 0px 0px 0px;
background-position: left;
background-repeat: no-repeat;
}
section.pre_footer div.l h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_email.png);
}
section.pre_footer div.m h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_award.png);
}
section.pre_footer div.r h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_approved.png);
}
section.pre_footer > section > div {
padding-bottom: 20px;
}
section.pre_footer p {
margin-right: 20px;
}
section.pre_footer div.l form {
position: relative;
display: block;
}
section.pre_footer div.l form input {
width: 75%;
border: none;
background-color: #313233;
border-bottom: 4px solid #7a7e80;
color: #e5e5e5;
}
section.pre_footer div.l form a:not(.terms) {
display: block;
position: absolute;
top: 1px;
right: 20px;
background-color: #fff;
color: #000;
display: block;
padding: 2px 0px 2px 0px;
float: right;
width: 125px;
text-align: center;
text-decoration: none;
}
section.pre_footer div.l form a:hover {
color: #fff;
background-color: #db3533;
}
#simplemodal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#basic-modal-content {display:none;}
/* Container */
#simplemodal-container { position: absolute; height: 90px; width:570px;color:#000; background-color:#fff; border-bottom:4px solid #db3533; }
#simplemodal-container .simplemodal-data {
padding: 35px 70px 35px 20px;
margin: 0px 0px 0px 0px;
}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#db3533;font-weight:bold;text-decoration:none;}
#simplemodal-container a:hover {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; width:15px; height:15px; display:inline; z-index:3200; position:absolute; top:38px; right:38px; cursor:pointer;}
#simplemodal-container p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
section#breadcrumbtrail {
width: 100%;
clear: both;
height: 60px;
overflow:hidden;
}
section#breadcrumbtrail ul {
float: left;
margin: 0px 0px 0px -20px;
padding: 0px 0px 0px 0px;
list-style: none;
}
section#breadcrumbtrail ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
section#breadcrumbtrail ul li a {
display: block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/breadcrumb_bg_arrow.png);
background-repeat: no-repeat;
background-position: right;
color: #f0f1f2;
text-decoration: none;
padding: 20px 30px 20px 20px;
}
section#breadcrumbtrail ul li.last a {
background-image:none;
}
section#breadcrumbtrail ul li a:hover {
color: #e53434;
}
section.section.type_banner {
padding-top: 0px;
}
div.category_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 420px;
padding-bottom: 30px;
}
div.category_banner > div.l {
position: absolute;
top: 0px;
left: 0px;
width: 465px;
height: 420px;
background-color: #f0f1f2;
font-size: 13px;
line-height: 25px;
}
div.category_banner > div.l h1 {
font-size: 16px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
div.category_banner > div.r {
float: right;
width: 100%;
height: 420px;
background-position: top right;
}
div.category_banner > div.r p.round {
display: block;
position: absolute;
top: 35px;
right: 35px;
}
/* SCOLLBAR SETTINGS */
#standardscrollbar { width: 100%; margin: 0px 0 10px; }
#standardscrollbar .viewport { width: 450px; height: 420px; overflow: hidden; position: relative; }
#standardscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 40px 55px 60px 55px; margin: 0; }
#standardscrollbar .scrollbar { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y-g.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#standardscrollbar .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#standardscrollbar .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y-g.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -4px; }
#standardscrollbar .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#standardscrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#lightbox_product_scrollbar { width: 100%; margin: 0px 0 10px; }
#lightbox_product_scrollbar .viewport { width: 295px; height: 500px; overflow: hidden; position: absolute; top:0; left:0; }
#lightbox_product_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; margin: 0; }
#lightbox_product_scrollbar .scrollbar { z-index: 999999; position: relative; background-position: 0 0; float: right; width: 15px; }
#lightbox_product_scrollbar .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#lightbox_product_scrollbar .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y-g.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -4px; }
#lightbox_product_scrollbar .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#lightbox_product_scrollbar .disable { display: none; }
div.buffer_top {
position: absolute;
top: 0px;
left: 0px;
width: 455px;
height: 44px;
background-color: rgb(240, 241, 242);
}
div.buffer_bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 455px;
height: 44px;
background-color: rgb(240, 241, 242);
}
#lightbox_product_scrollbar {
max-height: 100%;
}
/* END SCROLLBAR SETTINGS */
#product_list {
display: none;
clear: both;
}
#product_list_small {
display: block;
min-height: 200px;
}
#product_list_controls {
clear: both;
width: 100%;
position: relative;
height: 40px;
}
#product_list_controls p {
position: absolute;
top: 7px;
left: 0px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
}
#product_list_controls ul.swatches {
clear: both;
float: left;
margin: 0px 0px 0px 150px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#product_list_controls ul.swatches li {
float: left;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
list-style: none;
border: 1px solid #000;
border-radius: 5px;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
#product_list_controls ul.swatches li.active {
border: 1px solid #fff;
}
#product_list_controls ul.swatches li a {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: 40px;
border: 2px solid #000;
border-radius: 5px;
}
#product_list_controls div#range_sharing {
position: absolute;
right: 0px;
top: 7px;
color: #fff;
}
#product_grid_controls {
clear: both;
width: 100%;
float: left;
padding-top: 24px;
position: relative;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/grid_controls_ul_bg.png);
background-position: bottom;
background-repeat: repeat-x;
margin: 0px 0px 30px 0px;
}
#product_grid_controls ul {
clear: both;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#product_grid_controls ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor-pointer;
list-style: none;
border: 1px solid #313233;
background-color: #171717;
font-size: 14px;
color: #fff;
padding: 20px;
border-left: none;
cursor: pointer;
}
#product_grid_controls ul li.active {
background-color: #000000;
border-bottom: 1px solid #000000;
font-weight: normal;
}
#product_grid_controls ul li em {
font-style: normal;
color: #979797;
}
#grid {
clear: both;
}
#grid_wrap {
width: 1160px;
clear: both;
overflow:hidden;
}
#grid_container {
width: 1200px;
margin-left: -15px;
}
#grid {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#grid .mix {
display: none;
opacity: 0;
width: 267px;
vertical-align: top;
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 15px 30px 15px;
float: left;
overflow:hidden;
}
#grid .mix img {
clear: both;
float: left;
width: 100%;
}
#grid .mix p {
clear: both;
float: left;
width:100%;
margin: 0px 0px 0px 0px;
padding: 20px 10px 20px 10px;
font-size: 18px;
line-height: 18px;
}
#grid .mix a {
color: #fff;
display: block;
text-decoration: none;
}
#grid .mix a > span {
display: block;
position: relative;
overflow:hidden;
}
#grid .mix a > span > span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
}
#grid .mix a > span > span {
display: none;
}
#grid .mix a p em {
font-style: normal;
font-size: 13px;
color: #bbb;
}
#grid .mix a:hover {
/* background-color: #fff; */
color: #000;
}
#grid .mix a:hover p {
background-color: #fff;
}
#grid .mix a:hover p em {
color: #333333;
}
#grid .mix a:hover > span > span {
display: block;
}
#grid .gap {
display: inline-block;
width: 200px;
}
#grid:after {
content: '';
display: inline-block;
width: 100%;
}
p.loading {
text-align: center;
padding: 30px;
color: #fff;
}
/* PRODUCT MODAL CONTAINER */
#productmodal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#productmodal-container {
position: absolute; height: 560px; width:990px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
#productmodal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#productmodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#productmodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:22px; right:22px; cursor:pointer;}
section.product_lightbox {
width: 100%;
clear: both;
float: left;
position: relative;
}
section.product_lightbox > div.header {
clear: both;
width: 100%;
background-color: #000000;
height: 60px;
overflow:hidden;
}
section.product_lightbox > div.header > div.more {
float: left;
}
section.product_lightbox > div.header > div.more a {
display: block;
background-color: #4a4c4c;
padding: 21px 25px 25px 45px;
color: #fff;
font-weight: normal;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_back_white.png);
background-repeat: no-repeat;
background-position: 22px 22px;
}
section.product_lightbox > div.header > div.more a:hover {
background-color: #656767;
}
section.product_lightbox div.cols {
clear: both;
width: 100%;
float: left;
font-size: 13px;
}
section.product_lightbox div.cols > div.l {
float: left;
width: 400px;
height: 500px;
position: relative;
background: #000;
}
section.product_lightbox div.cols > div.r .pad {
overflow:hidden;
}
section.product_lightbox div.cols > div.m {
float: left;
width: 295px;
position: relative;
height: 500px;
overflow:hidden;
}
section.product_lightbox div.cols > div.r {
float: left;
width: 295px;
position: relative;
height: 500px;
background-color: #e1e4e6;
}
section.product_lightbox div.cols > div.l a {
display: block;
clear: both;
}
section.product_lightbox div.cols > div.l span {
position: absolute;
top: 360px;
right: 20px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/zoom.png);
width: 20px;
height: 20px;
overflow:hidden;
text-indent: 30px;
}
section.product_lightbox div.cols > div.l ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
float: left;
background-color: #000;
height: 100px;
}
section.product_lightbox div.cols > div.l ul li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
cursor:pointer;
}
section.product_lightbox div.cols > div.r table {
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border: none;
font-size: 12px;
}
section.product_lightbox div.cols > div.r table th {
width: 50%;
text-align: left;
font-weight: normal;
padding: 1px 0px;
background-color: #e1e4e6;
color: #000;
border: none;
}
section.product_lightbox div.cols > div.r table td {
width: 50%;
padding: 1px 0px;
border: none;
}
section.product_lightbox div.pad {
padding: 32px;
max-height:100%;
box-sizing:border-box;
padding-bottom:100px;
overflow:auto;
}
section.product_lightbox h1 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 22px;
font-weight: normal;
color: #000000;
}
section.product_lightbox p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
section.product_lightbox div.pdf_link,
section.product_lightbox div.enquiry_link,
section.product_lightbox div.wishlist_link {
display: block;
position: absolute;
width: 235px;
height: 60px;
overflow:hidden;
left: 30px;
background-color: #eee;
}
section.product_lightbox div.pdf_link a,
section.product_lightbox div.enquiry_link a,
section.product_lightbox div.wishlist_link a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
section.product_lightbox div.pdf_link a:hover,
section.product_lightbox div.enquiry_link a:hover,
section.product_lightbox div.wishlist_link a:hover {
background-color: #db3533;
}
section.product_lightbox div.pdf_link {
top: 410px;
box-shadow: 0px 52px 0px 0px rgba(255,255,255,1), 0px -20px 25px -6px rgba(255,255,255,1);
}
section.product_lightbox div.enquiry_link {
top: 340px;
}
section.product_lightbox div.wishlist_link {
top: 410px;
}
section.product_lightbox div.pdf_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
}
section.product_lightbox div.enquiry_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_white.png);
}
section.product_lightbox div.wishlist_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_white.png);
}
div.main_cols {
width: 100%;
clear: both;
float: left;
}
div.main_cols > div.l {
width: 860px;
float: right;
margin: 0px 30px 0px 0px;
}
div.main_cols > div.r {
width: 270px;
float: right;
}
div.main_cols.cms > div.l {
float: left;
color: #fff;
}
div.main_cols.cms > div.r {
float: left;
}
div.main_cols.faqs > div.l {
float: left;
margin: 0px 0px 0px 0px
}
div.main_cols.faqs > div.r {
float: left;
margin: 0px 30px 0px 0px
}
div.main_cols > div.l h1, div.main_cols > div.r h5 {
color: #f0f1f2;
font-size: 30px;
font-weight: normal;
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
border-bottom: 1px solid #313233;
clear: both;
}
div.main_cols > div.l ul.search_list {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
clear: both;
float: left;
width: 100%;
}
div.main_cols > div.l ul.search_list li {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
width: 33.33%;
position: relative;
cursor:pointer;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 33.2%;
}
div.main_cols > div.l ul.search_list li > div {
width: 100%;
text-align: center;
overflow:hidden;
position: relative;
}
div.main_cols > div.l ul.search_list li > p {
text-align: left;
padding: 20px 20px 10px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 13px;
}
div.main_cols > div.l ul.search_list li > p a {
color: #fff;
}
div.main_cols > div.l ul.search_list li > p a.name {
text-decoration: none;
font-size: 16px;
}
div.main_cols > div.l ul.search_list li > p.sub_links {
padding-top: 0px;
padding-bottom: 20px;
}
div.main_cols > div.l ul.search_list li > div img {
width: 100%;
max-width: 267px;
}
div.main_cols > div.l ul.search_list li:hover p {
background-color: #fff;
color: #000;
}
div.main_cols > div.l ul.search_list li:hover p a {
color: #000;
}
div.main_cols > div.l ul.search_list li span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
display: none;
}
div.main_cols > div.l ul.search_list li:hover span {
display: block;
}
div.pagination {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
div.pagination ul {
list-style: none;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
width: 100%;
text-align: center;
font-size: 0;
}
div.pagination ul li {
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 1px solid #323232;
border-right: none;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
div.pagination ul li.last {
border-right: 1px solid #323232;
}
div.pagination ul li a {
display: block;
width: 58px;
height: 58px;
overflow-hidden;
background-color: #171717;
color: #fff;
text-decoration: none;
font-size: 16px;
}
div.pagination ul li.selected a {
background-color: #232323;
}
div.pagination ul li a:hover {
background-color: #db3533;
}
div.pagination ul li a b {
font-weight: normal;
display: inline-block;
padding-top: 17px;
}
div.filter {
background-color: #313233;
margin: 0px 0px 30px 0px;
float: left;
width: 100%;
}
div.filter h6 {
font-size: 18px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 30px 30px 30px 30px;
color: #fff;
display: block;
clear: both;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_header_down.png);
background-position: right;
background-repeat: no-repeat;
cursor: pointer;
}
div.filter.active h6 {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_header_up.png);
}
div.filter ul {
clear: both;
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
list-style: none;
}
div.filter ul {
display: none;
}
div.filter.active ul {
display: block;
}
div.filter ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 30px;
}
div.filter ul li a {
display: block;
text-decoration: none;
color: #fff;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_off.png);
background-repeat: no-repeat;
background-position: left;
padding: 3px 0px 3px 30px;
}
div.filter ul li.active a {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_on.png);
}
div.filter ul li a:hover {
color: #db3533;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_hover.png);
}
div.filter ul li.active a:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_on_hover.png);
}
div#product_topper {
position: relative;
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
div#product_topper span {
position: absolute;
top: 23px;
right: 23px;
width: 135px;
height: 135px;
}
div#product_topper span img {
width: 100%;
}
div.more_from {
position: absolute;
top: 60px;
left: 30px;
width: 230px;
height: 60px;
overflow:hidden;
}
div.more_from a {
display: block;
padding: 21px 50px 50px 48px;
width: 230px;
color: #fff;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_back_white.png);
background-repeat: no-repeat;
background-position: 22px 22px;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
div.more_from a:hover {
background-color: #db3533;
}
section.single_product_cols {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
section.single_product_cols > div.l {
float: left;
width: 535px;
margin-right:60px;
}
section.single_product_cols > div.r {
float: left;
width: 565px;
color: #fff;
}
section.single_product_cols > div.l ul li img {
cursor: pointer;
}
section.single_product_cols > div.l div.product_gallery {
width: 100%;
clear: both;
margin: 0 auto;
position: relative;
margin-bottom: 30px;
border: #2f2f2f solid 1px;
/*height: 537px;*/
}
section.single_product_cols > div.l div.product_gallery a {
display: block;
clear: both;
overflow: hidden;
width: 100%;
height: 100%;
}
section.single_product_cols > div.l div.product_gallery img:first-child {
display: block;
margin: 67px auto;
}
section.single_product_cols > div.l div.product_gallery span {
position: absolute;
top: 20px;
right: 20px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/zoom.png);
width: 20px;
height: 20px;
overflow:hidden;
pointer-events: none;
text-indent: 30px;
}
section.single_product_cols > div.l div.product_gallery ul {
clear: both;
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
float: left;
text-align: center;
}
section.single_product_cols > div.l div.product_gallery ul, section.single_product_cols > div.l div.product_gallery ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline-block;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
section.single_product_cols > div.l div.product_gallery ul li img {
padding-bottom: 30px;
}
section.single_product_cols > div.l div.pdf_link {
display: block;
clear: both;
width: 100%;
border-top: 1px solid #4a4c4c;
border-bottom: 1px solid #4a4c4c;
overflow: hidden;
}
section.single_product_cols > div.l div.pdf_link a {
display: block;
background-color: #161717;
width: 100%;
padding: 20px 0px 20px 60px;
color: #fff;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
background-repeat: no-repeat;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
section.single_product_cols > div.l div.pdf_link a:hover {
background-color: #db3533;
}
section.single_product_cols > div.r h1, section.single_product_cols > div.r h2 {
color: #fff;
font-size: 28px;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0;
}
section.single_product_cols > div.r h2 {
padding-top: 20px;
}
section.single_product_cols > div.r table {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
section.single_product_cols > div.r table tr.alt {
background-color: #1e1e1e;
}
section.single_product_cols > div.r table th {
width: 50%;
text-align: left;
padding: 3px;
background-color: #000;
border: none;
}
section.single_product_cols > div.r table tr.alt th {
background-color: #1e1e1e;
border: none;
}
section.single_product_cols > div.r table td {
width: 50%;
text-align: left;
padding: 3px;
border: none;
}
section.single_product_cols > div.r div.actions {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
section.single_product_cols > div.r div.actions > div.l {
width: 267px;
float: left;
margin: 0px 30px 0px 0px;
}
section.single_product_cols > div.r div.actions > div.r {
width: 267px;
float: left;
}
section.single_product_cols .r table {
border: 0;
}
section.single_product_cols > div.r table tr.stockStatus td:before {
display: inline-block;
content: '\f111 ';
font-family: FontAwesome;
font-size: 8px;
line-height: 18.2px;
vertical-align: middle;
margin-right: 5px;
color: #2c9f4a;
}
section.single_product_cols > div.r table tr.stockStatus.out-of-stock td:before {
color: #d83831;
}
section.single_product_cols > div.r table tr.stockStatus.low-stock td:before {
color: #ffa500;
}
div.tools > ul > li.add_to_basket {
width: 50%;
}
div.tools > ul > li.add_to_basket a {
display: block;
width: 100%;
background: #d83831;
color: #fff;
text-decoration: none;
font-size: 16px;
text-align: center;
line-height: 30px;
padding: 10px 0;
box-sizing: border-box;
}
.r .controlPanel {
background: #2f2f2f;
}
.controlPanel .top {
padding: 5px;
}
.controlPanel .top:before,
.controlPanel .top:after,
.controlPanel .tools:before,
.controlPanel .tools:after {
display: block;
content: '';
clear: both;
}
.controlPanel .top > div {
padding:10px;
width: 25%;
float: left;
box-sizing: border-box;
}
.controlPanel .top .qty {
margin-left: 50%;
}
.controlPanel .top .qty > div {
display: block;
max-width: 100%;
background: #2f2f2f;
color: #fff;
border: 1px solid #929292;
height: 50px;
line-height: 50px;
box-sizing: border-box;
}
.controlPanel .top .qty > div label {
display: inline-block;
padding: 0 10px;
height: 48px;
line-height: 48px;
margin-left: -2px;
box-sizing: border-box;
width: 50%;
text-align: right;
}
.controlPanel .top .qty > div input {
display: inline-block;
line-height: 48px;
height: 48px;
margin-left: -2px;
box-sizing: border-box;
width: 50%;
background: transparent;
border: 0;
padding: 0;
color: #fff;
}
#controlWrap {
position: relative;
}
#controlWrap .selectProduct {
width: 50%;
position: absolute;
top: 0;
left: 0;
height: 80px;
padding: 15px;
box-sizing: border-box;
}
#controlWrap .selectProduct select {
display: block;
border: 1px solid #929292;
padding: 10px 60px 10px 20px;
margin: 0;
height: 50px;
background: transparent;
color: #fff;
box-sizing: border-box;
line-height: 30px;
width: 100%;
}
#controlWrap .selectProduct select option {
color: #000;
}
.controlPanel .top .price > div{
display: block;
position: relative;
padding-top: 12px;
text-align: center;
font-size: 24px;
line-height: 38px;
}
.controlPanel .top .price small {
position: absolute;
top: 0;
width: 100%;
line-height: 12px;
left:0;
right: 0;
width: 100%;
font-size: 12px;
}
div.enquiry_link_std {
width: 100%;
height: 60px;
overflow:hidden;
}
div.wishlist_link_std {
width: 100%;
height: 60px;
overflow:hidden;
}
div.enquiry_link_std a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_white.png);
}
div.enquiry_link_std a:hover {
background-color: #db3533;
}
div.wishlist_link_std a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_white.png);
}
div.wishlist_link_std a:hover {
background-color: #db3533;
}
div.side_nav {
width: 100%;
clear: both;
margin: 0px 0px 30px 0px;
}
div.side_nav ul {
padding: 0px 0px 0px 0px;
margin: 0px 0x 0px 0px;
list-style: none;
}
div.side_nav ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0x 0px 0px;
list-style: none;
border: 1px solid #414244;
border-bottom: none;
width: 100%;
overflow:hidden;
}
div.side_nav ul li.sub {
text-indent: 10px;
}
div.side_nav ul li.last {
border-bottom: 1px solid #414244;
}
div.side_nav ul li a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 13px;
padding: 20px 20px 20px 20px;
background-color: #313233;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
div.side_nav ul li.sub a {
color: #c1c1c1;
}
div.side_nav ul li.active a {
background-color: #242526;
}
div.side_nav ul li a:hover {
background-color: #db3533;
}
div.jsmasonry {
width: 860px;
margin: 0 auto;
clear: both;
}
div.jsmasonry div.item {
width: 266px; margin-bottom: 30px;
height: 360px;
overflow:hidden;
}
div.jsmasonry div.item.ie7masonry {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
div.jsmasonry div.item.w2 {
width: 562px;
height: 165px;
}
div.jsmasonry div.item.half {
width: 266px;
height: 165px;
}
div.side_contacts {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.side_contacts ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 12px;
}
div.side_contacts ul li {
padding: 10px 0px 10px 70px;
margin: 0px 0px 10px 0px;
background-repeat: no-repeat;
background-position: left;
white-space:nowrap;
}
div.side_contacts ul li span.tag {
display: inline-block;
width: 40px;
}
div.side_contacts ul li.address {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_location.png);
}
div.side_contacts ul li.telephone {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_telephone.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.fax {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_fax.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.email {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_email.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.email a {
color: #fff;
text-decoration: none;
}
div.side_contacts ul li.email a:hover {
color: #db3533;
}
div.cms_pad {
color: #fff;
position: relative;
}
div.cms_pad p {
line-height: 22px;
}
div.cms_image {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.cms_image img {
width: 100%;
}
div.form_cols {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.form_cols > div {
float: left;
overflow:hidden;
}
div.form_cols > div.l {
width: 266px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.m {
width: 266px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.r {
width: 266px;
margin: 0px 0px 0px 0px;
}
div.form_cols > div input, div.form_cols > div textarea {
background-color: #313233;
color: #fff;
border: none;
clear: both;
margin: 0px 0px 20px 0px;
padding: 15px 0px 15px 15px;
width: 100%;
}
div.form_cols > div textarea {
height: 218px;
}
div.form_cols > div input.submit_button {
background-color: #db3533;
}
div.form_cols > div input.submit_button:hover {
background-color: #313233;
}
div.form_cols.full_width > div.l {
width: 25%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.m {
width: 25%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.r {
width: 50%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.l > div, div.form_cols.full_width > div.m > div {
margin-right: 20px;
overflow:hidden;
}
ul.maps {
display: block;
float: left;
clear: both;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
ul.maps li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
width: 266px;
float: left;
}
ul.maps li.third {
margin-right: 0px;
}
ul.maps li div.google_map_thumb {
width: 100%;
height: 266px;
margin: 0px 0px 20px 0px;
background-color: #222;
}
ul.maps li span.heading {
display: block;
color: #fff;
font-weight: normal;
font-size: 26px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
ul.maps li span.desc {
display: block;
line-height: 22px;
margin: 0 0 20px 0;
}
ul.maps li a {
color: #fff;
text-decoration: none;
display: block;
border-bottom: 1px solid #313233;
}
ul.maps li a:hover {
border-bottom: 1px solid #db3533;
}
#showroom_gallery {
margin: 0px 0px 30px 0px;
}
#showroom_gallery .item img{
display: block;
width: 100%;
height: auto;
}
div.google_map_full {
width: 100%;
height: 300px;
margin: 30px 0px 30px 0px;
float: left;
clear: both;
}
div.news_row {
width: 100%;
clear: both;
float: left;
}
div.news_row ul {
float: left;
clear: both;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
div.news_row ul li {
width: 266px;
float: left;
margin: 0px 30px 30px 0px;
background-repeat: repeat-x;
background-position: top center;
}
div.news_row ul li.third {
margin-right: 0px;
}
div.news_row ul li a {
display: block;
position: relative;
clear: both;
float: left;
width: 100%;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #313233;
padding-bottom: 10px;
}
div.news_row ul li a span {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 300px;
text-align: center;
background-color: red;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
}
div.news_row ul li a.video-box span {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_play.png);
}
div.news_row ul li a:hover span {
opacity: 1;
}
html.lt-ie8 div.news_row ul li a span {
display: none;
}
div.news_row ul li p {
margin-top: 320px;
font-size: 14px;
height: 65px;
overflow:hidden;
}
div.news_row ul li a p em {
color: #616161;
}
div.news_row ul li a:hover {
border-bottom: 1px solid #db3533;
}
hgroup.news_article {
width: 100%;
clear: both;
float: left;
border-bottom: 1px solid #323232;
margin: 0px 0px 30px 0px;
padding-bottom: 30px;
}
hgroup.news_article h2, hgroup.news_article h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
color: #ffffff;
font-weight: normal;
}
hgroup.news_article h3 {
color: #616161;
font-size: 13px;
font-style: italic;
}
div.news_sub_footer {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 30px 0px 30px 0px;
border-top: 1px solid #323232;
}
div.news_sub_footer div.l {
float: right;
width: 70%;
padding-top: 20px;
}
div.news_sub_footer div.r {
float: right;
width: 29.9%;
}
div.news_sub_footer div.r a {
display: block;
float: right;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 40px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/white_back.png);
background-position: 20px 24px;
background-repeat: no-repeat;
color: #fff;
background-color: #313233;
text-decoration: none;
}
div.news_sub_footer div.r a:hover {
background-color: #db3533;
}
h1.top,
.h1.top {
color: #fff;
font-size: 28px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
}
dl.faqs {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
border: 1px solid #424344;
border-top: none;
}
dl.faqs dt {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
list-style: none;
float: left;
clear: both;
border-top: 1px solid #424344;
position: relative;
}
dl.faqs dt a {
display: block;
background-color: #313233;
color: #fff;
text-decoration: none;
padding: 10px 10px 10px 40px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/faq_header_bg_on.png);
background-position: top right;
background-repeat: no-repeat;
}
dl.faqs dd {
position: relative;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
list-style: none;
float: left;
clear: both;
border-top: 1px solid #424344;
display: none;
background-color: #ffffff;
}
dl.faqs dd p {
display: block;
padding: 20px 10px 20px 40px;
margin: 0px 0px 0px 0px;
color: #5d5d5d;
line-height: 28px;
}
dl.faqs span {
position: absolute;
top: 10px;
left: 12px;
}
dl.faqs dd span {
top: 20px;
}
dl.faqs dt a:hover {
background-color: #e53434;
}
dl.faqs dt.active a {
background-color: #e53434;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/faq_header_bg_off.png);
}
div.user_tabs {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/user_tabs_halo.png);
background-position: center bottom;
background-repeat: no-repeat;
width: 100%;
}
div.user_tabs ul {
padding: 90px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
display: block;
width: 100%;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/user_tabs_ul_bg_bottom.png);
background-repeat: repeat-x;
background-position: bottom;
}
div.user_tabs ul li {
display: inline-block;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
div.user_tabs ul li a {
display: block;
padding: 16px 45px 16px 45px;
color: #fff;
background-color: #171717;
text-decoration: none;
border-top: 1px solid #313233;
border-left: 1px solid #313233;
border-bottom: 1px solid #313233;
}
div.user_tabs ul li.last a {
border-right:1px solid #313233;
}
div.user_tabs ul li.active a {
border-bottom: 1px solid #000;
background-color: #000;
}
div.user_tabs ul li a:hover {
background-color: #db3533;
}
div.central_form {
width: 550px;
margin: 0 auto;
margin-bottom: 60px;
overflow:hidden;
}
div.central_form.sub_my_account {
padding-top: 30px;
}
div.central_form h1 {
text-align: center;
width: 100%;
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-weight: normal;
font-size: 16px;
}
div.single_form_column > input, div.single_form_column div.actually_split input {
width: 100%;
border: none;
background-color: #313233;
color: #fff;
padding: 20px 0px 20px 50px;
margin: 0px 0px 30px 0px;
background-repeat: no-repeat;
background-position: 15px 17px;
clear: both;
}
div.single_form_column > input.submit_button {
background-color: #e53434;
padding-left: 0px;
padding-right: 0px;
}
div.single_form_column > input.submit_button:hover {
background-color: #313233;
}
div.single_form_column > input.email {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_user_icon.png);
}
div.single_form_column > input.password {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_password_icon.png);
}
div.single_form_column > input.noicon, div.single_form_column div.actually_split input.noicon {
padding: 20px 0px 20px 20px;
}
div.form_options {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.form_options > div.l {
float: left;
width: 50%;
}
div.form_options > div.r {
float: left;
width: 50%;
text-align: right;
}
html.lt-ie8 div.form_options > div.r {
width: 49.9%;
}
div.form_options > div a {
color: #bdbdbd;
}
div.form_options > div a:hover {
color: #e53434;
}
#dummy_old_password, #dummy_password, #dummy_confirm_password {
display: none;
}
div.form_options > div.l label {
display: block;
float: left;
color: #bdbdbd;
}
div.form_options > div.l > div {
float: left;
margin: 3px 8px 0px 0px;
}
div.form_options > div.l > div input {
border: 1px solid #fff;
}
div.actually_split {
float: left;
width: 100%;
clear: both;
}
div.actually_split > div.l {
width: 50%;
float: left;
overflow:hidden;
}
div.actually_split > div.r {
width: 50%;
float: left;
overflow:hidden;
}
div.actually_split > div.l > div {
margin-right: 15px;
overflow:hidden;
}
div.actually_split > div.r > div {
margin-left: 15px;
overflow:hidden;
}
span.spam_code {
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
#product_panels a {
text-align: center;
display: block;
position: relative;
text-decoration: none;
}
#product_panels a img {
width: 100%;
max-width: 267px;
}
#product_panels a p {
text-align: left;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 13px;
}
#product_panels a p b.name {
text-decoration: none;
font-size: 16px;
font-weight: normal;
}
#product_panels a:hover p {
background-color: #fff;
color: #000;
}
#product_panels a {
color: #000;
}
#product_panels div > span {
position: relative;
display: block;
width: 100%;
overflow:hidden;
}
#product_panels div > a > span > span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
display: none;
}
#product_panels div > a:hover > span > span {
display: block;
}
#product_panels a p em {
font-style: normal;
}
div.my_account_lander {
width: 860px;
margin: 0px 0px 30px 0px;
clear: both;
float: left;
}
div.my_account_lander > div.l {
width: 460px;
height: 450px;
float: left;
background-color: #fff;
}
div.my_account_lander > div.r {
width: 400px;
height: 450px;
float: left;
background-color: #313233;
position: relative;
}
#myaccount_banners span.img {
position: absolute;
display: block;
top: -294px;
left: 0px;
z-index: 1000;
}
#myaccount_banners span.box {
display: block;
position: relative;
background-color: #ffffff;
color: #414144;
height: 156px;
border-top:294px solid transparent;
}
#myaccount_banners span.box h2 {
color: #db3533;
font-size: 28px;
padding: 20px 20px 10px 20px;
line-height: 30px;
margin: 0px 0px 0px 0px;
}
#myaccount_banners span.box p {
padding: 0px 20px 0px 20px;
margin: 0px 0px 0px 0px;
}
table.myaccount {
width: 100%;
border: none;
margin: 0px 0px 0px 0px;
}
table.myaccount th, table.myaccount td {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}
table.myaccount th {
background-color: #414144;
}
table.myaccount th h2 {
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table.myaccount td.field {
border-right: 1px solid #414144;
}
div#edit_details_link {
position: absolute;
top: 18px;
right: 20px;
}
div#edit_details_link a {
display: block;
background-image:url('https://www.steelite.com/skin/frontend/default/steelite/images/edit_icon_absolute_bg.png');
background-position: left;
background-repeat: no-repeat;
padding: 0px 0px 0px 20px;
color: #fff;
text-decoration: none;
}
div#edit_details_link a:hover {
color: #db3533;
}
div.back_block {
position: absolute;
top: 32px;
right: 20px;
}
div.back_block a {
display: block;
padding: 10px;
color: #fff;
background-color: #313233;
text-decoration: none;
}
div.back_block a:hover {
background-color: #db3533;
}
div#skinny_banners {
margin-bottom: 30px;
}
table.wishlist,
table.cart-table {
border: 1px solid #414244;
margin: 0px 0px 0px 0px;
}
table.wishlist.basket {
margin: 0px 0px 30px 0px;
}
table.wishlist th,
table.cart-table th {
background-color: #414244;
padding-top: 20px;
padding-bottom: 20px;
white-space: nowrap;
}
table.wishlist td,
table.cart-table td {
background-color: #313233;
padding: 5px 5px 5px 5px;
vertical-align: middle;
color: #fff;
}
table.wishlist td.img,
table.cart-table td.img {
background-color: #000;
}
table.wishlist td.img,
table.wishlist th.img {
width: 3%;
}
table.wishlist td.name,
table.wishlist th.name,
table.cart-table th.name,
table.cart-table td.name {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
color: #c9c9c9;
}
table.cart-table th.name h3,
table.cart-table td.name h3,
table.cart-table th.name h3 a,
table.cart-table td.name h3 a {
font-size: 15px;
margin-bottom: 0;
color:#fff;
text-decoration: none;
max-width: 320px;
}
.outOfStockAlert {
position: relative;
display: inline-block;
margin-left: 10px;
}
.outOfStockAlert > span {
display: none;
}
.outOfStockAlert > i.fa {
color: #e53434;
font-size: 15px;
}
.outOfStockAlert > div {
display: none;
height: 140px;
padding: 15px;
pointer-events: none;
box-sizing: border-box;
background: #fff;
color: #000;
border: 1px solid #d83831;
position: absolute;
top: calc(50% - 70px);
left: 30px;
width: 250px;
z-index: 2;
}
.outOfStockAlert > div:after {
position: absolute;
top: calc(50% - 10px);
height: 20px;
width: 20px;
left:-11px;
background: #fff;
border-left: 1px solid #d83831;
border-bottom: 1px solid #d83831;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
}
.outOfStockAlert:hover > div {
display: block;
}
.outOfStockAlert > div > span {
color: #d83831;
font-size: 16px;
}
.stockStatus {
min-width: 200px
}
.stockStatus ul {
display: block;
margin: 0;
padding: 5px 5px 5px 30px;
position: relative;
}
.stockStatus ul li {
display: block;
padding: 0;
margin: 0 0 10px 0;
position: relative;
}
.stockStatus ul li:before {
display: block;
position: absolute;
left: -30px;
line-height: 1em;
content: '';
text-align: center;
font-size: 15px;
display: block;
width: 30px;
padding-top: 5px;
top: 0;
font-family: FontAwesome;
}
.stockStatus ul li.inStock:before {
content: '\f111';
color: #2c9f4a;
font-size: 10px;
}
.stockStatus ul li.lowStock:before {
content: '\f111';
color: #ffa500;
font-size: 10px;
}
.stockStatus ul li.outOfStock:before {
content: '\f111';
color: #db3533;
font-size: 10px;
}
.stockStatus ul li.leadTime:before {
content: '\f017';
/*color: #2c9f4a;*/
font-size: 15px;
}
#cartWrap {
margin-bottom: 45px !important;
}
.cart-table .price {
font-size: 16px;
}
.stockStatus .inStock {
display: block;
}
.checkout-totals {
display: block;
float: right;
max-width: 390px;
width: 100%;
background-color: #313233;
color: #fff;
}
.checkout-totals h3 {
font-size: 20px;
text-align: center;
background: #414244;
color: #fff;
padding: 15px 0;
line-height: 20px;
margin: 0;
}
.checkout-totals .totals {
padding: 30px;
}
.checkout-totals .totals table {
border: 0;
}
.checkout-totals .totals table td {
padding: 15px 0;
}
.checkout-totals .totals table tbody tr:first-of-type td {
border-top: 0;
}
.checkout-totals ul.checkout-types {
display: block;
padding: 0;
margin: 0;
}
.checkout-totals ul.checkout-types li {
display: block;
}
.checkout-totals ul.checkout-types li .button.btn-proceed-checkout.btn-checkout {
color: #fff;
font-size: 16px;
padding: 15px 45px;
background: #d83831;
display: block;
border: 0;
width: 100%;
color: #fff;
font-size: 16px;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
.checkout-footer {
float: left;
margin-bottom: 45px;
}
.checkout-footer .button.btn-continue {
margin-bottom: 3px;
}
.checkout-footer .button.btn-quick-order,
.checkout-footer .button.btn-continue {
display: inline-block;
padding: 15px 45px;
text-align: center;
background: #414244;
color: #fff;
font-size: 16px;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
.checkout-footer .button.btn-quick-order:hover,
.checkout-footer .button.btn-continue:hover {
background-color: #d83831;
}
table.wishlist td.name a {
color: #fff;
text-decoration: none;
}
table.wishlist td.name a:hover {
color: #e53434;
}
table.wishlist td.check, table.wishlist th.check {
text-align: center;
width: 3%;
}
table.wishlist td.remove,
table.wishlist th.remove,
table.cart-table td.remove,
table.cart-table th.remove {
text-align: center;
width: 3%;
}
table.wishlist td.remove a,
table.cart-table td.remove a {
display: inline-block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/wishlist_remove.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
text-indent: 30px;
overflow:hidden;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
table.wishlist td.remove a:hover {
background-position: -20px 0px;
}
table.wishlist input.qty,
table.cart-table input.qty {
border: 1px solid #414244;
color: #fff;
background-color: #1d1d1e;
width: 43px;
font-size: 14px;
padding: 5px 0px 5px 0px;
text-align: center;
}
.btn-empty {
display: block;
border: 0;
background: transparent;
color: #e53434;
}
.btn-update {
display: inline-block;
padding: 15px 45px;
text-align: center;
background: #d83831;
color: #fff;
font-size: 16px;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
div.wishlist_controls {
position: relative;
clear: both;
float: left;
width: 100%;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/wishlist_controls_bg.png);
background-position: top left;
background-repeat: no-repeat;
height: 120px;
}
div.wishlist_controls > div.create_pdf {
display: block;
position: absolute;
width: 266px;
height: 60px;
top: 31px;
right: 258px;
overflow: hidden;
z-index: 2;
}
div.wishlist_controls > div.create_pdf a {
display: block;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
}
div.wishlist_controls > div.create_pdf a:hover {
background-color: #db3533;
}
div.wishlist_controls > div.send_to_friend {
display: block;
position: absolute;
width: 215px;
height: 60px;
top: 31px;
right: 20px;
overflow: hidden;
z-index: 2;
}
div.wishlist_controls > div.send_to_friend a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #242525;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_send_to_friend.png);
padding: 20px 20px 20px 50px;
}
div.wishlist_controls > div.send_to_friend a:hover {
background-color: #db3533;
}
div.wishlist_controls > div.wish_instructions {
float: left;
padding: 17px 0px 20px 20px;
color: #555555;
}
div.wishlist_controls > div.wish_instructions h2 {
color: #e53434;
font-size: 30px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.wishlist_controls > div.wish_instructions p {
line-height: 20px;
margin-bottom: 0px;
width: 350px;
}
div.main_wishlist_controls {
float: left;
clear: both;
width: 100%;
}
div.main_wishlist_controls > div {
float: right;
margin: 20px 20px 20px 0px;
}
div.main_wishlist_controls > div input[type="submit"] {
display: block;
padding: 20px 38px 20px 38px;
background-color: #fff;
text-decoration: none;
border: 0;
color: #e53434;
}
div.main_wishlist_controls > div input[type="submit"]:hover {
color: #fff;
background-color: #e53434;
}
div.main_wishlist_controls > div a.submit {
background: #e53434;
color: #fff;
}
div.main_wishlist_controls > div:first-child {
margin-right: 0;
}
/* OPC ajs */
#ajs_opc {
width: 75%;
float: left;
padding-right: 30px;
box-sizing: border-box;
}
#ajs_opc_right {
width: 25%;
float: right;
}
#ajs_opc {
font-size: 14px;
color: #fff;
}
#ajs_opc .button {
display: inline-block;
padding: 15px 45px;
text-align: center;
background: #d83831;
color: #fff;
font-size: 16px;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
#ajs_opc .form-list {
display: block;
padding: 0;
margin: 0;
}
#ajs_opc fieldset ul {
display: block;
margin: 0;
padding: 0;
}
#ajs_opc fieldset ul li {
display: block;
padding: 15px 0;
}
#ajs_opc label {
margin-bottom: 15px;
display: inline-block;
}
#ajs_opc input[type=email],
#ajs_opc input[type=password],
#ajs_opc input[type=text],
#ajs_opc select {
display: block;
box-sizing: border-box;
width: 100%;
padding:15px;
line-height: 20px;
background-color: #2f2f2f;
border: solid 1px #929292;
color: #fff;
}
#ajs_opc input[type=radio] {
margin-right: 10px;
}
#ajs_opc select option {
line-height: 20px;
padding: 10px;
}
#ajs_opc .form-list li {
display: block;
padding: 10px 0;
margin:0;
}
#ajs_opc .form-list li .field {
margin-bottom: 15px;
}
#ajs_opc .form-list li .field:last-child {
margin-bottom: 0;
}
#ajs_opc #checkoutSteps,
#ajs_opc_right #progress {
padding: 0;
margin: 0 0 45px 0;
display: block;
list-style: none;
}
#ajs_opc #checkoutSteps > li {
display: block;
clear: both;
float: left;
width: 100%;
padding: 45px 0;
border-bottom: 1px solid #212223;
}
#ajs_opc_right #progress dl > dd {
display: block;
padding: 0 0 20px 0;
color: #a4a3a3;
margin: 0;
}
#ajs_opc #checkoutSteps > li:first-child {
padding-top: 0;
}
#ajs_opc #checkoutSteps > li .step-title {
position: relative;
}
#ajs_opc #checkoutSteps > li.allow:not(.active) {
cursor: pointer;
}
#ajs_opc #checkoutSteps > li .step-title h2,
#ajs_opc_right dl > dt {
font-size: 24px;
color: #ffffff;
margin: 0;
}
#ajs_opc #checkoutSteps > li.active .step-title h2 {
margin-bottom: 30px;
}
#ajs_opc #checkoutSteps > li .step-title > a {
position: absolute;
top: 0;
right: 0;
color: #fff;
font-size: 14px;
text-decoration: underline;
display: none;
}
#ajs_opc #checkoutSteps > li.allow .step-title > a {
display: block;
}
#ajs_opc #checkoutSteps > li.active .step-title > a {
display: none;
}
#ajs_opc .row {
margin-left: -15px;
margin-right: -15px;
}
#ajs_opc .row > .col {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
#ajs_opc ul,
#ajs_opc ol {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
#ajs_opc textarea,
#ajs_opc input,
#ajs_opc select {
max-width: 100%;
box-sizing: border-box;
}
/* PRODUCT MODAL CONTAINER */
#formmodal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#formmodal-container {
position: absolute; height: 607px; width:590px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #000;
}
#formmodal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#formmodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#formmodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:22px; right:22px; cursor:pointer;}
div.lightbox_pad {
color: #fff;
margin: 20px 20px 20px 20px;
overflow: hidden;
}
div.lightbox_pad h1 {
font-weight: normal;
font-size: 30px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #313233;
}
div.copy_in_link {
position: relative;
clear: both;
float: left;
width: 100%;
height: 50px;
overflow: hidden;
margin: 0px 0px 20px 0px;
}
div.copy_in_link a {
display: block;
width: 100%;
padding: 15px 0px 15px 45px;
color: #fff;
background-color: #313233;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_plus_one.png);
background-repeat: no-repeat;
background-position: 16px 16px;
text-decoration: none;
}
div.copy_in_link a:hover {
background-color: #48494a;
}
input.cc_email {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_plus_one.png);
background-repeat: no-repeat;
background-position: 16px 16px;
text-indent: 30px;
white-space:nowrap;
}
div.brand_tiles {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.brand_tiles > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.brand_tiles > ul > li {
display: block;
float: left;
width: 267px;
height: 267px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
}
div.brand_tiles > ul > li.fourth {
margin-right: 0px;
}
div.brand_tiles > ul > li a {
display: block;
width: 100%;
height: 100%;
white-space: nowrap;
background-position: top;
text-decoration: none;
}
div.brand_tiles > ul > li a:hover {
background-position: bottom;
}
div.solution_categories {
float: left;
clear: both;
width: 100%;
background-color: #313233;
}
div.solution_categories > div {
min-height: 280px;
width: 24.9%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/solutions_line_bg.png);
background-position: right;
background-repeat: no-repeat;
}
div.solution_categories > div.solution_category_4 {
background-image: none;
}
div.solution_categories > div > p {
padding: 30px 20px 30px 20px;
margin: 0px 0px 0px 0px;
}
div.solution_categories > div img {
margin-bottom: 15px;
}
div.solution_categories > div strong {
font-size: 24px;
font-weight: normal;
display: inline-block;
padding-bottom: 10px;
}
#ajs_opc ul.checkboxes > li {
display: block;
position: relative;
padding-left: 23px;
margin-bottom: 10px;
}
#ajs_opc ul.checkboxes > li input {
position: absolute;
left: 0;
top: 3px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.brand_tiles > ul > li {
width: 24.9%;
float: left;
margin-right: 0px;
margin-bottom: 0px;
}
section#breadcrumbtrail ul {
float: left;
margin: 0px 0px 0px 0px;
}
section#cookie p {
padding: 20px 60px 20px 20px;
}
section#cookie a#cookie_close {
right: 20px;
}
section.section {
width: 100%;
}
/*
header a#logo {
left: 15px;
}
header ul#cart {
right: 20px;
}
header ul#header_contacts {
right: 290px;
}
header div#search {
right: 20px;
}
header ul#contacts {
right: 20px;
}
nav#primary > ul {
width: auto;
}*/
nav#primary > ul > li > a {
padding: 20px 20px 22px 20px;
}
div#main_banners {
margin-bottom: 30px;
}
section.section.news_container {
width: 100%;
overflow:hidden;
}
div#news_panels {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.carousel_banner {
margin: 0px 0px 0px 0px;
}
section.section.sub_categories_container {
width: 100%;
overflow:hidden;
}
div#sub_category_panels, div#sub_category_panels_all {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.sub_category_banner {
margin: 0px 0px 0px 0px;
}
div.box.wide {
width: 50%;
}
div.box.standard {
width: 25%;
margin: 0px 0px 0px 0px;
}
html.lt-ie8 div.box.standard {
width: 24.9%;
}
a.fader div img {
padding-top: 10px;
}
div.feature div.feature_text {
width: 50%;
line-height: 16px;
}
div.feature div.feature_text p.quote img {
width: 27px;
}
section.section.features_container section.l {
width: 50%;
margin-right: 0px;
}
section.section.features_container section.r {
width: 50%;
}
html.lt-ie8 section.section.features_container section.l, html.lt-ie8 section.section.features_container section.r {
width: 49.8%
}
section.sub_footer div.l p {
padding-left: 20px;
}
section.sub_footer div.r p {
padding-right: 20px;
}
section.footer img.footer_logo {
right: 20px;
}
section.footer h6 {
margin-left: 20px;
}
section.footer ul.l {
margin-left: 20px;
}
section.pre_footer h5 {
font-size: 20px;
}
section.pre_footer div.l p {
margin-left: 20px;
}
section.pre_footer div.l h5 {
margin-left: 20px;
}
section.pre_footer div.l {
float: left;
width: 50%;
margin-right: 0px;
}
section.pre_footer div.m, section.pre_footer div.r {
float: left;
width: 25%;
}
html.lt-ie8 section.pre_footer div.l {
width: 49.8%
}
h2.standalone {
text-indent: 20px;
}
#product_list_controls p {
left: 20px;
}
#product_list_controls ul.swatches {
margin: 0px 0px 0px 170px;
}
#grid_wrap {
width: 100%;
clear: both;
}
#grid_container {
width: 100%;
margin-left: 0px;
}
#grid .mix {
width: 25%;
margin: 0px 0px 30px 0px;
}
html.lt-ie8 #grid .mix {
width: 24.9%;
}
#grid .mix p {
padding: 20px 10px 20px 20px;
}
#product_list_controls div#range_sharing {
right: 20px;
}
div.main_cols > div.l {
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
div.main_cols > div.r {
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
div.main_cols > div.l h1, div.main_cols > div.r h5 {
padding-left: 20px;
}
div.main_cols > div.l div.sub_my_account h1 {
padding-left: 0px;
}
div.main_cols > div.l ul.search_list li {
width: 25%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 24.9%;
}
div.filter {
margin: 0px 0px 1px 0px;
}
div.filter h6 {
font-size: 18px;
margin: 10px 20px 10px 20px;
}
div.filter ul li {
margin: 0px 0px 0px 20px;
}
section.single_product_cols > div.l {
width: 600px;
clear: both;
float: none;
max-width: 100%;
margin: 0px auto 30px auto;
}
section.single_product_cols > div.r {
width: 600px;
float: none;
clear:both;
margin: 0 auto;
max-width: 100%;
}
section.single_product_cols > div.r div.actions {
margin: 0px 0px 10px 0px;
}
section.single_product_cols > div.r div.actions > div.l {
width: 100%;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
}
section.single_product_cols > div.r div.actions > div.r {
width: 100%;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
}
.desktop_only {
display: none;
}
.non_desktop_only {
display: block;
}
div.side_nav {
margin: 0px 0px 0px 0px;
}
div.side_nav ul {
width: auto;
float: left;
clear: both;
margin: 0px 20px 0px 20px;
border-right: none;
border-bottom: none;
background-color: #121315;
}
div.side_nav ul li {
float: left;
display: inline-block;
clear: none;
width: auto;
border: none;
border-left: 1px solid #414244;
border-bottom: 1px solid #414244;
}
div.side_nav ul li a {
font-size: 12px;
padding: 10px;
}
div.side_contacts ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
color: #fff;
font-size: 12px;
}
div.side_contacts ul li {
float: left;
margin-right: 20px;
}
div.cms_pad {
padding: 0px 20px 0px 20px;
}
div.form_cols > div.l {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.m {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.r {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.l > div, div.form_cols > div.m > div {
margin-right: 20px;
overflow:hidden;
}
ul.maps li {
margin: 0px 0px 30px 0px;
width: 100%;
float: left;
}
div.main_cols > div.r h5.second {
padding-top: 30px;
display: none;
}
div.news_row ul li {
width: 33.2%;
float: left;
margin: 0px 0px 30px 0px;
}
div.news_row ul li p {
padding: 10px 10px 10px 10px;
}
dl.faqs {
margin-top: 30px;
}
div.my_account_lander {
width: 100%;
margin-top: 30px;
}
div.my_account_lander > div.l {
width: 100%;
height: 294px;
position: relative;
margin: 0px 0px 30px 0px;
}
div.my_account_lander > div.r {
width: 100%;
height: auto;
}
#myaccount_banners span.img {
position: absolute;
top: 0px;
left: -460px;
}
#myaccount_banners span.box {
height: 294px;
border-top:none;
border-left: 460px solid transparent;
}
div#skinny_banners_wrap {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 970px) {
div.brand_tiles > ul > li {
width: 33.29%;
}
}
@media only screen and (min-width: 0px) and (max-width: 950px) {
/*
header ul#contacts > li#contacts_twitter {
display: none;
}
header ul#contacts > li#contacts_facebook {
display: none;
}
header ul#contacts > li#contacts_linkedin {
display: none;
}
header ul#contacts > li#contacts_youtube {
display: none;
}
header ul#contacts > li#contacts_pinterest {
display: none;
}*/
nav#primary > ul {
padding-left: 6px;
}
nav#primary > ul > li > a {
padding: 20px 14px 22px 14px;
}
#product_grid_controls ul {
margin-left: 20px;
border-left: 1px solid #313233;
}
#product_grid_controls ul li {
font-size: 12px;
color: #fff;
padding: 10px;
}
#product_grid_controls ul li em {
display: inline-block;
clear: both;
}
div.wishlist_controls {
background-image: none;
height: auto;
}
div.wishlist_controls > div.create_pdf {
position: relative;
width: 100%;
height: 60px;
top: auto;
right: auto;
overflow: hidden;
clear: both;
float: left;
}
div.wishlist_controls > div.send_to_friend {
position: relative;
width: 100%;
height: 60px;
top: auto;
right: auto;
overflow: hidden;
z-index: 2;
clear: both;
float: left;
}
div.wishlist_controls > div.wish_instructions {
float: left;
padding: 20px 0px 20px 0px;
color: #fff;
}
div.wishlist_controls > div.wish_instructions h2 {
font-size: 24px;
}
div.wishlist_controls > div.wish_instructions p {
line-height: 20px;
margin-bottom: 0px;
width: 100%;
}
div.main_wishlist_controls {
float: left;
clear: both;
width: 100%;
}
div.main_wishlist_controls > div {
float: right;
margin: 0px 0px 0px 0px;
width: 100%;
}
div.main_wishlist_controls > div a {
display: block;
padding: 20px 38px 20px 38px;
background-color: #fff;
text-align: center;
text-decoration: none;
}
div.main_wishlist_controls > div a:hover {
color: #fff;
background-color: #e53434;
}
div.main_wishlist_controls > div input[type="submit"] {
width: 100%;
clear: both;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
/* header ul#cart li span {
display: none;
}*/
/*
header ul#cart li#my_wishlist a,
header ul#cart li#my_moodboard a,
header ul#cart li#my_personalisedProducts a {
height: 18px;
}*/
}
@media only screen and (min-width: 0px) and (max-width: 860px) {
div.jsmasonry {
width: 100%;
}
div.solution_categories > div {
width: 49.9%;
}
div.solution_categories > div.solution_category_2 {
background-image: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
/* header ul#contacts > li#contacts_telephone {
display: none;
}*/
nav#primary > ul > li#primary_menu_new_products {
display: none;
}
nav#primary > ul > li#primary_menu_about {
display: none;
}
div.box.wide {
width: 100%;
clear: both;
margin: 0px 0px 30px 0px;
}
div.box.standard {
width: 50%;
margin: 0px 0px 0px 0px;
}
html.lt-ie8 div.box.standard {
width: 49.9%;
}
div.feature div.feature_text {
width: 50%;
line-height: 16px;
}
div.feature div.feature_text p.quote img {
width: 27px;
}
section.section.features_container section.l {
width: 100%;
clear: both;
margin-right: 0px;
}
section.section.features_container section.r {
width: 100%;
clear: both;
}
html.lt-ie8 section.section.features_container section.r {
width: 100%;
}
section.footer img.footer_logo {
display: none;
}
section.pre_footer div.l {
width: 100%;
}
html.lt-ie8 section.pre_footer div.l {
width: 100%;
}
section.pre_footer div.m, section.pre_footer div.r {
width: 50%;
}
html.lt-ie8 section.pre_footer div.m, html.lt-ie8 section.pre_footer div.r {
width: 49.9%;
}
section.pre_footer div.m p, section.pre_footer div.m h5 {
margin-left: 20px;
}
section.section.features_container section.l {
display: none;
}
#product_list_controls div#range_sharing {
display: none;
}
div.news_sub_footer div.l {
width: 100%;
text-align: center;
}
div.news_sub_footer div.r {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
#grid .mix {
width: 33.33%;
}
html.lt-ie8 #grid .mix {
width: 33.2%;
}
div.main_cols > div.l ul.search_list li {
width: 33.33%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 33.2%;
}
div.form_cols > div.l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.m {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.r {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.l > div, div.form_cols.full_width > div.l > div {
margin-right: 10px;
overflow:hidden;
}
div.form_cols > div.m > div, div.form_cols.full_width > div.m > div {
margin-left: 10px;
margin-right: 0px;
overflow:hidden;
}
div.form_cols.full_width > div.l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.m {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.r {
width: 100%;
margin: 0px 0px 0px 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
div.my_account_lander > div.l {
height: auto;
}
#myaccount_banners span.img {
position: relative;
top: auto;
left: auto;
clear: both;
width: 100%;
}
#myaccount_banners span.img img {
width: 100%;
}
#myaccount_banners span.box {
height: auto;
border-top:none;
border-left: none;
padding-bottom: 20px;
}
div.brand_tiles > ul > li {
width: 49.9%;
}
}
@media only screen and (min-width: 0px) and (max-width: 710px) {
section.section.breadcrumbtrail {
display: none;
}
div.main_cols {
padding-top: 30px;
}
div.main_cols.faqs {
padding-top: 0px;
}
div.category_banner {
height: auto;
}
div.category_banner > div.l {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: auto;
clear: both;
float: left;
}
div.category_banner > div.r {
float: left;
width: 100%;
height: 247px;
clear: both;
margin: 0px 0px 0px 0px;
}
div#standardscrollbar div.scrollbar {
display: none;
}
div#standardscrollbar .overview {
position: relative;
clear: both;
padding: 40px 20px 20px 20px;
}
div#standardscrollbar .viewport {
width: 100%;
height: auto;
overflow: visible;
}
div.category_banner > div.r p.round {
display: block;
position: absolute; /* WAS RELATIVE - CATEGORY CAOURSEL MOD */
z-index:1000; /* PLUS THIS LINE - CATEGORY CAOURSEL MOD */
top: 0px;
padding-top:35px;
right: 0px;
width: 100%;
text-align: center;
}
h2.standalone {
font-size: 22px;
padding-top: 7px;
padding-bottom: 40px;
}
#product_list_controls p {
left: auto;
top: auto;
position: relative;
text-align: center;
margin: 0px 0px 10px 0px;
}
#product_list_controls ul.swatches {
margin: 0px 0px 0px 0px;
display: block;
width: 100%;
text-align: center;
clear: both;
float: left;
}
#product_list_controls ul.swatches li {
display: inline-block;
float: none;
margin: 0px 5px 0px 5px;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
#product_list_controls {
height: auto;
}
#product_grid_controls ul {
margin-left: 0px;
border-left: none;
clear: both;
width: 100%;
border-bottom: 1px solid #313233;
}
#product_grid_controls ul li {
font-size: 12px;
color: #fff;
padding: 10px 0px 10px 0px;
text-align: center;
float: left;
width: 50%;
border:none;
border-top: 1px solid #313233;
}
html.lt-ie8 #product_grid_controls ul li {
width: 49.9%
}
#product_grid_controls ul li.active {
border-bottom: none;
}
#product_grid_controls ul li em {
display: inline-block;
clear: both;
}
section.single_product_cols > div.r {
width: 100%;
}
section.single_product_cols > div.r > div {
padding: 0px 20px 0px 20px;
}
div.news_row ul li {
width: 49.9%;
}
}
@media only screen and (min-width: 681px) and (max-width: 767px) {
/* header div#search,
header div#search_wrap {
width: 230px;
}
header div#search div.l {
width: 200px;
}
header ul#header_contacts {
right: 250px;
}*/
}
@media only screen and (min-width: 0px) and (max-width: 685px) {
/* header ul#cart {
right: calc(50% - 163px);
}*/
}
@media only screen and (min-width: 0px) and (max-width: 680px) {
div.buffer_top {
display: none;
}
div.buffer_bottom {
display: none;
}
#simplemodal-container {
width: 100%;
min-width:320px;
}
#simplemodal-container a.modalCloseImg {
top: 20px;
right: 20px;
}
#simplemodal-container .simplemodal-data {
padding: 17px 70px 35px 20px;
margin: 0px 0px 0px 0px;
}
/*
header {
height: auto;
}
header a#logo {
position: relative;
clear: both;
float: left;
width: 100%;
background-position: center;
background-repeat: no-repeat;
top: auto;
left: auto;
margin: 30px 0px 20px 0px;
}
header div#search {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
clear: both;
margin-bottom: 20px;
}
header ul#header_contacts {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
clear: both;
margin-bottom: 20px;
display: block;
text-align: center;
}
header ul#header_contacts li {
display: inline-block;
float: none;
}
header ul#contacts {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
clear: both;
text-align: center;
margin-bottom: 20px;
}
header ul#contacts > li {
display: inline-block;
float: none;
}
header ul#contacts > li#contacts_country > a {
border-left: none;
}
header ul#contacts > li#contacts_home {
display: none;
}*/
section.section.top_header {
min-height: auto;
}
nav#primary {
display: none;
}
section#mobile_trigger {
display: block;
}
div.main_banner > div.r {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 450px;
background-color: transparent;
text-align: right;
}
div.main_banner > div.r > p {
display: none;
}
div.main_banner > div.r > p.round {
display: block;
margin: 0px 0px 0px 0px;
padding: 125px 0px 0px 0px;
font-size: 14px;
line-height: 20px;
text-align: center;
}
div.latest_tweets div.m {
border-right: 20px solid transparent;
}
div.latest_tweets div.r {
display: none;
}
section.sub_footer div.l {
width: 100%;
text-align: center;
}
section.sub_footer div.l p {
padding-bottom: 0px;
padding-left: 0px;
}
section.sub_footer div.r {
width: 100%;
text-align: center;
}
section.sub_footer div.r p {
padding-top: 10px;
padding-right: 0px;
}
section.footer ul {
margin-left: 20px;
font-size: 12px;
width: 150px;
}
div#product_topper span {
position: absolute;
top: 23px;
right: 0px;
width: 100%;
height: 135px;
text-align: center;
}
div#product_topper span img {
height: 100%;
width: auto;
}
div.more_from {
position: relative;
top: auto;
left: auto;
width: 100%;
height: 60px;
overflow:hidden;
}
div.more_from a {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 585px) {
div.jsmasonry div.item.w2 {
width: 270px;
}
div.jsmasonry div.item.w2 img {
width: 100%;
}
div.central_form {
width: 100%;
}
/* header ul#cart li#my_personalisedProducts a {
padding-left: 24px;
}
header ul#cart li#my_personalisedProducts {
margin-left: 0;
}
header ul#cart {
right: calc(50% - 155px);
}
*/
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
section.pre_footer div.m, section.pre_footer div.r {
display: none;
}
div.box.standard {
display: none;
}
#grid .mix {
width: 50%;
}
html.lt-ie8 #grid .mix {
width: 49.9%
}
#grid .mix p {
font-size: 14px;
}
div.main_cols > div.l ul.search_list li {
width: 50%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 49.9%;
}
div.pagination ul li a {
width: 38px;
height: 38px;
}
div.pagination ul li a b {
padding-top: 8px;
}
div.single_form_column > input.noicon, div.single_form_column div.actually_split input.noicon {
padding: 10px 0px 10px 10px;
margin-bottom: 10px;
}
div.actually_split > div.l > div {
margin-right: 5px;
}
div.actually_split > div.r > div {
margin-left: 5px;
}
div.main_cols > div.l div.sub_my_account h1 {
padding-left: 0px;
text-align: left;
font-size: 18px;
}
table.wishlist td.img, table.wishlist th.img {
display: none;
}
div.brand_tiles > ul > li {
width: 100%;
}
div.solution_categories > div {
width: 100%;
}
div.solution_categories > div {
background-image: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
/* header ul#contacts > li span {
display: none;
}
header ul#contacts > li > a {
padding-left: 3px;
padding-right: 3px;
border: none;
}*/
p.quote {
display: none;
}
section.pre_footer div.l form a {
width: 75px;
}
section.single_product_cols > div.l div.product_gallery {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery a {
width: 100%;
height: auto;
}
section.single_product_cols > div.l div.product_gallery a img {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery span {
top: 20px;
}
section.single_product_cols > div.l div.product_gallery ul {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery ul li {
width: 25%;
}
html.lt-ie8 section.single_product_cols > div.l div.product_gallery ul li {
width: 24.9%;
}
section.single_product_cols > div.l div.product_gallery ul li img {
width: 100%;
}
div.form_cols > div input, div.form_cols > div textarea {
font-size: 11px;
padding: 10px 0px 10px 10px;
}
div.news_row ul li {
width: 100%;
}
div.news_row ul li p {
height: auto;
padding: 0px 0px 0px 0px;
}
table.myaccount th h2 span {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 350px) {
/* header ul#contacts > li#contacts_country > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_down_arrow.png);
background-position: right;
padding-right: 20px;
}*/
div.feature div.feature_text {
font-size: 12px;
}
section.footer h6 {
margin-left: 0px;
text-align: center;
}
section.footer ul.l {
margin-left: 0px;
}
section.footer ul {
margin-left: 0px;
font-size: 12px;
width: 100%;
clear: both;
}
section.footer ul li {
text-align: center;
width: 50%;
float: left;
}
#grid .mix {
width: 100%;
}
html.lt-ie8 #grid .mix {
width: 100%;
}
div.main_cols > div.l ul.search_list li {
width: 100%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 100%;
}
}
/* TWEAKS FOR SHOW ALL RESPONSIVENESS ON NON-CAROUSELS */
@media only screen and (min-width: 0px) and (max-width: 979px) {
div#sub_category_panels_all.all > div {
width:33.3333%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 33.2%
}
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
div#sub_category_panels_all.all > div {
width:50%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 49.9%
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
div#sub_category_panels_all.all > div {
width:100%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 100%;
}
}
/* LITERATURE PAGE */
div.lit {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit > ul > li {
display: block;
position: relative;
float: left;
width: 267px;
height: 420px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-color: #313233;
}
div.lit > ul > li.is_fourth {
margin-right: 0px;
}
div.lit > ul > li span.lit_trigger {
position: absolute;
display: block;
bottom: 0px;
height: 60px;
overflow:hidden;
width: 100%;
}
div.lit > ul > li span.lit_trigger a {
display: block;
color: #fff;
text-decoration: none;
padding: 20px 0px 20px 20px;
background-repeat: no-repeat;
background-position: 240px 27px;
background-image: none;
}
div.lit > ul > li span.lit_trigger a:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_down.png);
}
div.lit > ul > li span.lit_trigger a.active:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_up.png);
}
div.lit > ul > li span.lit_list {
position: absolute;
display: block;
bottom: 60px;
overflow:hidden;
width: 100%;
background-color: #313233;
border-bottom: 1px solid #434445;
display: none;
}
div.lit > ul > li span.lit_list ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 12px;
}
div.lit > ul > li span.lit_list ul li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.lit > ul > li span.lit_list ul li a {
display: block;
color: #b2b2b2;
padding: 2px 0px 2px 20px;
text-decoration: none;
}
div.lit > ul > li span.lit_list ul li a:hover {
background-color: #393a3b;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit {
width:861px;
float: none;
margin: 0 auto;
}
div.lit > ul > li.is_fourth {
margin-right: 30px;
}
div.lit > ul > li.is_third {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit {
width:564px;
float: none;
margin: 0 auto;
}
div.lit > ul > li.is_third {
margin-right: 30px;
}
div.lit > ul > li.is_fourth {
margin-right: 30px;
}
div.lit > ul > li.is_second {
margin-right: 0px;
}
.checkout-totals {
max-width: 100%;
}
.checkout-footer {
width: 100%;
text-align: center;
}
table.cart-table td.img img {
width: 50px;
height: auto;
}
table.cart-table thead {
display: none;
}
.hidden-mobile {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {
div.lit {
width:267px;
float: none;
margin: 0 auto;
}
div.lit > ul > li {
margin-right: 0px;
}
div.lit > ul > li.is_third {
margin-right: 0px;
}
div.lit > ul > li.is_fourth {
margin-right: 0px;
}
div.lit > ul > li.is_second {
margin-right: 0px;
}
table.cart-table,
table.cart-table td.name h3,
table.cart-table td.name h3 a,
.cart-table .price {
font-size: 12px;
}
}
/* START OR STEELITES MEGA MENU */
#primary > ul:after, .steelite-menu-container ul:after {
content: '';
display: table;
clear: both;
}
#primary > ul li, #primary > ul a {
float: left;
display: block;
text-decoration: none;
}
#primary > ul .steelite-active a {
background: #000;
color: #FFF;
font-weight: normal;
}
.steelite-menu-container h2 {
color: #FFF;
font-weight: bold;
padding: 10px 0 5px 9px;
font-size: 15px;
}
.steelite-menu-container {
border-top: 2px solid #000;
position: absolute;
z-index: 1150;
width: 1160px;
margin: 0 auto;
background: #000;
height: 478px;
display: none;
overflow-y: hidden;
}
.steelite-menu-container > img{
position: absolute;
top: 0;
right: 0;
z-index: 100;
}
.steelite-menu-container > ul, .steelite-menu-container .sub-menu{
display: none;
}
.steelite-menu-container ul, .steelite-menu-container li{
margin: 0; padding: 0;
list-style: none;
}
.steelite-menu-container li{
position: static;
margin: 0 0 0 9px; padding: 0;
text-indent: 0;
}
.steelite-menu-container > ul, .steelite-menu-container .sub-menu {
float: left;
width: 200px;
padding: 0;
height: 478px;
background: #37383a;
margin: 0;
list-style: none;
position: absolute;
border-right: 1px solid #121413;
z-index: 101;
}
.steelite-menu-container .sub-menu ul {
margin-bottom: 20px;
}
.steelite-menu-container .sub-menu {
position: absolute;
left: 100%;
top: 0;
border-left: 1px solid #121413;
}
.steelite-menu-container a {
color: #9a9a9a;
text-decoration: none;
padding: 3px 10px;
display: block;
}
.steelite-active > a {
background: #131313 url(https://www.steelite.com/skin/frontend/default/steelite/images/mega_menu_li_bg.png) no-repeat 98% 50%; color: #FFF;
}
#steelite-overlay {
background: rgba(0,0,0,0.4);
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
}
.steelite-menu-container .scrollable{ height: 478px; clear: both; margin: 0px 0 10px; }
.steelite-menu-container .viewport { width: 200px; height: 478px; overflow: hidden; position: relative; }
.steelite-menu-container .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%; }
.steelite-menu-container .thumb .end,.thumb { background-color: #db3634; }
.steelite-menu-container .scrollbar { position: relative; float: right; width: 9px; position: absolute; right: -9px;}
.steelite-menu-container .track { background-color: #131313; height: 100%; width:9px; position: relative; padding: 0; }
.steelite-menu-container .thumb { height: 20px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.steelite-menu-container .thumb .end { overflow: hidden; height: 5px; width: 9px; }
.steelite-menu-container .disable{ display: none; }
.steelite-menu-container .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* END OF STEELITES MEGA MENU */
@media only screen and (min-width: 0px) and (max-width: 1175px) {
.steelite-menu-container{
width: 100%;
}
}
#loading-image {
display: none;
position: fixed;
bottom: 3px;
right: 3px;
z-index: 100000;
}
#loading-image > div {
border-radius: 10px;
background-color: #000;
}
#loading-image > div img {
margin: 3px 3px 3px 3px;
}
ul.messages {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
display: none;
}
ul.messages li.error-msg {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
}
ul.messages li.error-msg ul li {
background-color: #db3533;
}
ul.messages li.success-msg ul li {
background-color: #79a0b3;
}
ul.messages li.error-msg ul, ul.messages li.success-msg ul {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
}
ul.messages li.error-msg ul li, ul.messages li.success-msg ul li {
padding: 8px 20px 8px 20px;
border-bottom: 1px solid #000;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
ul.messages {
border-top: 1px solid #000;
}
div.solution_categories > div {
min-height: 0px;
}
}
#video-modal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:660px;
height:415px;
display:inline;
z-index:3200;
position:absolute;
top:-10px;
right:-13px;
cursor:pointer;
}
#video-modal-container {
position: absolute; height: 415px; width:660px;color:#000; background-color:#fff;
background-color: #000;
text-align: center;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
#video-modal-container iframe {
margin-top: 50px;
}
#video-modal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#video-modal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#video-modal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:17px; right:17px; cursor:pointer;}
span.custom_select {
display: block;
width: 100%;
overflow: hidden;
background: url(https://www.steelite.com/skin/frontend/default/steelite/images/custom_select.png) no-repeat right #313233;
border: none;
color: #fff;
/* max-height: 47px; */
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
margin: 0px 0px 20px 0px;
}
span.custom_select select {
background: transparent;
width: 120%;
padding: 7px 15px 7px 12px;
font-size: 13px;
margin: 0px 0px 0px 0px;
line-height: 1;
border: 0px;
border: none;
border-radius: 0;
-webkit-appearance: none;
color: #fff;
}
span.custom_select select:focus {
background: #313233;
}
html.lt-ie8 span.custom_select select {
background-color: #313233;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
span.custom_select select {
padding: 9px 9px 9px 9px;
font-size: 11px;
}
}
/* LITERATURE TO FRIEND ADDITIONS */
div.form_cols > div.dr {
width: 562px;
margin: 0px 0px 0px 0px;
}
section.lit_to_friend_form {
color: #fff;
}
section.lit_to_friend_form h6 {
color: #fff;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
}
section.lit_to_friend_form h6 span {
color: #d93533;
}
section.lit_to_friend_form input.password {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_password_icon.png);
background-position: 12px 12px;
background-repeat: no-repeat;
padding-left: 45px;
}
div.lit_to_friend_selection p {
margin: 0px 0px 32px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.form_cols > div.dr {
width: 66.6%;
margin: 0px 0px 0px 0px;
}
div#lit_to_friend_info {
display: none;
}
section.lit_to_friend_form h6 {
margin: 0px 20px 30px 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
div.form_cols > div.l.s {
width: 100%;
margin-right: 0px;
}
div.form_cols > div.l.s > div {
margin-right: 0px;
}
div.form_cols > div.dr {
width: 100%;
margin: 0px 0px 0px 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
section.lit_to_friend_form input.password {
background-position: 12px 7px;
}
}
div.lit_to_friend {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit_to_friend > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit_to_friend > ul > li {
display: block;
position: relative;
float: left;
width: 267px;
height: 419px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-color: #313233;
background-position: bottom;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 0px;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger {
position: absolute;
display: block;
top: 0px;
height: 60px;
overflow:hidden;
width: 100%;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a {
display: block;
color: #fff;
text-decoration: none;
padding: 20px 0px 20px 20px;
background-repeat: no-repeat;
background-position: 240px 27px;
background-image: none;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_up.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a.active {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_down.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_list {
position: absolute;
display: block;
top: 59px;
overflow:hidden;
height: 361px;
width: 100%;
background-color: #191919;
display: none;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 12px;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a {
display: block;
color: #b2b2b2;
padding: 2px 0px 2px 38px;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_not_selected.png);
background-position: 18px 5px;
background-repeat:no-repeat;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a:hover {
background-color: #393a3b;
color: #fff;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a.selected {
color: #fff;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_selected.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li input {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit_to_friend {
width:861px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit_to_friend {
width:564px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_second {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {
div.lit_to_friend {
width:267px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_second {
margin-right: 0px;
}
}
/* LIT COMBINED */
div.lit_combined {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit_combined > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit_combined > ul > li {
display: block;
position: relative;
float: left;
width: 130px;
height: 255px;
padding: 0px 0px 0px 0px;
margin: 0px 17px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-position: bottom;
}
div.lit_combined > ul > li a {
color: #fff;
text-decoration: none;
cursor: pointer;
}
div.lit_combined > ul > li a:hover {
color: #dd322b;
}
div.lit_combined > ul > li a p {
margin: 0px 0px 0px 0px;
clear: both;
float: left;
line-height: 16px;
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
height: 32px;
}
div.lit_combined > ul > li input {
display: none;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li {
margin-right: 16px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_eighth {
margin-right: 16px;
}
div.lit_combined span.share {
display: block;
clear: both;
float: left;
width: 100%;
margin-top: 10px;
font-size: 12px;
}
div.lit_combined span.share a {
display: block;
float: left;
background-color: #191919;
padding: 7px 0px 9px 30px;
width: 100%;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_not_selected.png);
background-repeat: no-repeat;
background-position: 10px 10px;
text-decoration: none;
color: #fff;
}
div.lit_combined span.share a.selected {
background-color: #282828;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_selected.png);
}
div.lit_combined > ul > li a span.overlay {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 130px;
height: 175px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/combined_overlay.png);
}
div.lit_combined > ul > li > a:hover span.overlay {
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit_combined {
width:865px;
float: none;
margin: 0 auto;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
#ajs_opc {
width: 100%;
padding: 0 20px;
}
#ajs_opc_right {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit_combined {
width:591px;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 17px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_fourth {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
div.lit_combined {
width:277px;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_fourth {
margin-right: 17px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_second {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_second {
margin-right: 0px;
}
}
/* END OF LIT COMBINED */
a.fake_button {
display: inline-block;
color: #fff;
background-color: #dc342b;
text-decoration: none;
padding: 5px 15px 5px 15px;
}
a.fake_button:hover {
background-color: #4d4d4d;
}
/* FIFTY FIFTY FORM */
div.form_cols > div.fifty_l {
width: 414px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.fifty_r {
width: 414px;
margin: 0px 0px 0px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.form_cols > div.fifty_l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.fifty_r {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.fifty_l > div {
margin-right: 20px;
overflow:hidden;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
div.form_cols > div.fifty_l {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.fifty_r {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.fifty_l > div {
margin-right: 0px;
}
}
/* END FIFTY FIFTY FORM */
div.main_cols > div.l ul.search_list li > p.sub_links a {
display: inline-block;
}
/* CATEGORY CAOURSEL MOD */
div.cat_page_carousel {
float: right;
clear: both;
width: 760px;
height: 420px;
background-position: top right;
}
div.cat_page_carousel div {
height: 100%;
width: 100%;
background-position: top right;
}
@media only screen and (min-width: 0px) and (max-width: 680px) {
div.cat_page_carousel {
width: 100%;
}
div.cat_page_carousel div {
background-position: top center;
}
}
/* END CATEGORY CAOURSEL MOD */
/* 404 PAGE START */
#wrap404 {
background:#313233;
padding:45px;
}
#wrap404 img {
max-width: 100%;
height: auto;
margin:0 auto;
display: block;
}
.nb_grid_6 {
float:left;
width:50%;
min-width:240px;
}
.nb_grid_4 {
width:32.33333%;
float: left;
}
#right404 {
padding:40px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border-left:1px solid #9a9a9a;
}
#left404 {
padding:20px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#wrap404 ul {
display: block;
}
#wrap404 li {
width:32.333333%;
display: inline-block;
list-style: circle;
text-align: left;
}
#error_report {
text-align: center;
color: #fff;
}
#error_report span {
color: #9a9a9a;
}
#wrap404 a {
color: #fff;
}
.clearfix {
clear: both;
display: block !important;
}
@media (max-width:979px) {
.nb_grid_6 {
width: 100% !important;
border: none !important;
float: none !important;
}
#right404 {
border: none !important;
}
}
@media (max-width:640px) {
#wrap404 li {
width:100% !important;
}
}
@media (max-width:480px) {
#wrap404 li {
width:100% !important;
}
}
/* 404 PAGE END */
div#patch {
position: absolute;
top: 0px;
left: -1px;
background-color: #000;
width: 1px;
height: 100%;
}
/* WHY REGISTER */
p.form_intro {
text-align: center;
margin-top: -30px;
}
section.why_cols {
clear: both;
width: 100%;
float: left;
background-image:url(/skin/frontend/default/steelite/images/wishlist_bg.jpg);
background-position: top right;
background-repeat: no-repeat;
min-height: 1062px;
}
section.why_cols > aside {
width: 370px;
float: left;
padding-top: 30px;
}
div.why_panel {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
background-color: #313233;
}
div.why_panel h2 {
display: block;
position: relative;
clear: both;
float: left;
margin: 30px 30px 30px 80px;
padding: 0px 0px 0px 0px;
font-size: 22px;
line-height: 22px;
}
div.why_panel h2 > span {
display: block;
position: absolute;
top: -10px;
left: -50px;
background-color: #676150;
border-radius: 30px;
text-align: center;
}
div.why_panel h2 > span > b, div.why_panel h2 > span > strong {
display: block;
padding: 10px 15px 10px 15px;
font-weight: normal;
}
div.why_panel p {
clear: both;
margin: 0px 30px 30px 30px;
}
div.why_panel ul {
list-style: square;
margin: -20px 0px 30px 30px;
padding: 0px 0px 0px 20px;
color: #676150;
}
div.why_panel ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.why_panel ul li em {
color: #fff;
font-style: normal;
}
section.why_cols_controls {
clear: both;
float: left;
width: 100%;
background-color: #ffffff;
color: #e13a3c;
font-size: 30px;
position: relative;
}
section.why_cols_controls p {
padding: 50px 0px 50px 50px;
margin: 0px 0px 0px 0px;
}
section.why_cols_controls div.controls {
position: absolute;
top: 37px;
right: 35px;
}
section.why_cols_controls div.controls div {
font-size: 14px;
display: block;
float: left;
margin: 0px 0px 0px 30px;
}
section.why_cols_controls div.controls div a {
display: block;
padding: 15px 60px 15px 60px;
color: #fff;
background-color: #e13a3c;
text-decoration: none;
}
section.why_cols_controls div.controls div a:hover {
background-color: #313234;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 1050px) {
section.why_cols_controls p {
padding: 30px 30px 30px 30px;
line-height: 30px;
}
section.why_cols_controls div.controls {
position: relative;
top: auto;
right: auto;
margin-right: 30px;
}
section.why_cols_controls div.controls div {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
section.why_cols {
background-image: none;
min-height: 0px;
}
section.why_cols > aside {
width: 100%;
}
.controlPanel .top {
padding-top: 80px;
}
#controlWrap .selectProduct {
width: 100%;
}
.controlPanel .top > div,
.controlPanel .top .qty {
width: 50%;
margin: 0;
}
#controlWrap .selectProduct select {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
section.why_cols_controls div.controls {
margin: 0px 0px 0px 30px;
}
section.why_cols_controls div.controls div {
width: 100%;
text-align: center;
margin: 0px 0px 30px 0px;
}
section.why_cols_controls div.controls div a {
margin-right: 30px;
}
}
#grid .mix .megaTools {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #4a4c4c;
z-index: 1000;
/*transform: translateX(50%);*/
/*position: relative;*/
/*padding-bottom: 50px;*/
box-sizing: border-box;
}
#grid .mix.hover .megaTools {
/*display: block;*/
}
#grid .mix .megaTools p {
padding: 0;
}
#grid .mix .megaTools p em {
font-size: 13px;
color: #fff;
}
#grid .mix .megaTools article {
padding: 20px 50px 20px 20px;
}
#grid .mix.online_ordering {
padding-bottom: 30px;
}
#grid .mix > .prodFooter {
position: absolute;
bottom: 0;
width: 100%;
min-width: auto;
height: 30px;
}
#grid .mix .prodFooter .quickStockStatus {
position: absolute;
right: 0;
width: 50%;
text-align: right;
padding-right: 15px;
}
#grid .mix .prodFooter .quickStockStatus > div:after {
display: inline-block;
content: '\f111';
color: #2c9f4a;
font-family: FontAwesome;
font-size: 10px;
}
#grid .mix .prodFooter .quickStockStatus > div.lowStock:after {
color: #ffa500;
}
#grid .mix .prodFooter .quickStockStatus > div.outOfStock:after {
color: #db3533;
}
#grid .mix .prodFooter .price {
position: absolute;
left: 0;
width: 50%;
padding-left: 10px;
}
#grid .mix .prodFooter .price span {
color: #9a9a9a;
}
#grid .mix .megaTools .stockStatus {
padding: 3px 0;
position: relative;
margin: 0;
clear: both;
}
#grid .mix .megaTools .stockStatus * {
display: block;
position: relative;
padding: 0 0 0 15px;
}
#grid .mix .megaTools .stockStatus *:before {
content: '\f111';
font-family: FontAwesome;
color: #2c9f4a;
position: absolute;
left: 0;
font-size: 10px;
top: 2px;
}
#grid .mix .megaTools .stockStatus .lowStock:before {
color: #ffa500;
}
#grid .mix .megaTools .stockStatus .outOfStock:before {
color: #db3533;
}
#grid .mix .megaTools .select {
padding: 0 20px;
position: absolute;
bottom: 140px;
width: 100%;
}
#grid .mix .megaTools * {
box-sizing: border-box;
}
#grid .mix .megaTools .select select {
display: block;
border: 1px solid #929292;
padding: 10px;
margin: 0;
height: 50px;
background: transparent;
color: #fff;
box-sizing: border-box;
line-height: 30px;
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
#grid .mix .megaTools .select select option {
color: #000;
}
#grid .mix .megaTools .controls {
padding: 0px 0 70px 0;
position: absolute;
bottom: 0;
width: 100%;
}
#grid .mix .megaTools .qty {
width: 50%;
float: left;
padding: 0 10px 0 20px;
}
#grid .mix .megaTools .price {
width: 50%;
float: right;
clear: right;
padding: 0 20px 0 10px;
text-align: center;
}
#grid .mix .megaTools .qty > div {
display: block;
max-width: 100%;
background: transparent;
color: #fff;
border: 1px solid #929292;
height: 50px;
line-height: 50px;
box-sizing: border-box;
}
#grid .mix .megaTools .qty > div label {
display: inline-block;
padding: 0 10px;
height: 48px;
line-height: 48px;
margin-left: -2px;
box-sizing: border-box;
width: 50%;
text-align: right;
}
#grid .mix .megaTools .qty > div input {
display: inline-block;
line-height: 48px;
height: 48px;
margin-left: -2px;
box-sizing: border-box;
width: 50%;
background: transparent;
border: 0;
padding: 0;
color: #fff;
}
#grid .mix .megaTools .price {
display: block;
position: relative;
padding-top: 12px;
text-align: center;
font-size: 24px;
line-height: 38px;
}
#grid .mix .megaTools .price small {
position: absolute;
top: 0;
width: 100%;
line-height: 12px;
left: 0;
right: 0;
width: 100%;
font-size: 12px;
display: block;
padding: 0 20px 0 10px;
}
#grid .mix .megaTools .seeMore {
position: absolute;
bottom: 0;
width: 50%;
left: 0;
background: #fff;
color: #464646;
text-decoration: none;
text-align: center;
line-height: 20px;
padding: 15px 0;
font-size: 16px;
}
#grid .mix .megaTools .quickAdd {
position: absolute;
bottom: 0;
width: 50%;
right: 0;
background: #e23732;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 20px;
padding: 15px 0;
font-size: 16px;
}
#grid .mix .megaTools .controls a:hover {
background-color: #111;
color: #fff;
}
#grid .mix .megaTools .js_add_to_list.wishlist {
position: absolute;
display: block;
width: 30px;
height: 30px;
/*background: #f00;*/
top: 50px;
right: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_wishlist.png);
background-size: 16px 15px;
}
#grid .mix .megaTools .js_add_to_list.compare {
position: absolute;
display: block;
width: 30px;
height: 30px;
/*background: #0f0;*/
top: 20px;
right: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_compare.png);
background-size: 28px 18px;
}
#grid .mix.online_ordering div.compat {
/*display: none;*/
}
#grid .mix .megaTools div.compat {
position: absolute;
display: block;
width: 30px;
height: 30px;
/*background: #0f0;*/
top: 80px;
right: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/compat.png);
background-size: 30px;
}
#grid .mix .megaTools div.compat.undo {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/compat_undo.png);
}
#grid .mix .megaTools .dropdown {
width: calc(100% + 30px) !important;
right: 0px !important;
left: auto !important;
}
#grid .mix .megaTools #wishlist_selector {
display: block;
}
#custom-tooltip {
pointer-events: none;
}
.cart > form > #cartWrap {
max-width: 100%;
display: block;
overflow-x: auto;
}
.cart > form fieldset > table {
min-width: 680px;
}
#cartWrap {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
.scrollGuide {
display: none;
margin: 0 0 -50px auto;
right: 0;
content: '';
/*background: #f00;*/
width: 50px;
height: 50px;
clear: both;
animation-name: scrollGuideAnim;
animation-duration: 4s;
animation-iteration-count: 3;
background: url(https://www.steelite.com/skin/frontend/default/steelite/images/drag.png) no-repeat center;
}
@keyframes scrollGuideAnim {
0% {
transform: translateX(0px);
}
40% {
transform: translateX(-50px);
}
50% {
transform: translateX(0px);
}
100% {
transform: translateX(0px);
}
}
.ajs-btn {
display: block;
border: 0;
padding: 10px 30px;
text-align: center;
color: #fff;
background: #db3533;
margin: 30px 0;
font-size: 16px;
line-height: 30px;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
body.page-print {
background: #fff;
color: #000;
}
body.page-print .print-head {
float: right;
margin-bottom: 30px;
}
body.page-print h2 {
color: #000;
font-size: 26px;
}
body.page-print h3 {
font-size: 16px;
color: #000;
}
body.page-print > div {
padding: 30px;
}
body.page-print > div .col2-set:before,
body.page-print > div .col2-set:after {
display: block;
clear: both;
content: '';
}
body.page-print > div .col2-set {
margin-bottom: 30px;
clear: both;
}
body.page-print > div .col2-set > div {
width: 50%;
float: left;
}
#checkout-step-shipping_method dd {
margin-left: 0;
}
.fakeSelect {
display: block;
border: 1px solid #929292;
margin: 0;
height: 50px;
background: transparent;
color: #fff;
box-sizing: border-box;
line-height: 30px;
box-sizing: border-box;
max-width: 100%;
width: 100%;
padding: 0;
margin: 0;
position: relative;
}
.fakeSelect > div {
display: block;
padding: 0;
margin: 0;
list-style: none;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
position: absolute;
max-height: 50px;
z-index: 9999;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.fakeSelect > div:after {
display: block;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 50px;
color: #fff;
content: '\f078';
font-family: FontAwesome;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.fakeSelect.open > div:after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fakeSelect.open > div {
background: #333333;
border: 1px solid #929292;
top: -1px;
max-height: 158px;
bottom: auto;
overflow-y: hidden;
}
.fakeSelect.opened > div {
overflow-y: auto;
}
.fakeSelect span {
display: none;
padding: 10px;
width: 100%;
white-space: nowrap;
}
.fakeSelect span:first-child {
padding-right: 40px;
}
.fakeSelect.open span {
display: block;
border: 1px solid transparent;
}
.fakeSelect.open span.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.fakeSelect.open span.selected:not(.disabled) {
background: #fff;
color: #000;
}
.fakeSelect.open span:not(.disabled):hover {
background: #e23732;
color: #fff;
}
.fakeSelect.open span.selected:not(.disabled):hover {
background: #e23732;
color: #fff;
border: 1px dotted #fff;
}
.fakeSelect span.selected {
display: block;
}
@media screen and (max-width: 1200px) {
.main_cols .cart {
padding: 0 15px;
}
}
@media screen and (max-width: 980px) {
#grid .mix .megaTools .stockStatus {
/*display: none;*/
}
#grid .mix .prodFooter .price {
display: none;
}
#grid .mix .prodFooter .quickStockStatus {
width: 100%;
}
#checkout-step-review h3 {
font-size: 20px;
}
}
@media screen and (max-width: 680px) {
#grid .mix .megaTools .stockStatus {
/*display: none;*/
}
#grid .mix .megaTools .seeMore {
width: calc(100% - 50px);
}
#grid .mix .megaTools .quickAdd {
width: 50px;
height: 50px;
text-indent: 50px;
padding-left: 50px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/shop_w.png);
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
}
.scrollGuide {
display: block;
}
#checkout-step-review h3 {
font-size: 16px;
}
}
@media screen and (max-width: 580px) {
#grid .mix .megaTools {
display: none !importantr;
}
.checkout-footer .button.btn-quick-order,
.checkout-footer .button.btn-update,
.checkout-footer .button.btn-continue {
width: 100%;
margin: 5px 0;
}
#grid .mix .megaTools .controls {
padding-bottom: 60px;
}
#grid .mix .megaTools .select {
bottom: 100px;
padding: 0 10px;
}
#grid .mix .megaTools .select .fakeSelect > div:after {
height: 30px;
line-height: 30px;
}
#grid .mix .megaTools .select .fakeSelect {
height: 30px;
}
#grid .mix .megaTools .select .fakeSelect > div {
max-height: 30px;
}
#grid .mix .megaTools .select .fakeSelect.open > div {
max-height: 120px;
}
#grid .mix .megaTools .select .fakeSelect > div > span {
padding: 0 15px;
}
#grid .mix .megaTools .qty {
padding: 0 5px 0 10px;
}
#grid .mix .megaTools .qty > div {
height: 30px;
line-height: 30px;
}
#grid .mix .megaTools .qty > div * {
height: 28px !important;
line-height: 28px !important;
}
#grid .mix .megaTools .price {
line-height: 18px;
font-size: 16px;
padding: 12px 10px 0 5px;
}
#grid .mix .megaTools article {
padding: 20px 50px 20px 10px;
}
}
/* REP SEARCH */
#rep_form {
overflow: hidden;
padding-bottom: 60px;
}
#rep_form .rep_text {
max-width: 80%;
padding-bottom: 30px;
}
#rep_form .error_message p {
color: #d53533;
}
#rep_form .form_cols div.l {
width: 50%;
padding-right: 15px;
margin-right: 0;
box-sizing:border-box;
}
#rep_form div.form_cols div.l input {
padding-right: 15px;
box-sizing: border-box;
}
#rep_form span.custom_select {
border: 0;
}
#rep_form button {
display: block;
clear: both;
width: 100%;
text-align: center;
padding: 15px 0;
color: #fff;
text-decoration: none;
background-color: #db3533;
font-size: 14px;
border-top: 1px solid #414244;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
#rep_form button:hover {
background-color: #313233;
}
#rep_form span.custom_select select {
width: 100%;
padding: 15px;
}
.reps_row {
clear: both;
}
.reps_row h5 {
border-top: 1px solid #313233;
padding-top: 30px;
}
.reps_row ul {
list-style: none;
padding-left: 0;
}
.reps_row ul li {
box-sizing:border-box;
display: block;
float: left;
margin-bottom: 30px;
overflow: hidden;
width: 50%;
}
.reps_row ul li:nth-child(odd) {
padding-right: 15px;
}
.reps_row ul li:nth-child(even) {
padding-left: 15px;
}
.reps_row ul li div {
box-sizing: border-box;
}
.reps_row ul li div.inner {
padding: 30px 30px 10px;
background: #313233;
overflow: hidden;
}
.reps_row ul li div.l {
float: left;
width: 30%;
padding-right: 15px;
}
.reps_row ul li div.l img {
max-width: 100%;
border-radius: 100px;
}
.reps_row ul li div.r {
float: left;
width: 70%;
padding-left: 15px;
}
.reps_row ul li div.r p {
white-space: nowrap;
}
.reps_row ul li h6 {
margin-bottom: 0;
margin-top: 0;
font-size: 20px;
font-weight: normal;
}
.reps_row ul li p.larger {
font-size: 15px;
}
.reps_row ul li p.larger.no_margin {
margin: 0;
}
.reps_row ul li .fa {
width: 20px;
}
.reps_row ul li a {
color: #fff;
text-decoration: none;
}
.reps_row ul li a.enquire_btn {
display: block;
clear: both;
width: 100%;
text-align: center;
padding: 15px 0;
color: #fff;
text-decoration: none;
background-color: #db3533;
font-size: 14px;
border-top: 1px solid #414244;
}
.reps_row ul li a.enquire_btn:hover {
background-color: #313233;
}
#header_rep_search {
background: #f1f1f3;
padding: 30px 0;
position: relative;
overflow: hidden;
}
#header_rep_search #close_rep_search {
color: #a2a2a4;
position: absolute;
right: 10px;
top: 10px;
text-decoration: none;
}
#header_rep_search form {
text-align: center;
overflow: hidden;
}
#header_rep_search #close_rep_search:hover {
color: #db3533;
}
#header_rep_search input,
#header_rep_search label {
box-sizing: border-box;
}
#header_rep_search label {
line-height: 48px;
}
#header_rep_search input[type="text"] {
background-color: #f1f1f3;
color: #000;
border: 1px solid #a2a2a4;
padding: 15px;
width: 400px;
margin: 0 30px;
max-width: 50%;
}
#header_rep_search input[type="submit"] {
text-align: center;
padding: 15px 30px;
color: #fff;
text-decoration: none;
background-color: #db3533;
font-size: 14px;
line-height: 18px;
border: 0;
font-family: 'Century Gothic', 'Muli', sans-serif;
}
#header_rep_search input[type="submit"]:hover {
background-color: #313233;
}
@media (max-width: 991px) {
#header_rep_search {
padding: 45px 0;
}
}
@media (max-width: 767px) {
#header_rep_search input[type="text"] {
margin: 0 15px;
}
#rep_form .rep_text {
max-width: 100%;
}
#rep_form .form_cols div.l {
padding-right: 0;
width: 100%;
}
.reps_row ul li {
width: 100%;
}
.reps_row ul li:nth-child(even),
.reps_row ul li:nth-child(odd) {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 650px) {
#header_rep_search form {
padding: 0 15px;
}
#header_rep_search input[type="text"],
#header_rep_search input[type="submit"],
#header_rep_search label {
width: 100%;
max-width: 100%;
text-align: center;
margin: 0 0 15px;
}
#header_rep_search input[type="submit"] {
margin-bottom: 0;
}
}
/* MULTI QUICK ORDER */
.addMultipleLightbox #multiple_sku {
box-sizing: border-box;
height: 180px;
padding: 20px;
}
#cartWrap .error {
color: #e53434;
padding-bottom: 15px;
}
.sales-order-history .buttons-set {
display: none;
}
.order-details {
clear: both;
}
/* COMPARISON */
.sync_heights_group_star_rating {
display:none !important;
}
div.compare_tab ul.spec > li:nth-child(2) {
border-top: 1px solid #313233;
}
html.c-us .sync_heights_group_star_rating,
html.c-um .sync_heights_group_star_rating,
html.c-ca .sync_heights_group_star_rating,
html.c-pm .sync_heights_group_star_rating,
html.c-ar .sync_heights_group_star_rating,
html.c-bz .sync_heights_group_star_rating,
html.c-bo .sync_heights_group_star_rating,
html.c-br .sync_heights_group_star_rating,
html.c-cl .sync_heights_group_star_rating,
html.c-co .sync_heights_group_star_rating,
html.c-cr .sync_heights_group_star_rating,
html.c-ec .sync_heights_group_star_rating,
html.c-sv .sync_heights_group_star_rating,
html.c-gf .sync_heights_group_star_rating,
html.c-gt .sync_heights_group_star_rating,
html.c-gy .sync_heights_group_star_rating,
html.c-hn .sync_heights_group_star_rating,
html.c-mx .sync_heights_group_star_rating,
html.c-ni .sync_heights_group_star_rating,
html.c-pa .sync_heights_group_star_rating,
html.c-py .sync_heights_group_star_rating,
html.c-pe .sync_heights_group_star_rating,
html.c-sr .sync_heights_group_star_rating,
html.c-uy .sync_heights_group_star_rating,
html.c-ve .sync_heights_group_star_rating {
display:block !important;
}
html.c-us div.compare_tab ul.spec > li:nth-child(2),
html.c-um div.compare_tab ul.spec > li:nth-child(2),
html.c-ca div.compare_tab ul.spec > li:nth-child(2),
html.c-pm div.compare_tab ul.spec > li:nth-child(2),
html.c-ar div.compare_tab ul.spec > li:nth-child(2),
html.c-bz div.compare_tab ul.spec > li:nth-child(2),
html.c-bo div.compare_tab ul.spec > li:nth-child(2),
html.c-br div.compare_tab ul.spec > li:nth-child(2),
html.c-cl div.compare_tab ul.spec > li:nth-child(2),
html.c-co div.compare_tab ul.spec > li:nth-child(2),
html.c-cr div.compare_tab ul.spec > li:nth-child(2),
html.c-ec div.compare_tab ul.spec > li:nth-child(2),
html.c-sv div.compare_tab ul.spec > li:nth-child(2),
html.c-gf div.compare_tab ul.spec > li:nth-child(2),
html.c-gt div.compare_tab ul.spec > li:nth-child(2),
html.c-gy div.compare_tab ul.spec > li:nth-child(2),
html.c-hn div.compare_tab ul.spec > li:nth-child(2),
html.c-mx div.compare_tab ul.spec > li:nth-child(2),
html.c-ni div.compare_tab ul.spec > li:nth-child(2),
html.c-pa div.compare_tab ul.spec > li:nth-child(2),
html.c-py div.compare_tab ul.spec > li:nth-child(2),
html.c-pe div.compare_tab ul.spec > li:nth-child(2),
html.c-sr div.compare_tab ul.spec > li:nth-child(2),
html.c-uy div.compare_tab ul.spec > li:nth-child(2),
html.c-ve div.compare_tab ul.spec > li:nth-child(2) {
border-top:0px;
}
.hide_star_rating {
display:none;
}
html.c-us .hide_star_rating,
html.c-um .hide_star_rating,
html.c-ca .hide_star_rating,
html.c-pm .hide_star_rating,
html.c-ar .hide_star_rating,
html.c-bz .hide_star_rating,
html.c-bo .hide_star_rating,
html.c-br .hide_star_rating,
html.c-cl .hide_star_rating,
html.c-co .hide_star_rating,
html.c-cr .hide_star_rating,
html.c-ec .hide_star_rating,
html.c-sv .hide_star_rating,
html.c-gf .hide_star_rating,
html.c-gt .hide_star_rating,
html.c-gy .hide_star_rating,
html.c-hn .hide_star_rating,
html.c-mx .hide_star_rating,
html.c-ni .hide_star_rating,
html.c-pa .hide_star_rating,
html.c-py .hide_star_rating,
html.c-pe .hide_star_rating,
html.c-sr .hide_star_rating,
html.c-uy .hide_star_rating,
html.c-ve .hide_star_rating {
display: block;
}
html.c-us tr.hide_star_rating,
html.c-um tr.hide_star_rating,
html.c-ca tr.hide_star_rating,
html.c-pm tr.hide_star_rating,
html.c-ar tr.hide_star_rating,
html.c-bz tr.hide_star_rating,
html.c-bo tr.hide_star_rating,
html.c-br tr.hide_star_rating,
html.c-cl tr.hide_star_rating,
html.c-co tr.hide_star_rating,
html.c-cr tr.hide_star_rating,
html.c-ec tr.hide_star_rating,
html.c-sv tr.hide_star_rating,
html.c-gf tr.hide_star_rating,
html.c-gt tr.hide_star_rating,
html.c-gy tr.hide_star_rating,
html.c-hn tr.hide_star_rating,
html.c-mx tr.hide_star_rating,
html.c-ni tr.hide_star_rating,
html.c-pa tr.hide_star_rating,
html.c-py tr.hide_star_rating,
html.c-pe tr.hide_star_rating,
html.c-sr tr.hide_star_rating,
html.c-uy tr.hide_star_rating,
html.c-ve tr.hide_star_rating {
display: table-row;
}
/* [250918 - CHANGES START] */
.star_rating.stars_1:after {
content:'\2605';
}
.star_rating.stars_2:after {
content:'\2605\2605';
}
.star_rating.stars_3:after {
content:'\2605\2605\2605';
}
.star_rating.stars_4:after {
content:'\2605\2605\2605\2605';
}
.star_rating.stars_5:after {
content:'\2605\2605\2605\2605\2605';
}
/* [250918 - CHANGES END] */
.recaptcha-wrap {
clear: both;
float: left;
width: 100%;
text-align: center;
}
.recaptcha-wrap > div {
display: inline-block;
padding-bottom: 20px;
}
/* HTML5 Boilerplate - Standards */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block; *display: inline; *zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
font-family: arial;
color: #222;
}
body {
margin: 0;
line-height: 1.4;
}
a {
}
a:visited {
}
a:hover {
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style:
italic;
font-weight: bold;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace; font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align:
baseline; *vertical-align: middle;
}
button, input {
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0; padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
p.chromeframe {
display: block;
background-color: #000000;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
color: #ffffff;
text-align: center;
font-size: 80%;
}
p.chromeframe a {
color: #5fc7e6;
font-weight: bold;
}
@media only screen and (min-width: 35em) {
}
/* Third Party Tricks and Default Class Names */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;clear:both; }
/* vietnamese */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 300;
src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZnkOCr2z3wM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 300;
src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZnkOCv2z3wM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 300;
src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZnkOCX2zw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 400;
src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 400;
src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Muli';
font-style: normal;
font-display: swap;
font-weight: 400;
src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
-webkit-font-smoothing: antialiased;
}
input, textarea {
border-radius: 0;
}
*:focus {
outline: 0;
}
.non_desktop_only {
display: none;
}
/* STANDARD STYLES RE-USED IN THE CMS */
a {
color: #e53434;
}
p {
margin: 0px 0px 20px 0px;
}
em {
color: #a4a6a9;
}
ul {
margin: 0px 0px 20px 0px;
}
h2 {
font-size: 36px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h3 {
font-size: 30px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h4 {
font-size: 26px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
h5 {
font-size: 22px;
color: #fff;
margin: 0px 0px 30px 0px;
font-weight: normal;
}
table {
width: 100%;
border: 1px solid #414244;
margin: 0px 0px 20px 0px;
}
table th, table td {
padding: 7px;
}
table td {
border-top: 1px solid #414244;
}
table th {
text-align: left;
color: #fff;
background-color: #313233;
font-weight: normal;
}
blockquote {
padding: 0px 0px 0px 70px;
margin: 0px 0px 30px 0px;
background-repeat: no-repeat;
background-position: top left;
min-height: 73px;
}
blockquote p {
margin-bottom: 0px;
}
blockquote.quote {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/quote_bg.png);
color: #767676;
}
blockquote.queens {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/queens_bg.png);
}
blockquote.quote em {
font-weight: bold;
color: #fff;
font-size: 18px;
}
blockquote.quote strong {
font-weight: normal;
color: #fff;
}
img.img_on_left {
float: left;
border: 1px solid #414244;
margin: 0px 20px 20px 0px;
}
img.img_on_right {
float: right;
border: 1px solid #414244;
margin: 0px 0px 20px 20px;
}
/* END OF STANDARD STYLES RE-USED IN THE CMS */
.bgtrans {
-webkit-transition: background 200ms ease-in 200ms;
-moz-transition: background 200ms ease-in 200ms;
-o-transition: background 200ms ease-in 200ms;
transition: background 200ms ease-in 200ms;
}
.alltrans {
-webkit-transition: all 200ms ease-in 200ms;
-moz-transition: all 200ms ease-in 200ms;
-o-transition: all 200ms ease-in 200ms;
transition: all 200ms ease-in 200ms;
}
/* all transitions no delay */
.atnd {
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
body {
background-color: #000;
font-family: 'Century Gothic', 'Muli', sans-serif;
font-size: 13px;
min-width: 320px;
}
.silverbg {
background: #f2f2f2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f2f2f2 0%, #f0f1f2 61%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(61%,#f0f1f2), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #f2f2f2 0%,#f0f1f2 61%,#e0e0e0 100%); /* W3C */
/* REMOVED BY DF - AS IT CAUSES FONT PIXELATION */
/* IE6-9 fallback on horizontal gradient */
/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=1 );
*/
}
input, select, textarea {
font-family: 'Century Gothic', 'Muli', sans-serif;
font-size: 13px;
-webkit-font-smoothing: antialiased;
}
section#cookie {
background-color: #c3c9cd;
position: relative;
}
section#cookie p {
margin: 0px 0px 0px 0px;
padding: 20px 40px 20px 0px;
}
section#cookie p a {
color: #e63434;
text-decoration: none;
}
section#cookie p a:hover {
color: #000;
}
section#cookie a#cookie_close {
position: absolute;
top: 23px;
right: 0px;
width: 10px;
height: 10px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/black_x.png);
overflow:hidden;
text-indent: 20px;
}
section.section,
div.section {
width: 1160px;
clear: both;
position: relative;
margin: 0 auto;
}
/* OLD HEADER */
/*
header {
width: 100%;
position: relative;
clear: both;
background-color: #ffffff;
border-top: 10px solid #f0f1f2;
height: 230px;
}
header.mobile {
height: auto;
}
section.section.flex {
width: 100%;
}
section.section.main_banners {
padding-top: 30px;
}
section.section.top_header {
border-bottom: 1px solid #f0f1f2;
min-height: 170px;
}
header a#logo {
position: absolute;
display: block;
top: 20px;
left: 10px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/logo.png);
width: 207px;
height: 127px;
white-space: nowrap;
text-indent: 20210px;
overflow:hidden;
}
header ul#cart {
display: block;
position: absolute;
top: -23px;
right: 0px;
padding: 0px 0px 0px 0px;
margin: 13px 0px 0px 0px;
list-style: none;
}
header ul#cart li {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
background-color: #f0f1f2;
background-repeat: no-repeat;
background-position: 10px 11px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
header ul#cart li:hover {
}
header ul#cart li a {
color: #010101;
text-decoration: none;
display: block;
padding: 8px 12px 5px 30px;
white-space: nowrap;
}
header ul#cart li#my_enquiry {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry.png);
}
header ul#cart li#my_wishlist {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist.png);
}
header ul#cart li#my_enquiry:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_hover.png);
}
header ul#cart li#my_wishlist:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_hover.png);
}
header ul#cart li#my_compare {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_compare.png);
}
header ul#cart li#my_compare:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_compare_hover.png);
}
header ul#cart li#my_compare a {
padding-left: 38px;
}
header div#search {
position: absolute;
right: 0px;
top: 50px;
width: 270px;
height: 30px;
}
header div#search_wrap {
width: 270px;
height: 30px;
overflow:hidden;
}
header div#suggest_wrap {
position: relative;
}
header div#search div.l {
position: relative;
float: left;
width: 240px;
}
header div#search div.l input {
background-color: #f0f1f2;
width: 100%;
border: none;
padding: 7px 0px 7px 7px;
color: #000;
}
header div#search div.r {
width: 30px;
position: absolute;
top: 0px;
right: 0px;
}
header div#search div.r a {
display: block;
background-color: #db3533;
width: 30px;
height: 30px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_search_white.png);
background-position: 8px 7px;
background-repeat: no-repeat;
text-indent: 40px;
overflow:hidden;
}
header div#search div.r a:hover {
background-color: #000;
}
*/
div#suggest {
position: absolute;
top: 100% !important;
left: 0;
width: 100% !important;
z-index: 2000;
background-color: #fff;
border: 1px solid #e5e7e9;
border-top: 4px solid #e5e7e9;
display: none;
}
div#suggest div {
background-color: #5cb0d9;
color: #fff;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/sugest_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
div#suggest div p {
padding: 15px 15px 15px 55px;
margin: 0px 0px 0px 0px;
line-height: 15px;
font-weight: bold;
}
div#suggest div a {
color: #fff;
text-decoration: none;
font-weight: normal;
}
div#suggest div a:hover {
color: #a0d8f3;
}
div#suggest ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
list-style: none;
}
div#suggest ul li {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
div#suggest ul li a {
color: #5c5e60;
text-decoration: none;
}
div#suggest ul li a span {
color: #000;
}
/*header ul#contacts {
position: absolute;
top: 107px;
right: 0px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
header ul#contacts > li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
}
header ul#contacts > li a {
display: block;
padding: 6px 10px 6px 10px;
border-left: 1px solid #e1e4e6;
color: #010101;
text-decoration: none;
background-position: 4px 2px;
background-repeat: repeat-x;
-webkit-transition: background 200ms ease-in 100ms;
-moz-transition: background 200ms ease-in 100ms;
-o-transition: background 200ms ease-in 100ms;
transition: background 200ms ease-in 100ms;
}
header ul#contacts > li > a:hover {
background-position: 4px -28px;
background-color: #eee;
}
header ul#contacts > li#contacts_home > a {
border-left: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_home.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_twitter > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_twitter.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_facebook > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_facebook.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_linkedin > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_linkedin.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_youtube > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_youtube.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_pinterest > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pinterest.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
}
header ul#contacts > li#contacts_instagram > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_instagram.png);
width: 16px;
text-indent: 32px;
overflow:hidden;
padding-right: 1px;
}
header ul#contacts > li#contacts_country > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_down_arrow.png);
background-position: right;
padding-right: 30px;
background-repeat: no-repeat;
}
header ul#cart li em {
font-style: inherit;
color: inherit;
}
header.americas nav#primary > ul > li a {
padding: 20px 24px 22px 25px;
}
*/
div#country_picker {
display: none;
position: absolute;
top: 29px;
left: 0px;
width: 265px;
height: 175px;
border: 1px solid #e2e2e2;
background-color: #ffffff;
z-index: 200;
border-top: 5px solid #e5e7e9;
}
div#country_picker ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
list-style: none;
}
div#country_picker ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#country_picker ul li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
display: block;
width: 100%;
text-indent: 10px;
color: #5c5e60;
}
div#country_picker ul li a:hover {
color: #000;
}
/* SCOLLBAR SETTINGS */
#country_scrollbar_area { width: 265px; margin: 0px 0 10px; }
#country_scrollbar_area .viewport { width: 245px; height: 175px; overflow: hidden; position: relative; }
#country_scrollbar_area .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#country_scrollbar_area .scrollbar { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#country_scrollbar_area .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#country_scrollbar_area .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#country_scrollbar_area .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#country_scrollbar_area .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* END SCROLLBAR SETTINGS */
nav#primary {
width: 100%;
clear: both;
float: left;
height: 60px;
/*
overflow-x:hidden;
overflow-y:hidden;
*/
}
nav#primary > ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
display: block;
/*width: 1160px;*/
}
nav#primary > ul > li {
height: 60px;
overflow: hidden;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
nav#primary > ul > li a {
display: block;
clear: both;
margin: 0px 0px 0px 0px;
padding: 20px 25px 22px 25px;
color: #000;
text-decoration: none;
}
nav#primary > ul > li > a:hover {
color: #fff;
background-color: #000;
}
section#mobile_trigger {
display: none;
text-align: center;
}
section#mobile_trigger p {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
section#mobile_trigger a {
display: inline-block;
color: #000;
text-decoration: none;
padding: 5px 30px 5px 30px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_mobile_menu.png);
background-repeat: no-repeat;
background-position: 6px 6px;
}
section#mobile_trigger a:hover {
background-color: #eee;
}
section#mobile_trigger.sticky {
display: block;
}
section#basic_mobile_menu {
display: none;
border-top: 1px solid #eee;
}
section#basic_mobile_menu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
section#basic_mobile_menu ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #eee;
}
section#basic_mobile_menu ul li a {
display: block;
color: #000;
text-decoration: none;
padding: 5px 0px 5px 20px;
}
div#main_banners {
margin: 0px 0px 30px 0px;
}
div.main_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 450px;
}
div.main_banner > div.r {
position: absolute;
top: 0px;
right: 0px;
width: 400px;
height: 450px;
background-color: #f0f1f2;
text-align: center;
}
div.main_banner > div.r > p {
margin: 0px 0px 0px 0px;
padding: 45px 40px 0px 40px;
font-size: 14px;
line-height: 20px;
}
div.main_banner > div.l {
width: 100%;
height: 450px;
}
section.section.news_container {
width: 1160px;
overflow:hidden;
margin-bottom: 30px;
}
div#news_panels {
width: 1190px;
margin-left: -15px;
height: 420px;
}
div.carousel_banner {
height: 420px;
padding-top: 240px;
background-repeat: no-repeat;
background-position: center top ;
margin: 0px 15px 0px 15px;
overflow:hidden;
}
div.carousel_banner > div.carousel_content {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
clear: both;
width:100%;
position: relative;
color: #000;
height: 130px;
}
div.carousel_banner > div.carousel_content h3 {
margin: 20px 20px 0px 20px;
padding: 0px 0px 0px 0px;
clear: both;
font-size: 22px;
font-weight: normal;
color: #000;
}
div.carousel_banner > div.carousel_content p {
margin: 15px 20px 0px 20px;
}
section.news_container a {
color: rgb(34, 34, 34);
display: block;
position: relative;
text-decoration: none;
}
section.news_container span {
display: block;
opacity:0;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
}
section.news_container a:hover span {
display: block;
position: absolute;
top: -240px;
left: 0px;
width: 100%;
height: 240px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
opacity:1;
}
section#carousel_sub_categories_all {
display: none;
}
div.sub_category_banner {
height: 270px;
padding-top: 210px;
background-repeat: no-repeat;
background-position: center top ;
margin: 0px 15px 0px 15px;
overflow:hidden;
}
section.section.sub_categories_container {
width: 1160px;
overflow:hidden;
margin-bottom: 30px;
}
div#sub_category_panels, div#sub_category_panels_all {
width: 1190px;
margin-left: -15px;
height: 270px;
}
html.lt-ie8 div#sub_category_panels_all {
height: auto;
}
div#sub_category_panels_all.all > div {
width:25%;
float: left;
margin: 0px 0px 30px 0px;
}
div#sub_category_panels_all.all div.sub_category_banner {
height:auto;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width:24.89%;
}
section.sub_categories_container span {
display: block;
position: absolute;
top: -210px;
left: 0px;
width: 100%;
height: 210px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
opacity:0;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
}
section.sub_categories_container a {
text-decoration: none;
}
section.sub_categories_container a:hover span {
opacity:1;
}
div.sub_category_banner > div.sub_category_carousel_content {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
position: relative;
width: 100%;
}
section.sub_categories_container a {
display: block;
width: 100%;
color: #fff;
}
div#sub_category_panels a h3, div#sub_category_panels_all a h3 {
font-size: 16px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 20px;
background-color: #000;
-webkit-transition: all 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: all 200ms ease-in 200ms;
-o-transition: all 200ms ease-in 200ms;
transition: all 200ms ease-in 200ms;
}
div#sub_category_panels a:hover h3, div#sub_category_panels_all a:hover h3 {
background-color: #fff;
color: #000;
}
h1.standalone {
width: 100%;
clear: both;
float: left;
text-align: center;
color: #fff;
font-size: 25px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
h2.standalone {
width: 100%;
clear: both;
float: left;
color: #fff;
font-size: 36px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
h2.standalone span {
color: #313233;
}
div.news_boxes {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
div.box {
height: 210px;
float: left;
background-position: center;
}
div.box.wide {
width: 566px;
}
div.box.standard {
width: 267px;
margin: 0px 0px 0px 30px;
}
div.box.standard.event_box {
padding: 0;
position: relative;
}
div.box.event_box > span, div.box.event_box > a {
display: block;
color: #fff;
margin: 0;
}
div.box.event_box > a {
background-color: #313233;
text-align: left;
padding: 20px 20px 20px 50px;
box-sizing: border-box;
position: absolute;
bottom: 0;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/calendar_icon_white.png);
background-position: 20px center;
}
div.box.event_box > a:hover {
background-color: #db3533;
}
div.box.event_box > span.day {
font-size: 30px;
line-height: 20px;
font-weight: bold;
margin-bottom: 6px;
}
div.box.event_box > span.date {
font-size: 18px;
margin-bottom: 8px;
}
div.box.event_box > span.name {
font-size: 18px;
}
div.box.event_box > span.location, div.box.event_box > span.stand {
font-size: 16px;
color: #bbbaba;
}
div.box.event_box > span.location {
margin-bottom: 8px;
}
a.fader {
display: block;
width: 100%;
height: 100%;
color: #fff;
-webkit-transition: background 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: background 200ms ease-in 200ms;
-o-transition: background 200ms ease-in 200ms;
transition: background 200ms ease-in 200ms;
text-decoration: none;
font-size: 18px;
}
a.fader div {
position: relative;
display: block;
width: 100%;
text-align: center;
opacity:0;
-webkit-transition: opacity 300ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 300ms ease-in 200ms;
-o-transition: opacity 300ms ease-in 200ms;
transition: opacity 300ms ease-in 200ms;
}
a.fader:hover {
background-color:rgba(0,0,0,0.7);
}
a.fader:hover div {
opacity: 1;
}
a.fader div table {
margin: 0px 0px 0px 0px;
width: 100%;
height:210px;
border:none;
}
a.fader div table td {
text-align: center;
vertical-align: middle;
border:none;
}
a.fader {
cursor: default;
}
a.fader div > div {
position: absolute;
width: 100%;
top: 160px;
left: 0px;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/button_read_more.png);
background-position: center;
background-repeat: no-repeat;
height: 30px;
cursor: pointer;
}
html.lt-ie9 a.fader div {
display: none;
background-color: #333;
}
html.lt-ie9 a.fader:hover div {
display: block;
}
section.section.features_container {
clear: both;
padding-top: 30px;
}
section.section.features_container section.l {
width: 565px;
float: left;
margin-right: 30px;
}
section.section.features_container section.r {
width: 565px;
float: left;
}
div.feature {
height: 210px;
position: relative;
background-position: right;
}
div.feature div.feature_text {
position: absolute;
width: 282px;
height: 210px;
top: 0px;
left: 0px;
overflow: hidden;
}
div.feature div.feature_text p {
margin: 20px 20px 20px 20px;
text-align: center;
}
div.feature div.feature_text p b {
color: #e53434;
font-weight: normal;
}
div.feature div.feature_text p.flex {
margin-top: 26px;
}
div.feature div.feature_text p.flex img {
width: 100%;
max-width: 222px;
}
div.latest_tweets {
background-color: #313233;
margin: 30px 0px 0px 0px;
clear: both;
float: left;
width: 100%;
position: relative;
}
div.latest_tweets div.m {
width: auto;
position: relative;
border-left: 100px solid transparent;
border-right: 150px solid transparent;
min-height: 90px;
color:#fff;
}
div.latest_tweets div.m p b {
color:#c3c9cd;
font-weight: normal;
}
div.latest_tweets div.m > p {
padding: 26px 0px 20px 0px;
}
div.latest_tweets div.m a {
color: #c3c9cd;
text-decoration: underline;
}
div.latest_tweets div.m a:hover {
text-decoration: none;
}
div.latest_tweets div.l {
position: absolute;
top: 0px;
left: -100px;
width: 90px;
height: 90px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/twitter_bar_bg.png);
background-position: right;
background-repeat: no-repeat;
margin: 0px 10px 0px 0px;
}
div.latest_tweets div.l {
position: absolute;
top: 0px;
left: -100px;
width: 90px;
height: 90px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/twitter_bar_bg.png);
background-position: right;
background-repeat: no-repeat;
margin: 0px 10px 0px 0px;
}
div.latest_tweets div.l img {
margin: 31px 0px 0px 27px;
}
div.latest_tweets div.r {
position: absolute;
right: -150px;
top: 0px;
}
div.latest_tweets div.r p {
margin: 34px 27px 0px 0px;
}
footer {
margin-top: 30px;
clear: both;
float: left;
width: 100%;
}
footer > section {
float: left;
clear: both;
width: 100%;
}
section.pre_footer {
background-color: #313233;
color: #d0d4d6;
}
section.footer {
background-color: #ffffff;
color: #313233;
position: relative;
width: 100%;
}
section.sub_footer {
background-color: #f0f1f2;
color: #313233;
}
section.sub_footer p {
padding: 30px 0px 30px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
section.sub_footer div.l {
float: left;
width: 50%;
}
section.sub_footer div.r {
float: left;
width: 50%;
text-align: right;
}
section.sub_footer a {
color: #313233;
text-decoration: none;
}
section.footer img.footer_logo {
position: absolute;
right: 0px;
top: 22px;
}
section.footer h6 {
font-size: 14px;
font-weight: bold;
margin: 30px 0px 20px 0px;
clear: both;
}
section.footer ul {
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
width: 200px;
}
section.footer ul li {
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
section.footer ul li a {
text-decoration: none;
color: #313233;
padding: 5px 0;
display: block;
}
section.footer ul li a:hover {
color: #000;
}
section.pre_footer div.l {
float: left;
width: 565px;
margin-right: 30px;
}
section.pre_footer div.m, section.pre_footer div.r {
float: left;
width: 282px;
}
section.pre_footer h5 {
font-size: 24px;
font-weight: normal;
padding: 5px 0px 5px 40px;
margin: 25px 0px 0px 0px;
background-position: left;
background-repeat: no-repeat;
}
section.pre_footer div.l h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_email.png);
}
section.pre_footer div.m h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_award.png);
}
section.pre_footer div.r h5 {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/h5_icon_approved.png);
}
section.pre_footer > section > div {
padding-bottom: 20px;
}
section.pre_footer p {
margin-right: 20px;
}
section.pre_footer div.l form {
position: relative;
display: block;
}
section.pre_footer div.l form input {
width: 75%;
border: none;
background-color: #000000;
border-bottom: 4px solid #7a7e80;
color: #e5e5e5;
}
section.pre_footer div.l form a:not(.terms) {
display: block;
position: absolute;
top: 1px;
right: 20px;
background-color: #fff;
color: #000;
display: block;
padding: 2px 0px 2px 0px;
float: right;
width: 125px;
text-align: center;
text-decoration: none;
}
section.pre_footer div.l form a:hover {
color: #fff;
background-color: #db3533;
}
#simplemodal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#basic-modal-content {display:none;}
/* Container */
#simplemodal-container { position: absolute; height: auto; width:570px;color:#000; background-color:#fff; border-bottom:4px solid #db3533; }
#simplemodal-container .simplemodal-data {
padding: 35px 70px 35px 20px;
margin: 0px 0px 0px 0px;
}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#db3533;font-weight:bold;text-decoration:none;}
#simplemodal-container a:hover {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; width:15px; height:15px; display:inline; z-index:3200; position:absolute; top:38px; right:38px; cursor:pointer;}
#simplemodal-container p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
section#breadcrumbtrail {
width: 100%;
clear: both;
height: 60px;
overflow:hidden;
}
section#breadcrumbtrail ul {
float: left;
margin: 0px 0px 0px -20px;
padding: 0px 0px 0px 0px;
list-style: none;
}
section#breadcrumbtrail ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
section#breadcrumbtrail ul li a {
display: block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/breadcrumb_bg_arrow.png);
background-repeat: no-repeat;
background-position: right;
color: #f0f1f2;
text-decoration: none;
padding: 20px 30px 20px 20px;
}
section#breadcrumbtrail ul li.last a {
background-image:none;
}
section#breadcrumbtrail ul li a:hover {
color: #e53434;
}
section.section.type_banner {
padding-top: 0px;
}
div.category_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 420px;
padding-bottom: 30px;
}
div.category_banner_thumbs {
clear: both;
float: left;
position: relative;
width: 100%;
height: 420px;
padding-bottom: 12px;
}
div.category_banner > div.l, div.category_banner_thumbs > div.l {
position: absolute;
top: 0px;
left: 0px;
width: 465px;
height: 420px;
background-color: #f0f1f2;
font-size: 13px;
line-height: 25px;
}
div.category_banner > div.l h1, div.category_banner_thumbs > div.l h1 {
font-size: 16px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
div.category_banner > div.r, div.category_banner_thumbs > div.r {
float: right;
width: 100%;
height: 420px;
background-position: top right;
}
div.category_banner > div.r p.round, div.category_banner_thumbs > div.r p.round {
display: block;
position: absolute;
top: 35px;
right: 35px;
}
/* SCOLLBAR SETTINGS */
#standardscrollbar { width: 100%; margin: 0px 0 10px; }
#standardscrollbar .viewport { width: 450px; height: 420px; overflow: hidden; position: relative; }
#standardscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 40px 55px 60px 55px; margin: 0; }
#standardscrollbar .scrollbar { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y-g.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#standardscrollbar .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#standardscrollbar .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y-g.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -4px; }
#standardscrollbar .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#standardscrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
div.buffer_top {
position: absolute;
top: 0px;
left: 0px;
width: 455px;
height: 44px;
background-color: rgb(240, 241, 242);
}
div.buffer_bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 455px;
height: 44px;
background-color: rgb(240, 241, 242);
}
/* END SCROLLBAR SETTINGS */
ul.pattern_control {
display: none;
}
#product_list {
display: none;
clear: both;
}
#product_list_small {
display: block;
min-height: 200px;
}
#product_list_controls {
clear: both;
width: 100%;
position: relative;
height: 40px;
}
#product_list_controls p {
position: absolute;
top: 7px;
left: 0px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
}
#product_list_controls ul.swatches {
clear: both;
float: left;
margin: 0px 0px 0px 150px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#product_list_controls ul.swatches li {
float: left;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
list-style: none;
border: 1px solid #000;
border-radius: 5px;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
#product_list_controls ul.swatches li.active {
border: 1px solid #fff;
}
#product_list_controls ul.swatches li a, #product_list_controls ul.swatches li span {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: 40px;
border: 2px solid #000;
border-radius: 5px;
cursor: pointer;
}
#product_list_controls div#range_sharing {
position: absolute;
right: 0px;
top: 7px;
color: #fff;
}
#product_grid_controls {
clear: both;
width: 100%;
float: left;
padding-top: 24px;
position: relative;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/grid_controls_ul_bg.png);
background-position: bottom;
background-repeat: repeat-x;
margin: 0px 0px 30px 0px;
}
#product_grid_controls ul {
clear: both;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#product_grid_controls ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
list-style: none;
border: 1px solid #313233;
background-color: #171717;
font-size: 14px;
color: #fff;
padding: 20px;
border-left: none;
cursor: pointer;
}
#product_grid_controls ul li.active {
background-color: #000000;
border-bottom: 1px solid #000000;
font-weight: normal;
}
#product_grid_controls ul li em {
font-style: normal;
font-display: swap;
color: #979797;
}
#grid {
clear: both;
}
#grid_wrap {
width: 1160px;
clear: both;
/* overflow:hidden;*/
}
#grid_container {
width: 1200px;
margin-left: -15px;
}
#grid {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#grid .mix {
position: relative; /*N*/
display: none;
opacity: 0;
width: 267px;
vertical-align: top;
color: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 15px 30px 15px;
float: left;
/* overflow:hidden; COMMENTED OUT, REPLACED WITH BORDER BOX SIZING ON LINE 1652 */
}
#grid .mix div.new_decal { /*N*/
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 40px;
height: 40px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/new_product_decal.png);
z-index: 1000;
}
#grid .mix div.compat {
display: block;
position: absolute;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compat_bg.png);
background-position: top left;
background-repeat:no-repeat;
cursor: pointer;
}
#grid .mix div.compat:hover {
/*background-position: bottom left;*/
}
#grid .mix div.compat.undo {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compat_bg_undo.png);
}
#grid .mix img {
clear: both;
float: left;
width: 100%;
}
#grid .mix p {
clear: both;
float: left;
width:100%;
margin: 0px 0px 0px 0px;
padding: 20px 10px 20px 10px;
font-size: 18px;
line-height: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#grid .mix a {
color: #fff;
display: block;
text-decoration: none;
}
#grid .mix a > span {
display: block;
position: relative;
overflow:hidden;
}
#grid .mix a > span > span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
}
#grid .mix a > span > span {
display: none;
}
ul.iconable_list div.tools {
display: none;
}
ul.iconable_list div.tools > ul {
display: none;
position: absolute;
top: 160px;
z-index: 1002;
opacity: 0.2;
/*transform: scale(0.85);*/
-webkit-transition: all 60ms ease-in;
-moz-transition: all 60ms ease-in;
-o-transition: all 60ms ease-in;
transition: all 60ms ease-in;
}
ul.iconable_list div.tools > ul.in {
opacity: 1;
transform: scale(1);
}
ul.iconable_list div.tools > div.opener {
position: absolute;
cursor: pointer;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/tools_icon.png);
background-color: transparent;
background-size: 24px 5px;
background-repeat: no-repeat;
background-position: center;
width: 56px;
height: 37px;
top: 171px;
right: 2px;
z-index: 1001;
display: none;
}
html.lt-ie9 ul.iconable_list div.tools > div.opener {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/tools_icon_ie.png);
}
#grid .mix a p em {
font-style: normal;
font-display: swap;
font-size: 13px;
color: #bbb;
}
ul.iconable_list > li:hover div.tools,
ul.iconable_list > li:hover div.tools > div.opener,
ul.iconable_list > li.opened div.tools,
ul.iconable_list > li.opened div.tools > div.opener {
display: block;
}
#grid .mix:hover a,
#grid .mix.opened a {
/* background-color: #fff; */
color: #000;
}
#grid .mix:hover a p,
#grid .mix.opened a p {
background-color: #fff;
}
#grid .mix:hover a p em,
#grid .mix.opened a p em {
color: #333333;
}
#grid .mix:hover a > span > span,
#grid .mix.opened a > span > span {
display: block;
}
#grid .gap {
display: inline-block;
width: 200px;
}
#grid:after {
content: '';
display: inline-block;
width: 100%;
}
#grid .mix div.dropdown div.dropdown_inner a {
display: inline;
color: #E53434;
}
p.loading {
text-align: center;
padding: 30px;
color: #fff;
}
div.tools > ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
div.tools > ul > li {
margin: 0;
padding: 0;
float: left;
width: 25%;
min-height: 0 !important;
position: relative;
}
div.tools > ul > li > a {
display: block;
width: 100%;
height: 50px;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 1001;
-webkit-transition: background 100ms ease-in;
-moz-transition: background 100ms ease-in;
-o-transition: background 100ms ease-in;
transition: background 100ms ease-in;
}
div.tools > ul > li > a > strong {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #868686;
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
}
div.tools > ul > li > a.wishlist {
background-color: #4b4b4b;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_wishlist.png);
background-size: 16px 15px;
}
html.lt-ie9 div.tools > ul > li > a.wishlist {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_wishlist_ie.png);
}
div.tools > ul > li > a.enquiry {
background-color: #2f2f2f;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_enquiry.png);
background-size: 12px 14px;
}
div.compare_tab div.item div.controls div.tools > ul > li > a.enquiry.basket {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/shop_w.png);
background-size: 20px;
}
html.lt-ie9 div.tools > ul > li > a.enquiry {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_enquiry_ie.png);
}
div.tools > ul > li > a.wishlist_enquiry {
background-color: #6a6a6a;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_wishlist_enquiry.png);
background-size: 23px 25px;
}
html.lt-ie9 div.tools > ul > li > a.wishlist_enquiry {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_wishlist_enquiry_ie.png);
}
div.tools > ul > li > a.compare {
background-color: #929191;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_compare.png);
background-size: 28px 18px;
}
html.lt-ie9 div.tools > ul > li > a.compare {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_to_compare_ie.png);
}
div.tools > ul > li > a:hover {
background-color: #de392f;
}
div.tools div.dropdown {
position: absolute;
z-index: 1003;
background-color: #fff;
color: #000;
text-align: left;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px rgba(0,0,0,0.44);
}
div.tools div.dropdown > div.dropdown_inner {
width: 160px;
padding: 14px;
}
div.tools div.dropdown > div#wishlist_selector {
display: block;
width: 235px;
}
#productmodal-container div.tools {
position: absolute;
bottom: 32px;
width: 230px;
margin: 0 32px;
}
#productmodal-container div.tools > ul > li > a {
height: 58px;
}
/* PRODUCT MODAL CONTAINER */
#productmodal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#productmodal-container {
position: absolute; height: 630px; width:990px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
#productmodal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#productmodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#productmodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:22px; right:22px; cursor:pointer;}
section.product_lightbox {
width: 100%;
clear: both;
float: left;
height: 630px;
/* overflow: hidden; */
position: relative;
}
section.product_lightbox > div.header {
clear: both;
width: 100%;
background-color: #000000;
height: 60px;
overflow:hidden;
}
section.product_lightbox > div.header > div.more {
float: left;
}
section.product_lightbox > div.header > div.more a {
display: block;
background-color: #4a4c4c;
padding: 21px 25px 25px 45px;
color: #fff;
font-weight: normal;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_back_white.png);
background-repeat: no-repeat;
background-position: 22px 22px;
}
section.product_lightbox > div.header > div.more a:hover {
background-color: #656767;
}
section.product_lightbox div.cols {
clear: both;
width: 100%;
float: left;
font-size: 13px;
}
section.product_lightbox div.cols > div.l {
float: left;
width: 400px;
height: 570px;
position: relative;
background: #000;
}
section.product_lightbox div.cols > div.m {
float: left;
width: 295px;
position: relative;
height: 570px;
}
section.product_lightbox div.cols > div.r {
float: left;
width: 295px;
position: relative;
height: 570px;
background-color: #e1e4e6;
}
section.product_lightbox div.cols > div.l a {
display: block;
clear: both;
}
section.product_lightbox div.cols > div.l span {
position: absolute;
top: 360px;
right: 20px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/zoom.png);
width: 20px;
height: 20px;
overflow:hidden;
text-indent: 30px;
}
section.product_lightbox div.cols > div.l ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
float: left;
background-color: #000;
height: 100px;
}
section.product_lightbox div.cols > div.l ul li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
cursor:pointer;
}
section.product_lightbox div.cols > div.r table {
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border: none;
font-size: 12px;
}
section.product_lightbox div.cols > div.r table th {
width: 50%;
text-align: left;
font-weight: normal;
padding: 1px 0px;
background-color: #e1e4e6;
color: #000;
border: none;
}
section.product_lightbox div.cols > div.r table td {
width: 50%;
padding: 1px 0px;
border: none;
}
section.product_lightbox div.pad {
padding: 32px;
}
section.product_lightbox h1 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 22px;
font-weight: normal;
color: #000000;
}
section.product_lightbox p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
section.product_lightbox div.pdf_link,
section.product_lightbox div.enquiry_link,
section.product_lightbox div.wishlist_link {
display: block;
position: absolute;
width: 235px;
height: 60px;
overflow:hidden;
left: 30px;
background-color: #eee;
}
section.product_lightbox div.pdf_link a,
section.product_lightbox div.enquiry_link a,
section.product_lightbox div.wishlist_link a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
section.product_lightbox div.pdf_link a:hover,
section.product_lightbox div.enquiry_link a:hover,
section.product_lightbox div.wishlist_link a:hover {
background-color: #db3533;
}
section.product_lightbox div.pdf_link {
top: 480px;
}
section.product_lightbox div.enquiry_link {
top: 340px;
}
section.product_lightbox div.wishlist_link {
top: 410px;
}
section.product_lightbox div.pdf_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
}
section.product_lightbox div.enquiry_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_white.png);
}
section.product_lightbox div.wishlist_link a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_white.png);
}
section.product_lightbox > div.next {
position: absolute;
top: 0px;
right: -60px;
height: 60px;
width: 60px;
text-indent: 100px;
}
section.product_lightbox > div.prev {
position: absolute;
top: 0px;
left: -60px;
height: 60px;
width: 60px;
text-indent: 100px;
}
section.product_lightbox > div.next a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_next.png);
}
section.product_lightbox > div.prev a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_prev.png);
}
section.product_lightbox > div > a {
background-color: #db3533;
background-position: center;
background-repeat: no-repeat;
height: 60px;
width: 60px;
text-indent: 100px;
white-space: nowrap;
overflow:hidden;
display: block;
}
section.product_lightbox > div > a:hover {
background-color: #F35553;
}
div.main_cols {
width: 100%;
clear: both;
float: left;
}
div.main_cols > div.l {
width: 860px;
float: right;
margin: 0px 30px 0px 0px;
}
div.main_cols > div.r {
width: 270px;
float: right;
}
div.main_cols.reverse > div.l {
margin: 0;
}
div.main_cols.reverse > div.r {
float: left;
}
div.main_cols.cms > div.l {
float: left;
color: #fff;
}
div.main_cols.cms > div.r {
float: left;
}
div.main_cols.faqs > div.l {
float: left;
margin: 0px 0px 0px 0px
}
div.main_cols.faqs > div.r {
float: left;
margin: 0px 30px 0px 0px
}
div.main_cols > div.l h1, div.main_cols > div.r h5 {
color: #f0f1f2;
font-size: 30px;
font-weight: normal;
padding: 0px 0px 30px 0px;
margin: 0px 0px 30px 0px;
border-bottom: 1px solid #313233;
clear: both;
}
div.main_cols > div.l ul.search_list {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
clear: both;
float: left;
width: 100%;
}
div.main_cols > div.l ul.search_list > li {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
width: 33.33%;
position: relative;
cursor:pointer;
text-align: center;
}
div.main_cols > div.l ul.search_list div.tools > ul > li {
width: 25%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list > li {
width: 33.2%;
}
div.main_cols > div.l ul.search_list > li > div.image {
width: 100%;
text-align: center;
overflow:hidden;
position: relative;
}
div.main_cols > div.l ul.search_list li > div > img {
width: 100%;
max-width: 267px;
}
div.main_cols > div.l ul.search_list li > p {
text-align: left;
padding: 20px 20px 10px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 13px;
}
div.main_cols > div.l ul.search_list li > p a {
color: #fff;
}
div.main_cols > div.l ul.search_list li > p a.name {
text-decoration: none;
font-size: 16px;
}
div.main_cols > div.l ul.search_list li > p.sub_links {
padding-top: 0px;
padding-bottom: 20px;
}
div.main_cols > div.l ul.search_list li > div.image img {
width: 100%;
max-width: 267px;
}
div.main_cols > div.l ul.search_list li:hover p,
div.main_cols > div.l ul.search_list li.opened p {
background-color: #fff;
color: #000;
}
div.main_cols > div.l ul.search_list li:hover p a,
div.main_cols > div.l ul.search_list li.opened p a {
color: #000;
}
div.main_cols > div.l ul.search_list li > div.image span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
display: none;
}
div.main_cols > div.l ul.search_list li:hover > div.image span,
div.main_cols > div.l ul.search_list li.opened > div.image span {
display: block;
}
div.main_cols > div.l.splitted div.side {
float: left;
width: 270px;
}
div.main_cols > div.l.splitted div.main {
float: right;
width: 560px;
}
div.main_cols > div.l.splitted div.side ul.buttons {
list-style: none;
margin: 0;
padding: 0;
}
div.main_cols > div.l.splitted div.side ul.buttons > li {
margin-bottom: 25px;
}
div.main_cols > div.l.splitted div.side ul.buttons > li > a {
display: block;
text-decoration: none;
color: #fff;
padding: 20px 16px 20px 40px;
background-color: #313233;
background-repeat: no-repeat;
background-position: 16px center;
}
div.main_cols > div.l.splitted div.side ul.buttons > li.nobg > a {
padding: 20px;
}
div.main_cols > div.l.splitted div.side ul.buttons > li > a:hover,
div.main_cols > div.l.splitted div.side ul.buttons > li.back > a:hover {
background-color: #db3533;
}
div.main_cols > div.l.splitted div.side ul.buttons > li.back > a {
background-color: #191919;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/back_to_stories.png);
}
div.main_cols > div.l.splitted div.side ul.buttons > li.next > a {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/next_story.png);
}
div.main_cols > div.l.splitted div.side ul.buttons > li.prev > a {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/prev_story.png);
}
div.main_cols > div.l.splitted div.side div.extra_text {
margin: 30px 0;
color: #a2a1a1;
}
div.main_cols > div.l.splitted div.side div.extra_text > div.email {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_email_small.png);
background-repeat: no-repeat;
padding-left: 30px;
background-position: 0px 5px;
}
div.main_cols > div.l.splitted div.side div.extra_text a {
text-decoration: none;
}
div.pagination {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
div.pagination ul {
list-style: none;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
width: 100%;
text-align: center;
font-size: 0;
}
div.pagination ul li {
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 1px solid #323232;
border-right: none;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
div.pagination ul li.last {
border-right: 1px solid #323232;
}
div.pagination ul li a {
display: block;
width: 58px;
height: 58px;
/*overflow: hidden;*/
background-color: #171717;
color: #fff;
text-decoration: none;
font-size: 16px;
}
div.pagination ul li.selected a {
background-color: #232323;
}
div.pagination ul li a:hover {
background-color: #db3533;
}
div.pagination ul li a b {
font-weight: normal;
display: inline-block;
padding-top: 17px;
}
div.filter {
background-color: #313233;
margin: 0px 0px 30px 0px;
float: left;
width: 100%;
}
div.filter h6 {
font-size: 18px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 30px 30px 30px 30px;
color: #fff;
display: block;
clear: both;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_header_down.png);
background-position: right;
background-repeat: no-repeat;
cursor: pointer;
}
div.filter.active h6 {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_header_up.png);
}
div.filter ul {
clear: both;
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
list-style: none;
}
div.filter ul {
display: none;
}
div.filter.active ul {
display: block;
}
div.filter ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 30px;
}
div.filter ul li a {
display: block;
text-decoration: none;
color: #fff;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_off.png);
background-repeat: no-repeat;
background-position: left;
padding: 3px 0px 3px 30px;
}
div.filter ul li.active a {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_on.png);
}
div.filter ul li a:hover {
color: #db3533;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_hover.png);
}
div.filter ul li.active a:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/filter_on_hover.png);
}
div#product_topper {
position: relative;
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
div#product_topper span {
position: absolute;
top: 23px;
right: 23px;
width: 135px;
height: 135px;
}
div#product_topper span img {
width: 100%;
}
div.more_from {
position: absolute;
top: 60px;
left: 30px;
width: 230px;
height: 60px;
overflow:hidden;
}
div.more_from a {
display: block;
padding: 21px 50px 50px 48px;
width: 230px;
color: #fff;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_back_white.png);
background-repeat: no-repeat;
background-position: 22px 22px;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
div.more_from a:hover {
background-color: #db3533;
}
section.single_product_cols {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
section.single_product_cols > div.l {
float: left;
width: 565px;
margin-right:30px;
}
section.single_product_cols > div.r {
float: left;
width: 565px;
color: #fff;
}
section.single_product_cols > div.l ul li img {
cursor: pointer;
}
section.single_product_cols > div.l div.product_gallery {
width: 400px;
clear: both;
margin: 0 auto;
position: relative;
}
section.single_product_cols > div.l div.product_gallery a {
display: block;
clear: both;
width: 400px;
height: 400px;
overflow: hidden;
}
section.single_product_cols > div.l div.product_gallery span {
position: absolute;
top: 360px;
right: 20px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/zoom.png);
width: 20px;
height: 20px;
overflow:hidden;
text-indent: 30px;
}
section.single_product_cols > div.l div.product_gallery ul {
clear: both;
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
float: left;
text-align: center;
}
section.single_product_cols > div.l div.product_gallery ul, section.single_product_cols > div.l div.product_gallery ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline-block;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
section.single_product_cols > div.l div.product_gallery ul li img {
padding-bottom: 30px;
}
section.single_product_cols > div.r div.pdf_link {
display: block;
clear: both;
width: 100%;
border-top: 1px solid #4a4c4c;
border-bottom: 1px solid #4a4c4c;
overflow: hidden;
}
section.single_product_cols > div.r div.pdf_link a {
display: block;
background-color: #161717;
width: 100%;
padding: 20px 0px 20px 60px;
color: #fff;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
background-repeat: no-repeat;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
section.single_product_cols > div.r div.pdf_link a:hover {
background-color: #db3533;
}
section.single_product_cols > div.r h1, section.single_product_cols > div.r h2 {
color: #fff;
font-size: 28px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 0px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
}
section.single_product_cols > div.r h2 {
padding-top: 20px;
}
section.single_product_cols > div.r table {
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
section.single_product_cols > div.r table tr.alt {
background-color: #1e1e1e;
}
section.single_product_cols > div.r table th {
width: 50%;
text-align: left;
padding: 3px;
background-color: #000;
border: none;
}
section.single_product_cols > div.r table tr.alt th {
background-color: #1e1e1e;
border: none;
}
section.single_product_cols > div.r table td {
width: 50%;
text-align: left;
padding: 3px;
border: none;
}
section.single_product_cols > div.r div.actions {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
section.single_product_cols > div.r div.actions > div.l {
width: 267px;
float: left;
margin: 0px 30px 0px 0px;
}
section.single_product_cols > div.r div.actions > div.r {
width: 267px;
float: left;
}
div.enquiry_link_std {
width: 100%;
height: 60px;
overflow:hidden;
}
div.wishlist_link_std {
width: 100%;
height: 60px;
}
div.enquiry_link_std a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry_white.png);
}
div.enquiry_link_std a:hover {
background-color: #db3533;
}
div.wishlist_link_std a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist_white.png);
}
div.wishlist_link_std.opened a, div.wishlist_link_std a:hover {
background-color: #db3533;
}
div.side_nav {
width: 100%;
clear: both;
margin: 0px 0px 30px 0px;
}
div.side_nav ul {
padding: 0px 0px 0px 0px;
margin: 0px 0x 0px 0px;
list-style: none;
}
div.side_nav ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0x 0px 0px;
list-style: none;
border: 1px solid #414244;
border-bottom: none;
width: 100%;
overflow:hidden;
}
div.side_nav ul li.sub {
text-indent: 10px;
}
div.side_nav ul li.last {
border-bottom: 1px solid #414244;
}
div.side_nav ul li a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 13px;
padding: 20px 20px 20px 20px;
background-color: #313233;
-webkit-transition: background 150ms ease-in 150ms; /* property duration timing-function delay */
-moz-transition: background 150ms ease-in 150ms;
-o-transition: background 150ms ease-in 150ms;
transition: background 150ms ease-in 150ms;
}
div.side_nav ul li.sub a {
color: #c1c1c1;
}
div.side_nav ul li.active a {
background-color: #242526;
}
div.side_nav ul li a:hover {
background-color: #db3533;
}
div.jsmasonry {
width: 860px;
margin: 0 auto;
clear: both;
}
div.jsmasonry div.item {
width: 266px; margin-bottom: 30px;
height: 420px;
overflow:hidden;
}
div.jsmasonry div.item.ie7masonry {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
div.jsmasonry div.item.w2 {
width: 562px;
height: 165px;
}
div.jsmasonry div.item.half {
width: 266px;
height: 165px;
}
div.side_contacts {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.side_contacts ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 12px;
}
div.side_contacts ul li {
padding: 10px 0px 10px 70px;
margin: 0px 0px 10px 0px;
background-repeat: no-repeat;
background-position: left 8px;
white-space:nowrap;
}
div.side_contacts ul li a {
text-decoration: none;
}
div.side_contacts ul li span.tag {
display: inline-block;
width: 40px;
}
div.side_contacts ul li.address {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_location.png);
}
div.side_contacts ul li.telephone {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_telephone.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.fax {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_fax.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.email {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/bullet_email.png);
padding: 27px 0px 27px 70px;
}
div.side_contacts ul li.email a {
color: #fff;
text-decoration: none;
}
div.side_contacts ul li.email a:hover {
color: #db3533;
}
div.cms_pad {
color: #fff;
position: relative;
}
div.cms_pad p {
line-height: 22px;
}
div.cms_image {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.cms_image img {
width: 100%;
}
div.form_cols {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.form_cols > div {
float: left;
overflow:hidden;
}
div.form_cols > div.l {
width: 266px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.m {
width: 266px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.r {
width: 266px;
margin: 0px 0px 0px 0px;
}
div.form_cols > div input, div.form_cols > div textarea {
background-color: #313233;
color: #fff;
border: none;
clear: both;
margin: 0px 0px 20px 0px;
padding: 15px 0px 15px 15px;
width: 100%;
}
div.form_cols > div textarea {
height: 218px;
}
div.form_cols > div input.submit_button {
background-color: #db3533;
}
div.form_cols > div input.submit_button:hover {
background-color: #313233;
}
div.captcha {
text-align: center;
margin: 0px 0px 20px 0px;
}
a.button {
background-color: #db3533;
width: 100%;
border: none;
display: block;
color: #fff;
padding: 20px 0px;
margin: 0px 0px 30px 0px;
background-repeat: no-repeat;
background-position: 15px 17px;
clear: both;
text-align: center;
text-decoration: none;
}
a.button:hover {
background-color: #313233;
}
div.form_cols.full_width > div.l {
width: 25%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.m {
width: 25%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.r {
width: 50%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.l > div, div.form_cols.full_width > div.m > div {
margin-right: 20px;
overflow:hidden;
}
ul.maps {
display: block;
float: left;
clear: both;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
ul.maps li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
width: 266px;
float: left;
}
ul.maps li.third {
margin-right: 0px;
}
ul.maps li div.google_map_thumb {
width: 100%;
height: 266px;
margin: 0px 0px 20px 0px;
background-color: #222;
}
ul.maps li span.heading {
display: block;
color: #fff;
font-weight: normal;
font-size: 26px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
ul.maps li span.desc {
display: block;
line-height: 22px;
margin: 0 0 20px 0;
}
ul.maps li a {
color: #fff;
text-decoration: none;
display: block;
border-bottom: 1px solid #313233;
}
ul.maps li a:hover {
border-bottom: 1px solid #db3533;
}
#showroom_gallery {
margin: 0px 0px 30px 0px;
overflow: hidden;
}
#showroom_gallery .item img {
display: block;
width: 100%;
height: auto;
}
div.google_map_full {
width: 100%;
height: 300px;
margin: 30px 0px 30px 0px;
float: left;
clear: both;
}
div.news_row {
width: 100%;
clear: both;
float: left;
}
div.news_row ul {
float: left;
clear: both;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
div.news_row ul li {
width: 266px;
float: left;
margin: 0px 30px 30px 0px;
background-repeat: repeat-x;
background-position: top center;
}
div.news_row ul li.third {
margin-right: 0px;
}
div.news_row ul li a {
display: block;
position: relative;
clear: both;
float: left;
width: 100%;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #313233;
padding-bottom: 10px;
}
div.news_row ul li a span {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 300px;
text-align: center;
background-color: red;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_read_more.png);
background-position: center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.5);
}
div.news_row ul li a.video-box span {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/round_play.png);
}
div.news_row ul li a:hover span {
opacity: 1;
}
html.lt-ie8 div.news_row ul li a span {
display: none;
}
div.news_row ul li p {
margin-top: 320px;
font-size: 14px;
height: 65px;
overflow:hidden;
}
div.news_row ul li a p em {
color: #616161;
}
div.news_row ul li a:hover {
border-bottom: 1px solid #db3533;
}
hgroup.news_article {
width: 100%;
clear: both;
float: left;
border-bottom: 1px solid #323232;
margin: 0px 0px 30px 0px;
padding-bottom: 30px;
}
hgroup.news_article h2, hgroup.news_article h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
color: #ffffff;
font-weight: normal;
}
hgroup.news_article h2 {
font-size: 30px;
}
hgroup.news_article h3 {
margin-top: 10px;
font-size: 18px;
}
div.news_sub_footer {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 30px 0px 30px 0px;
/*border-top: 1px solid #323232;*/
}
div.news_sub_footer div.l {
float: right;
width: 70%;
padding-top: 20px;
}
div.news_sub_footer div.r {
float: right;
width: 29.9%;
}
div.news_sub_footer div.r a {
display: block;
float: right;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 40px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/white_back.png);
background-position: 20px 24px;
background-repeat: no-repeat;
color: #fff;
background-color: #313233;
text-decoration: none;
}
div.news_sub_footer div.r a:hover {
background-color: #db3533;
}
h1.top {
color: #fff;
font-size: 28px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
}
dl.faqs {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
border: 1px solid #424344;
border-top: none;
}
dl.faqs dt {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
list-style: none;
float: left;
clear: both;
border-top: 1px solid #424344;
position: relative;
}
dl.faqs dt a {
display: block;
background-color: #313233;
color: #fff;
text-decoration: none;
padding: 10px 10px 10px 40px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/faq_header_bg_on.png);
background-position: top right;
background-repeat: no-repeat;
}
dl.faqs dd {
position: relative;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px;
list-style: none;
float: left;
clear: both;
border-top: 1px solid #424344;
display: none;
background-color: #ffffff;
}
dl.faqs dd p {
display: block;
padding: 20px 10px 20px 40px;
margin: 0px 0px 0px 0px;
color: #5d5d5d;
line-height: 28px;
}
dl.faqs span {
position: absolute;
top: 10px;
left: 12px;
}
dl.faqs dd span {
top: 20px;
}
dl.faqs dt a:hover {
background-color: #e53434;
}
dl.faqs dt.active a {
background-color: #e53434;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/faq_header_bg_off.png);
}
div.user_tabs {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/user_tabs_halo.png);
background-position: center bottom;
background-repeat: no-repeat;
width: 100%;
}
div.user_tabs ul {
padding: 90px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
display: block;
width: 100%;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/user_tabs_ul_bg_bottom.png);
background-repeat: repeat-x;
background-position: bottom;
}
div.user_tabs ul li {
display: inline-block;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
div.user_tabs ul li a {
display: block;
padding: 16px 45px 16px 45px;
color: #fff;
background-color: #171717;
text-decoration: none;
border-top: 1px solid #313233;
border-left: 1px solid #313233;
border-bottom: 1px solid #313233;
}
div.user_tabs ul li.last a {
border-right:1px solid #313233;
}
div.user_tabs ul li.active a {
border-bottom: 1px solid #000;
background-color: #000;
}
div.user_tabs ul li a:hover {
background-color: #db3533;
}
div.central_form {
width: 550px;
margin: 0 auto;
margin-bottom: 60px;
overflow:hidden;
}
div.central_form.sub_my_account {
padding-top: 30px;
}
div.central_form h1 {
text-align: center;
width: 100%;
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-weight: normal;
font-size: 16px;
}
div.single_form_column > input, textarea, div.single_form_column div.actually_split input {
width: 100%;
border: none;
background-color: #313233;
color: #fff;
padding: 20px 0px 20px 50px;
margin: 0px 0px 30px 0px;
background-repeat: no-repeat;
background-position: 15px 17px;
clear: both;
}
div.single_form_column > textarea {
height: 54px;
}
div.single_form_column > input.submit_button {
background-color: #e53434;
padding-left: 0px;
padding-right: 0px;
}
div.single_form_column > input.submit_button:hover {
background-color: #313233;
}
div.single_form_column > input.email, div.actually_split input.email {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_user_icon.png);
}
div.single_form_column > input.password, div.actually_split input.password {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_password_icon.png);
}
div.single_form_column > textarea.message {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_message_icon.png);
}
div.single_form_column > input.noicon, div.single_form_column div.actually_split input.noicon {
padding: 20px 0px 20px 20px;
}
div.form_options {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 30px 0px;
}
div.form_options > div.l {
float: left;
width: 50%;
}
div.form_options > div.r {
float: left;
width: 50%;
text-align: right;
}
html.lt-ie8 div.form_options > div.r {
width: 49.9%;
}
div.form_options > div a {
color: #bdbdbd;
}
div.form_options > div a:hover {
color: #e53434;
}
#dummy_old_password, #dummy_password, #dummy_confirm_password {
display: none;
}
div.form_options > div.l label {
display: block;
float: left;
color: #bdbdbd;
}
div.form_options > div.l > div {
float: left;
margin: 3px 8px 0px 0px;
}
div.form_options > div.l > div input {
border: 1px solid #fff;
}
div.actually_split {
float: left;
width: 100%;
clear: both;
}
div.actually_split > div.l {
width: 50%;
float: left;
overflow:hidden;
}
div.actually_split > div.r {
width: 50%;
float: left;
overflow:hidden;
}
div.actually_split > div.l > div {
margin-right: 15px;
overflow:hidden;
}
div.actually_split > div.r > div {
margin-left: 15px;
overflow:hidden;
}
div.actually_split > div > div > label {
display: block;
margin-bottom: 6px;
}
span.spam_code {
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
#product_panels a {
text-align: center;
display: block;
position: relative;
text-decoration: none;
}
#product_panels a img {
width: 100%;
max-width: 267px;
}
#product_panels a p {
text-align: left;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 13px;
}
#product_panels a p b.name {
text-decoration: none;
font-size: 16px;
font-weight: normal;
}
#product_panels a:hover p {
background-color: #fff;
color: #000;
}
#product_panels a {
color: #000;
}
#product_panels div > span {
position: relative;
display: block;
width: 100%;
overflow:hidden;
}
#product_panels div > a > span > span {
position: absolute;
display: block;
z-index: 200;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background-color:rgba(138, 138, 138, 0.2);
display: none;
}
#product_panels div > a:hover > span > span {
display: block;
}
#product_panels a p em {
font-style: normal;
font-display: swap;
}
div.my_account_lander {
width: 860px;
margin: 0px 0px 30px 0px;
clear: both;
float: left;
}
div.my_account_lander > div.l {
width: 460px;
height: 450px;
float: left;
background-color: #fff;
}
div.my_account_lander > div.r {
width: 400px;
height: 450px;
float: left;
background-color: #313233;
position: relative;
}
#myaccount_banners span.img {
position: absolute;
display: block;
top: -294px;
left: 0px;
z-index: 1000;
}
#myaccount_banners span.box {
display: block;
position: relative;
background-color: #ffffff;
color: #414144;
height: 156px;
border-top:294px solid transparent;
}
#myaccount_banners span.box h2 {
color: #db3533;
font-size: 28px;
padding: 20px 20px 10px 20px;
line-height: 30px;
margin: 0px 0px 0px 0px;
}
#myaccount_banners span.box p {
padding: 0px 20px 0px 20px;
margin: 0px 0px 0px 0px;
}
table.myaccount {
width: 100%;
border: none;
margin: 0px 0px 0px 0px;
}
table.myaccount th, table.myaccount td {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}
table.myaccount th {
background-color: #414144;
}
table.myaccount th h2 {
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table.myaccount td.field {
border-right: 1px solid #414144;
}
div#edit_details_link {
position: absolute;
top: 18px;
right: 20px;
}
div#edit_details_link a {
display: block;
background-image:url('https://www.steelite.com/skin/frontend/default/steelite/images/edit_icon_absolute_bg.png');
background-position: left;
background-repeat: no-repeat;
padding: 0px 0px 0px 20px;
color: #fff;
text-decoration: none;
}
div#edit_details_link a:hover {
color: #db3533;
}
div.back_block {
position: absolute;
top: 32px;
right: 20px;
}
div.back_block a {
display: block;
padding: 10px;
color: #fff;
background-color: #313233;
text-decoration: none;
}
div.back_block a:hover {
background-color: #db3533;
}
div#skinny_banners {
margin-bottom: 30px;
}
table.wishlist {
border: 1px solid #414244;
margin: 0px 0px 0px 0px;
}
table.wishlist.basket {
margin: 0px 0px 30px 0px;
}
table.wishlist th {
background-color: #414244;
padding: 20px 10px;
white-space: nowrap;
}
table.wishlist td {
background-color: #313233;
padding: 0px 0px 0px 0px;
vertical-align: middle;
color: #fff;
}
table.wishlist td.img {
background-color: #000;
}
table.wishlist td.img, table.wishlist th.img {
width: 3%;
}
table.wishlist td.name, table.wishlist th.name {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
table.wishlist td.name a {
color: #fff;
text-decoration: none;
}
table.wishlist td.name a:hover {
color: #e53434;
}
table.wishlist td.check, table.wishlist th.check {
text-align: center;
width: 3%;
}
table.wishlist td.remove, table.wishlist th.remove {
text-align: center;
width: 3%;
}
table.wishlist td.icon a {
display: inline-block;
background-position: 0px 0px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
text-indent: 30px;
overflow:hidden;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
table.wishlist td.remove a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/wishlist_remove.png);
}
table.wishlist td.copy a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/copy.png);
}
table.wishlist td.notes a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/info.png);
}
table.wishlist td.icon a:hover {
background-position: -20px 0px;
}
table.wishlist th.sorting span {
text-indent: 30px;
display: inline-block;
overflow: hidden;
width: 7px;
height: 7px;
margin-left: 5px;
}
table.wishlist th.sorting span.asc {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/order_asc.png);
}
table.wishlist th.sorting span.desc {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/order_desc.png);
}
table.wishlist input.qty {
border: 1px solid #414244;
color: #fff;
background-color: #1d1d1e;
width: 43px;
font-size: 14px;
padding: 5px 0px 5px 0px;
text-align: center;
}
div.wishlist_controls {
position: relative;
clear: both;
float: left;
width: 100%;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/wishlist_controls_bg.png);
background-position: top left;
background-repeat: no-repeat;
height: 120px;
}
div.wishlist_controls > div.create_pdf {
display: block;
position: absolute;
width: 266px;
height: 60px;
top: 31px;
right: 258px;
overflow: hidden;
z-index: 2;
}
div.wishlist_controls > div.create_pdf a {
display: block;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #4a4c4c;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_pdf_white.png);
padding: 20px 20px 20px 50px;
background-position: 18px 18px;
}
div.wishlist_controls > div.create_pdf a:hover {
background-color: #db3533;
}
div.wishlist_controls > div.send_to_friend {
display: block;
position: absolute;
width: 215px;
height: 60px;
top: 31px;
right: 20px;
overflow: hidden;
z-index: 2;
}
div.wishlist_controls > div.send_to_friend a {
display: block;
background-position: 20px 20px;
background-repeat: no-repeat;
padding: 20px 20px 20px 44px;
text-decoration: none;
color: #fff;
background-color: #242525;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_send_to_friend.png);
padding: 20px 20px 20px 50px;
}
div.wishlist_controls > div.send_to_friend a:hover {
background-color: #db3533;
}
div.wishlist_controls > div.wish_instructions {
float: left;
padding: 17px 0px 20px 20px;
color: #555555;
}
div.wishlist_controls > div.wish_instructions h2 {
color: #e53434;
font-size: 30px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.wishlist_controls > div.wish_instructions p {
line-height: 20px;
margin-bottom: 0px;
width: 350px;
}
div.main_wishlist_controls {
float: left;
clear: both;
width: 100%;
}
div.main_wishlist_controls > div {
float: right;
margin: 20px 20px 20px 0px;
}
div.main_wishlist_controls > div input[type="submit"], div.main_wishlist_controls > div a {
display: block;
padding: 20px 38px 20px 38px;
background-color: #fff;
text-decoration: none;
border: 0;
color: #e53434;
}
div.main_wishlist_controls > div input[type="submit"]:hover, div.main_wishlist_controls > div a:hover, div.main_wishlist_controls > div.send_to_wishlist.opened a {
color: #fff;
background-color: #e53434;
}
div.main_wishlist_controls > div.send_to_wishlist {
height: 58px;
}
div.main_wishlist_controls > div.send_to_wishlist a {
padding: 20px 65px;
}
/* PRODUCT MODAL CONTAINER */
#formmodal-container {
position: absolute; height: 718px; width:590px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #000;
}
#formmodal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#formmodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#formmodal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:22px; right:22px; cursor:pointer;}
#small-container {
position: absolute; height: 378px; width:590px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #000;
}
#small-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#small-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#small-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:22px; right:22px; cursor:pointer;}
div.lightbox_pad {
color: #fff;
margin: 20px 20px 20px 20px;
overflow: hidden;
}
div.lightbox_pad h1 {
font-weight: normal;
font-size: 30px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #313233;
}
div.copy_in_link {
position: relative;
clear: both;
float: left;
width: 100%;
height: 50px;
overflow: hidden;
margin: 0px 0px 20px 0px;
}
div.copy_in_link a {
display: block;
width: 100%;
padding: 15px 0px 15px 45px;
color: #fff;
background-color: #313233;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_plus_one.png);
background-repeat: no-repeat;
background-position: 16px 16px;
text-decoration: none;
}
div.copy_in_link a:hover {
background-color: #48494a;
}
input.cc_email {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_plus_one.png);
background-repeat: no-repeat;
background-position: 16px 16px;
text-indent: 30px;
white-space:nowrap;
}
div.brand_tiles {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.brand_tiles > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.brand_tiles > ul > li {
display: block;
float: left;
width: 267px;
height: 267px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
}
div.brand_tiles > ul > li.fourth {
margin-right: 0px;
}
div.brand_tiles > ul > li a {
display: block;
width: 100%;
height: 100%;
white-space: nowrap;
background-position: top;
text-decoration: none;
}
div.brand_tiles > ul > li a:hover {
background-position: bottom;
}
div.brand_tiles > ul.look_books > li a:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
background-position: top;
}
div.solution_categories {
float: left;
clear: both;
width: 100%;
background-color: #9FCDDF !important; /*#313233;*/
color: #222;
}
div.solution_categories > div {
min-height: 280px;
width: 24.9%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/solutions_line_bg.png);
background-position: right;
background-repeat: no-repeat;
}
div.solution_categories > div.solution_category_4 {
background-image: none;
}
div.solution_categories > div > p {
padding: 30px 20px 30px 20px;
margin: 0px 0px 0px 0px;
}
div.solution_categories > div img {
margin-bottom: 15px;
}
div.solution_categories > div strong {
font-size: 24px;
font-weight: normal;
display: inline-block;
padding-bottom: 10px;
}
/* BT Range scroll */
div#range_scroll {
position: absolute;
right: 0;
top: 0;
padding: 0;
height: 60px;
overflow: hidden;
}
div#range_scroll > a {
color: #f0f1f2;
text-decoration: none;
display: block;
float: left;
padding: 20px 0;
background-repeat: no-repeat;
}
div#range_scroll > a:hover {
color: #e53434;
}
div#range_scroll > a.scroll_next {
margin-left: 24px;
margin-right: 1px;
padding-right: 18px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/scroll_next.png);
background-position: right top;
}
div#range_scroll > a.scroll_next:hover {
background-position: right bottom;
}
div#range_scroll > a.scroll_prev {
padding-left: 18px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/scroll_prev.png);
background-position: left top;
}
div#range_scroll > a.scroll_prev:hover {
background-position: left bottom;
}
div#range_scroll > a.back_arrow {
padding-left: 42px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/back_arrow.png);
background-position: left top;
}
div#range_scroll > a.back_arrow:hover {
background-position: left bottom;
}
/* End BT Range scroll */
/* Wishlist Extras */
div.wishlist > div.pagination {
margin-top: 30px;
}
#wishlist_edit_opened {
display: none;
}
div.wishlist_header {
margin: 0px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
overflow: hidden;
}
div.wishlist_header > h1, div.wishlist_header > h1 > input[type="text"] {
color: #fff;
font-size: 28px;
font-weight: normal;
margin: 0;
}
div.wishlist_header > h1 {
width: 50%;
}
div.wishlist_header > h1 > input[type="text"] {
position: relative;
top: 2px;
left: -5px;
background-color: #000;
border: 0;
width: 100%;
border-bottom: 1px solid #fff;
display: block;
padding-left: 5px;
}
div.wishlist_header > div.wishlist_title_controls, div.wishlist_header > h1 {
float: left;
height: 39px;
}
div.wishlist_header > div.wishlist_title_controls {
width: 65px;
height: 30px;
margin-top: 6px;
}
div.wishlist_header > div.wishlist_title_controls a.pencil {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/pencil_edit.png);
background-repeat: no-repeat;
display: block;
width: 21px;
height: 30px;
background-position: right;
margin: 0 auto;
text-indent: 40px;
overflow: hidden;
}
div.wishlist_header > div.wishlist_title_controls a.pencil:hover {
background-position: left;
}
div.wishlist_header > div.wishlist_title_controls a.icon {
display: inline-block;
width: 25px;
height: 30px;
overflow: hidden;
text-indent: 40px;
background-position: right;
background-repeat: no-repeat;
}
div.wishlist_header > div.wishlist_title_controls a.icon:hover {
background-position: left;
}
div.wishlist_header > div.wishlist_title_controls a.save {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/save_icon.png);
}
div.wishlist_header > div.wishlist_title_controls a.cancel {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/cancel_icon.png);
}
section.product_lightbox div.wishlist_link {
overflow: visible;
}
section.product_lightbox div.wishlist_link.opened a {
background-color: #db3533;
}
#wishlist_selector {
position: relative;
z-index: 10;
display: none;
}
#wishlist_selector > div {
border: 1px solid #db3533;
background-color: #fff;
overflow: hidden;
}
#wishlist_selector > div.inline_edit {
height: 35px;
}
#wishlist_selector > div a {
background-color: #fff;
color: #000;
padding: 8px 12px;
display: block;
text-decoration: none;
}
#wishlist_selector > div > a {
color: #db3533 !important;
}
#wishlist_selector > div ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#wishlist_selector > div ul > li > a {
padding: 2px 20px;
color: #5c5e60;
}
#wishlist_selector > div ul > li > a:hover {
color: #000;
}
#wishlist_selector div.wishlist_list {
padding-bottom: 12px;
border-top: 0;
}
#wishlist_selector div > a > span.hide {
display: none;
}
/* Universal Scrollbar */
/* SCOLLBAR SETTINGS */
#wishlist_scrollbar .viewport { height: 115px; overflow: hidden; position: relative; }
#wishlist_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; }
#wishlist_scrollbar .scrollbar { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#wishlist_scrollbar .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#wishlist_scrollbar .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#wishlist_scrollbar .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#wishlist_scrollbar .disable { display: none; }
/* END SCROLLBAR SETTINGS */
#wishlist_selector div.quick_edit {
display: none;
height: 33px;
overflow: hidden;
}
#wishlist_selector div.quick_edit > div.right {
float: right;
width: 46px;
}
#wishlist_selector div.quick_edit > div.left {
overflow: hidden;
}
#wishlist_selector div.quick_edit > div > input[type="text"] {
padding: 9px 12px;
border: 0;
}
#wishlist_selector div.quick_edit > div > a {
display: inline-block;
width: 20px;
height: 33px;
overflow: hidden;
padding: 0;
text-indent: 40px;
background-repeat: no-repeat;
background-position: center;
}
#wishlist_selector a.icon_cancel {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/red_cancel.png);
}
#wishlist_selector a.icon_save {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/red_tick.png);
}
div.single_form_column > textarea.wishlist_notes_editor {
height: 80px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
padding: 20px;
resize: none;
}
/* CATEGORY SLIDES - THUMBNAILS */
div.category_thumbnails {
clear: both;
overflow: hidden;
margin-bottom: 30px;
height: 94px;
}
div.category_thumbnails > div {
float: left;
margin-right: 12px;
}
div.category_thumbnails > div.wider {
margin-right: 13px;
}
div.category_thumbnails > div.last {
margin-right: 0;
}
div.category_thumbnails > div > a {
display: block;
width: 155px;
height: 94px;
cursor: pointer;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
-webkit-transition: opacity 200ms ease-in 200ms; /* property duration timing-function delay */
-moz-transition: opacity 200ms ease-in 200ms;
-o-transition: opacity 200ms ease-in 200ms;
transition: opacity 200ms ease-in 200ms;
}
div.category_thumbnails > div > a:hover {
opacity: 0;
}
#category_slider_mobile_holder {
display: none;
}
#category_slider_mobile_holder div.category_slider_mobile_item {
width: 100%;
height: 247px;
float: left;
clear: both;
margin: 0;
background-position: center;
}
/*
#category_slider {
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
*/
/*
ABOUT US - NEW ITEMS
*/
div.about_grid div.item a {
display: block;
height: 100%;
background-color: #a4bf60;
color: #fff;
text-decoration: none;
}
div.about_grid div.item a:hover {
background-color: #60bebf;
}
div.about_grid div.item > a div.base {
position: absolute;
width: 100%;
text-align: center;
bottom: 0px;
left: 0px;
color: #fff;
background: inherit;
}
div.about_grid div.item > a div.base p {
padding: 30px 15px 35px 15px;
margin: 0px 0px 0px 0px;
font-size: 13px;
}
div.about_grid div.item > a div.base p strong {
font-size: 15px;
}
div.about_grid div.item > a p.text {
text-align: center;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
div.about_grid div.item > a div.big_quote {
position: relative;
text-align: center;
width: 100%;
padding-top: 30px;
padding-bottom: 22px;
}
div.about_grid div.item > a div.small_quote {
position: relative;
text-align: center;
width: 100%;
padding-top: 22px;
padding-bottom: 120px;
}
div.about_grid div.item > a div.panel_one {
width: 100%;
overflow: hidden;
text-align: center;
background: inherit;
}
div.about_grid div.item > a div.panel_one img {
width: 100%;
min-width: 267px;
}
div.about_grid div.item > a div.panel_two {
position: absolute;
top: 100%;
left: 0px;
height: 100%;
width: 100%;
background-color: #000;
-webkit-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
-moz-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
-o-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
}
div.about_grid div.item > a:hover div.panel_two {
top: 0px;
}
div.about_grid div.item > a > img {
width: 100%;
}
/* CATEGORY STYLE PAGE FOR TAGS */
div.main_cols > div.l div.category_banner.smaller_text > div.l h1 {
font-size: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
color: #000;
border-bottom: none;
}
div.category_banner.smaller_text {
height: 330px;
}
div.category_banner.smaller_text > div.l,
div.category_banner.smaller_text > div.r {
height: 330px;
}
div.category_banner.smaller_text > div.l {
width: 330px;
}
div.category_banner.smaller_text > div.l #standardscrollbar .viewport {
width: 300px;
height: 330px;
}
div.category_banner.smaller_text > div.l p:last-child {
margin-bottom: 0px;
}
div.category_banner.smaller_text div.buffer_top {
width: 290px;
}
div.category_banner.smaller_text div.buffer_bottom {
width: 290px;
}
/* PRODUCT PAGE TAGS */
div#product_tags {
clear: both;
float: left;
width: 100%;
margin-top: 10px;
}
div#product_tags div.item {
padding: 10px 30px 10px 30px;
text-align: center;
}
div#product_tags div.item a {
color: #fff;
text-decoration: none;
}
div#product_tags div.item a:hover {
color: #e53434;
}
div#product_tags div.item table {
width: 100%;
border: none;
}
div#product_tags div.item table td {
padding: 0px 0px 0px 0px;
height: 50px;
vertical-align: middle;
text-align: center;
}
div#product_tags.owl-theme .owl-controls .owl-buttons div.owl-prev {
position: absolute;
top: 22px;
left: 0px;
}
div#product_tags.owl-theme .owl-controls .owl-buttons div.owl-next {
position: absolute;
top: 22px;
right: 0px;
}
h2.complete-look {
font-size: 28px;
text-align: center;
}
div#product_tags.owl-theme .owl-controls {
top: 0px;
bottom: auto;
}
div#product-carousel {
overflow: hidden;
clear: both;
padding: 0 30px;
box-sizing: border-box;
}
#product-carousel .owl-controls {
bottom: auto;
top: 50%;
transform: translateY(-50%);
margin-left: -30px;
margin-right: -30px;
}
#grid #product-carousel .mix {
display: block;
opacity: 1;
width: auto;
}
#newsGrid .newsBox {
display: block;
}
.newsGrid {
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-align-items: center;
align-content: stretch;
text-align: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
}
.newsGrid .newsBox {
margin-right: 30px;
margin-bottom: 30px;
}
.newsBox {
display: block;
text-align: left;
}
.newsBox .img {
margin-bottom: 20px;
}
.newsBox strong {
font-size: 16px;
font-weight: 700;
display: block;
}
.newsBox .date {
display: block;
font-weight: 14px;
margin-bottom: 10px;
}
.newsBox p {
/*display: none;*/
font-size: 12px;
}
.newsBox .readMore {
display: block;
margin-top: 30px;
font-size: 16px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.brand_tiles > ul > li {
width: 24.9%;
float: left;
margin-right: 0px;
margin-bottom: 0px;
}
section#breadcrumbtrail ul {
float: left;
margin: 0px 0px 0px 0px;
}
section#cookie p {
padding: 20px 60px 20px 20px;
}
section#cookie a#cookie_close {
right: 20px;
}
section.section,
div.section {
width: 100%;
}
/*
header a#logo {
left: 15px;
}
header ul#cart {
right: 20px;
}
header div#search {
right: 20px;
}
header ul#contacts {
right: 20px;
}
nav#primary > ul {
width: auto;
}
*/
nav#primary > ul > li > a {
padding: 20px 15px 22px 15px;
}
div#main_banners {
margin-bottom: 30px;
}
section.section.news_container {
width: 100%;
overflow:hidden;
}
div#news_panels {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.carousel_banner {
margin: 0px 0px 0px 0px;
}
section.section.sub_categories_container {
width: 100%;
overflow:hidden;
}
div#sub_category_panels, div#sub_category_panels_all {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.sub_category_banner {
margin: 0px 0px 0px 0px;
}
div.box.wide {
width: 50%;
}
div.box.standard {
width: 25%;
margin: 0px 0px 0px 0px;
}
html.lt-ie8 div.box.standard {
width: 24.9%;
}
a.fader div img {
padding-top: 10px;
}
div.feature div.feature_text {
width: 50%;
line-height: 16px;
}
div.feature div.feature_text p.quote img {
width: 27px;
}
section.section.features_container section.l {
width: 50%;
margin-right: 0px;
}
section.section.features_container section.r {
width: 50%;
}
html.lt-ie8 section.section.features_container section.l, html.lt-ie8 section.section.features_container section.r {
width: 49.8%
}
section.sub_footer div.l p {
padding-left: 20px;
}
section.sub_footer div.r p {
padding-right: 20px;
}
section.footer img.footer_logo {
right: 20px;
}
section.footer h6 {
margin-left: 20px;
}
section.footer ul.l {
margin-left: 20px;
}
section.pre_footer h5 {
font-size: 20px;
}
section.pre_footer div.l p {
margin-left: 20px;
}
section.pre_footer div.l h5 {
margin-left: 20px;
}
section.pre_footer div.l {
float: left;
width: 50%;
margin-right: 0px;
}
section.pre_footer div.m, section.pre_footer div.r {
float: left;
width: 25%;
}
html.lt-ie8 section.pre_footer div.l {
width: 49.8%
}
h2.standalone {
text-indent: 20px;
}
#product_list_controls p {
left: 20px;
}
#product_list_controls ul.swatches {
margin: 0px 0px 0px 170px;
}
#grid_wrap {
width: 100%;
clear: both;
}
#grid_container {
width: 100%;
margin-left: 0px;
}
#grid .mix {
width: 25%;
margin: 0px 0px 30px 0px;
}
html.lt-ie8 #grid .mix {
width: 24.9%;
}
#grid .mix p {
padding: 20px 10px 20px 20px;
}
#product_list_controls div#range_sharing {
right: 20px;
}
div.main_cols > div.l {
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
div.main_cols > div.r {
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
div.main_cols > div.l h1, div.main_cols > div.r h5 {
padding-left: 20px;
}
div.main_cols > div.l div.sub_my_account h1 {
padding-left: 0px;
}
div.main_cols > div.l ul.search_list li {
width: 25%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 24.9%;
}
div.filter {
margin: 0px 0px 1px 0px;
}
div.filter h6 {
font-size: 18px;
margin: 10px 20px 10px 20px;
}
div.filter ul li {
margin: 0px 0px 0px 20px;
}
section.single_product_cols > div.l {
width: 100%;
clear: both;
float: left;
margin: 0px 0px 0px 0px;
}
section.single_product_cols > div.r {
width: 600px;
float: none;
clear:both;
margin: 0 auto;
}
section.single_product_cols > div.r div.actions {
margin: 0px 0px 10px 0px;
}
section.single_product_cols > div.r div.actions > div.l {
width: 100%;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
}
section.single_product_cols > div.r div.actions > div.r {
width: 100%;
float: left;
clear: both;
margin: 0px 0px 0px 0px;
}
.desktop_only {
display: none;
}
.non_desktop_only {
display: block;
}
div.side_nav {
margin: 0px 0px 0px 0px;
}
div.side_nav ul {
width: auto;
float: left;
clear: both;
margin: 0px 20px 0px 20px;
border-right: none;
border-bottom: none;
background-color: #121315;
}
div.side_nav ul li {
float: left;
display: inline-block;
clear: none;
width: auto;
border: none;
border-left: 1px solid #414244;
border-bottom: 1px solid #414244;
}
div.side_nav ul li a {
font-size: 12px;
padding: 10px;
}
div.side_contacts ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
color: #fff;
font-size: 12px;
}
div.side_contacts ul li {
float: left;
margin-right: 20px;
}
div.cms_pad {
padding: 0px 20px 0px 20px;
}
div.form_cols > div.l {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.m {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.r {
width: 33.3%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.l > div, div.form_cols > div.m > div {
margin-right: 20px;
overflow:hidden;
}
ul.maps li {
margin: 0px 0px 30px 0px;
width: 100%;
float: left;
}
div.main_cols > div.r h5.second {
padding-top: 30px;
display: none;
}
div.news_row ul li {
width: 33.2%;
float: left;
margin: 0px 0px 30px 0px;
}
div.news_row ul li p {
padding: 10px 10px 10px 10px;
}
dl.faqs {
margin-top: 30px;
}
div.my_account_lander {
width: 100%;
margin-top: 30px;
}
div.my_account_lander > div.l {
width: 100%;
height: 294px;
position: relative;
margin: 0px 0px 30px 0px;
}
div.my_account_lander > div.r {
width: 100%;
height: auto;
}
#myaccount_banners span.img {
position: absolute;
top: 0px;
left: -460px;
}
#myaccount_banners span.box {
height: 294px;
border-top:none;
border-left: 460px solid transparent;
}
div#skinny_banners_wrap {
display: none;
}
/* BT Range scroll */
div#range_scroll {
margin-right: 20px;
}
/* END BT Range scroll */
div.main_cols > div.l.splitted div.main, div.main_cols > div.l.splitted div.side {
float: none;
width: 100%;
}
div.main_cols > div.l.splitted div.side > ul, div.main_cols > div.l.splitted div.side > div {
width: 50%;
float: left;
box-sizing: border-box;
}
div.main_cols > div.l.splitted div.side div.extra_text {
margin: 0;
padding: 0 0 0 30px;
}
div.box.standard.event_box {
width: 23%;
float: right;
}
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.category_thumbnails > div {
width: 13%;
}
div.category_thumbnails > div > a {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 1050px) {
/* BT Range scroll */
div#range_scroll {
display: none;
}
/* END BT Range scroll */
}
@media only screen and (min-width: 0px) and (max-width: 1010px) {
ul.iconable_list div.tools, ul.iconable_list div.tools > div.opener {
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 970px) {
div.brand_tiles > ul > li {
width: 33.29%;
}
/*
header ul#contacts > li#contacts_twitter {
display: none;
}
header ul#contacts > li#contacts_facebook {
display: none;
}
header ul#contacts > li#contacts_linkedin {
display: none;
}
header ul#contacts > li#contacts_youtube {
display: none;
}
header ul#contacts > li#contacts_pinterest {
display: none;
}
header ul#contacts > li#contacts_instagram {
display: none;
}*/
}
@media only screen and (min-width: 0px) and (max-width: 950px) {
nav#primary > ul {
padding-left: 6px;
}
nav#primary > ul > li > a {
padding: 20px 10px 22px 10px;
}
#product_grid_controls ul {
margin-left: 20px;
border-left: 1px solid #313233;
}
#product_grid_controls ul li {
font-size: 12px;
color: #fff;
padding: 10px;
}
#product_grid_controls ul li em {
display: inline-block;
clear: both;
}
div.wishlist_controls {
background-image: none;
height: auto;
}
div.wishlist_controls > div.create_pdf {
position: relative;
width: 100%;
height: 60px;
top: auto;
right: auto;
overflow: hidden;
clear: both;
float: left;
}
div.wishlist_controls > div.send_to_friend {
position: relative;
width: 100%;
height: 60px;
top: auto;
right: auto;
overflow: hidden;
z-index: 2;
clear: both;
float: left;
}
div.wishlist_controls > div.wish_instructions {
float: left;
padding: 20px 0px 20px 0px;
color: #fff;
}
div.wishlist_controls > div.wish_instructions h2 {
font-size: 24px;
}
div.wishlist_controls > div.wish_instructions p {
line-height: 20px;
margin-bottom: 0px;
width: 100%;
}
div.main_wishlist_controls {
float: left;
clear: both;
width: 100%;
}
div.main_wishlist_controls > div {
float: right;
margin: 0px 0px 2px 0px;
width: 100%;
}
div.main_wishlist_controls > div input[type="submit"], div.main_wishlist_controls > div a {
display: block;
padding: 20px 38px 20px 38px;
background-color: #fff;
text-align: left;
text-decoration: none;
}
div.main_wishlist_controls > div input[type="submit"] {
width: 100%;
}
div.main_wishlist_controls > div input[type="submit"]:hover, div.main_wishlist_controls > div a:hover {
color: #fff;
background-color: #e53434;
}
}
@media only screen and (min-width: 0px) and (max-width: 860px) {
div.jsmasonry {
width: 100%;
}
div.solution_categories > div {
width: 49.9%;
}
div.solution_categories > div.solution_category_2 {
background-image: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
/*
header ul#contacts > li#contacts_telephone {
display: none;
}*/
nav#primary > ul > li#primary_menu_new_products {
display: none;
}
nav#primary > ul > li#primary_menu_about {
display: none;
}
div.box.wide {
width: 100%;
clear: both;
margin: 0px 0px 30px 0px;
}
div.box.standard {
width: 50%;
margin: 0px 0px 0px 0px;
}
html.lt-ie8 div.box.standard {
width: 49.9%;
}
div.feature div.feature_text {
width: 50%;
line-height: 16px;
}
div.feature div.feature_text p.quote img {
width: 27px;
}
section.section.features_container section.l {
width: 100%;
clear: both;
margin-right: 0px;
}
section.section.features_container section.r {
width: 100%;
clear: both;
}
html.lt-ie8 section.section.features_container section.r {
width: 100%;
}
section.footer img.footer_logo {
display: none;
}
section.pre_footer div.l {
width: 100%;
}
html.lt-ie8 section.pre_footer div.l {
width: 100%;
}
section.pre_footer div.m, section.pre_footer div.r {
width: 50%;
}
html.lt-ie8 section.pre_footer div.m, html.lt-ie8 section.pre_footer div.r {
width: 49.9%;
}
section.pre_footer div.m p, section.pre_footer div.m h5 {
margin-left: 20px;
}
section.section.features_container section.l {
display: none;
}
#product_list_controls div#range_sharing {
display: none;
}
div.news_sub_footer div.l {
width: 100%;
text-align: center;
}
div.news_sub_footer div.r {
width: 100%;
}
div.category_thumbnails > div {
width: 12%;
}
div.box.standard.event_box {
width: 47%;
float: right;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
#grid .mix {
width: 33.33%;
}
html.lt-ie8 #grid .mix {
width: 33.2%;
}
div.main_cols > div.l ul.search_list li {
width: 33.33%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 33.2%;
}
div.form_cols > div.l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.m {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.r {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.l > div, div.form_cols.full_width > div.l > div {
margin-right: 10px;
overflow:hidden;
}
div.form_cols > div.m > div, div.form_cols.full_width > div.m > div {
margin-left: 10px;
margin-right: 0px;
overflow:hidden;
}
div.form_cols.full_width > div.l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.m {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols.full_width > div.r {
width: 100%;
margin: 0px 0px 0px 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
div.my_account_lander > div.l {
height: auto;
}
#myaccount_banners span.img {
position: relative;
top: auto;
left: auto;
clear: both;
width: 100%;
}
#myaccount_banners span.img img {
width: 100%;
}
#myaccount_banners span.box {
height: auto;
border-top:none;
border-left: none;
padding-bottom: 20px;
}
div.brand_tiles > ul > li {
width: 49.9%;
}
}
@media only screen and (min-width: 0px) and (max-width: 710px) {
section.section.breadcrumbtrail {
display: none;
}
div.main_cols {
padding-top: 30px;
}
div.main_cols.faqs {
padding-top: 0px;
}
div.category_banner, div.category_banner_thumbs {
height: auto;
}
div.category_banner > div.l, div.category_banner_thumbs > div.l {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: auto;
clear: both;
float: left;
}
div.category_banner > div.r, div.category_banner_thumbs > div.r {
float: left;
width: 100%;
height: 247px;
clear: both;
margin: 0px 0px 0px 0px;
}
div#standardscrollbar div.scrollbar {
display: none;
}
div#standardscrollbar .overview {
position: relative;
clear: both;
padding: 40px 20px 20px 20px;
}
div#standardscrollbar .viewport {
width: 100%;
height: auto;
overflow: visible;
}
div.category_banner > div.r p.round, div.category_banner_thumbs > div.r p.round {
display: block;
position: absolute; /* WAS RELATIVE - CATEGORY CAOURSEL MOD */
z-index:1000; /* PLUS THIS LINE - CATEGORY CAOURSEL MOD */
top: 0px;
padding-top:35px;
right: 0px;
width: 100%;
text-align: center;
}
h2.standalone {
font-size: 22px;
padding-top: 7px;
padding-bottom: 40px;
}
#product_list_controls p {
left: auto;
top: auto;
position: relative;
text-align: center;
margin: 0px 0px 10px 0px;
}
#product_list_controls ul.swatches {
margin: 0px 0px 0px 0px;
display: block;
width: 100%;
text-align: center;
clear: both;
float: left;
}
#product_list_controls ul.swatches li {
display: inline-block;
float: none;
margin: 0px 5px 0px 5px;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
}
#product_list_controls {
height: auto;
}
#product_grid_controls ul {
margin-left: 0px;
border-left: none;
clear: both;
width: 100%;
border-bottom: 1px solid #313233;
}
#product_grid_controls ul li {
font-size: 12px;
color: #fff;
padding: 10px 0px 10px 0px;
text-align: center;
float: left;
width: 50%;
border:none;
border-top: 1px solid #313233;
}
html.lt-ie8 #product_grid_controls ul li {
width: 49.9%
}
#product_grid_controls ul li.active {
border-bottom: none;
}
#product_grid_controls ul li em {
display: inline-block;
clear: both;
}
section.single_product_cols > div.r {
width: 100%;
}
section.single_product_cols > div.r > div {
padding: 0px 20px 0px 20px;
}
div.news_row ul li {
width: 49.9%;
}
div.category_thumbnails {
display: none;
}
#category_slider {
display: none;
}
#category_slider_mobile_holder {
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 680px) {
div.buffer_top {
display: none;
}
div.buffer_bottom {
display: none;
}
#simplemodal-container {
width: 100%;
min-width:320px;
}
#simplemodal-container a.modalCloseImg {
top: 20px;
right: 20px;
}
#simplemodal-container .simplemodal-data {
padding: 17px 70px 35px 20px;
margin: 0px 0px 0px 0px;
}
/*
header {
height: auto;
}
header ul#cart li#my_wishlist a, header ul#cart li#my_moodboard a {
height: 18px;
padding-left: 24px;
}*/
/* header ul#cart li span {
display: none;
}*/
/*
header a#logo {
position: relative;
clear: both;
float: left;
width: 100%;
background-position: center;
background-repeat: no-repeat;
top: auto;
left: auto;
margin: 30px 0px 20px 0px;
}
header div#search {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
clear: both;
margin-bottom: 20px;
}
header ul#contacts {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
clear: both;
text-align: center;
margin-bottom: 20px;
}
header ul#contacts > li {
display: inline-block;
float: none;
}
header ul#contacts > li#contacts_country > a {
border-left: none;
}
header ul#contacts > li#contacts_home {
display: none;
}
*/
section.section.top_header {
min-height: auto; /* auto property is not a valid CSS value */
}
nav#primary {
display: none;
}
section#mobile_trigger {
display: block;
}
div.main_banner > div.r {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 450px;
background-color: transparent;
text-align: right;
}
div.main_banner > div.r > p {
display: none;
}
div.main_banner > div.r > p.round {
display: block;
margin: 0px 0px 0px 0px;
padding: 125px 0px 0px 0px;
font-size: 14px;
line-height: 20px;
text-align: center;
}
div.latest_tweets div.m {
border-right: 20px solid transparent;
}
div.latest_tweets div.r {
display: none;
}
section.sub_footer div.l {
width: 100%;
text-align: center;
}
section.sub_footer div.l p {
padding-bottom: 0px;
padding-left: 0px;
}
section.sub_footer div.r {
width: 100%;
text-align: center;
}
section.sub_footer div.r p {
padding-top: 10px;
padding-right: 0px;
}
section.footer ul {
margin-left: 20px;
font-size: 12px;
width: 150px;
}
div#product_topper span {
position: absolute;
top: 23px;
right: 0px;
width: 100%;
height: 135px;
text-align: center;
}
div#product_topper span img {
height: 100%;
width: auto;
}
div.more_from {
position: relative;
top: auto;
left: auto;
width: 100%;
height: 60px;
overflow:hidden;
}
div.more_from a {
width: 100%;
}
table.wishlist td.hide_mobile, table.wishlist th.hide_mobile {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 585px) {
div.jsmasonry div.item.w2 {
width: 270px;
}
div.jsmasonry div.item.w2 img {
width: 100%;
}
div.central_form {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
section.pre_footer div.m, section.pre_footer div.r {
display: none;
}
div.box.standard {
display: none;
}
#grid .mix {
width: 50%;
}
html.lt-ie8 #grid .mix {
width: 49.9%
}
#grid .mix p {
font-size: 14px;
}
div.main_cols > div.l ul.search_list li {
width: 50%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 49.9%;
}
div.pagination ul li a {
width: 38px;
height: 38px;
}
div.pagination ul li a b {
padding-top: 8px;
}
div.single_form_column > input.noicon, div.single_form_column div.actually_split input.noicon {
padding: 10px 0px 10px 10px;
margin-bottom: 10px;
}
div.actually_split > div.l > div {
margin-right: 5px;
}
div.actually_split > div.r > div {
margin-left: 5px;
}
div.main_cols > div.l div.sub_my_account h1 {
padding-left: 0px;
text-align: left;
font-size: 18px;
}
table.wishlist td.img, table.wishlist th.img {
display: none;
}
div.brand_tiles > ul > li {
width: 100%;
}
div.solution_categories > div {
width: 100%;
}
div.solution_categories > div {
background-image: none;
}
div.main_cols > div.l.splitted div.side > ul, div.main_cols > div.l.splitted div.side > div {
width: 100%;
}
div.main_cols > div.l.splitted div.side div.extra_text {
padding: 0;
}
.newsGrid .newsBox {
width: 100%;
}
.newsGrid .newsBox {
margin-right: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
/* header ul#contacts > li span {
display: none;
}
header ul#contacts > li > a {
padding-left: 3px;
padding-right: 3px;
border: none;
}*/
p.quote {
display: none;
}
section.pre_footer div.l form a {
width: 75px;
}
section.single_product_cols > div.l div.product_gallery {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery a {
width: 100%;
height: auto;
}
section.single_product_cols > div.l div.product_gallery a img {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery span {
top: 20px;
}
section.single_product_cols > div.l div.product_gallery ul {
width: 100%;
}
section.single_product_cols > div.l div.product_gallery ul li {
width: 25%;
}
html.lt-ie8 section.single_product_cols > div.l div.product_gallery ul li {
width: 24.9%;
}
section.single_product_cols > div.l div.product_gallery ul li img {
width: 100%;
}
div.form_cols > div input, div.form_cols > div textarea {
font-size: 11px;
padding: 10px 0px 10px 10px;
}
div.news_row ul li {
width: 100%;
}
div.news_row ul li p {
height: auto;
padding: 0px 0px 0px 0px;
}
table.myaccount th h2 span {
display: none;
}
div.tools > ul > li > div.dropdown > div#wishlist_selector {
width: 200px;
}
}
@media only screen and (min-width: 0px) and (max-width: 350px) {
/* header ul#contacts > li#contacts_country > a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_down_arrow.png);
background-position: right;
padding-right: 20px;
}*/
div.feature div.feature_text {
font-size: 12px;
}
section.footer h6 {
margin-left: 0px;
text-align: center;
}
section.footer ul.l {
margin-left: 0px;
}
section.footer ul {
margin-left: 0px;
font-size: 12px;
width: 100%;
clear: both;
}
section.footer ul li {
text-align: center;
width: 50%;
float: left;
}
#grid .mix {
width: 100%;
}
html.lt-ie8 #grid .mix {
width: 100%;
}
div.main_cols > div.l ul.search_list li {
width: 100%;
}
html.lt-ie8 div.main_cols > div.l ul.search_list li {
width: 100%;
}
}
/* TWEAKS FOR SHOW ALL RESPONSIVENESS ON NON-CAROUSELS */
@media only screen and (min-width: 0px) and (max-width: 979px) {
div#sub_category_panels_all.all > div {
width:33.3333%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 33.2%
}
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
div#sub_category_panels_all.all > div {
width:50%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 49.9%
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
div#sub_category_panels_all.all > div {
width:100%;
}
html.lt-ie8 div#sub_category_panels_all.all > div {
width: 100%;
}
}
/* LITERATURE PAGE */
div.lit {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit > ul > li {
display: block;
position: relative;
float: left;
width: 267px;
height: 420px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-color: #313233;
}
div.lit > ul > li.is_fourth {
margin-right: 0px;
}
div.lit > ul > li span.lit_trigger {
position: absolute;
display: block;
bottom: 0px;
height: 60px;
overflow:hidden;
width: 100%;
}
div.lit > ul > li span.lit_trigger a {
display: block;
color: #fff;
text-decoration: none;
padding: 20px 0px 20px 20px;
background-repeat: no-repeat;
background-position: 240px 27px;
background-image: none;
}
div.lit > ul > li span.lit_trigger a:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_down.png);
}
div.lit > ul > li span.lit_trigger a.active:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_up.png);
}
div.lit > ul > li span.lit_list {
position: absolute;
display: block;
bottom: 60px;
overflow:hidden;
width: 100%;
background-color: #313233;
border-bottom: 1px solid #434445;
display: none;
}
div.lit > ul > li span.lit_list ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 12px;
}
div.lit > ul > li span.lit_list ul li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.lit > ul > li span.lit_list ul li a {
display: block;
color: #b2b2b2;
padding: 2px 0px 2px 20px;
text-decoration: none;
}
div.lit > ul > li span.lit_list ul li a:hover {
background-color: #393a3b;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit {
width:861px;
float: none;
margin: 0 auto;
}
div.lit > ul > li.is_fourth {
margin-right: 30px;
}
div.lit > ul > li.is_third {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit {
width:564px;
float: none;
margin: 0 auto;
}
div.lit > ul > li.is_third {
margin-right: 30px;
}
div.lit > ul > li.is_fourth {
margin-right: 30px;
}
div.lit > ul > li.is_second {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {
div.lit {
width:267px;
float: none;
margin: 0 auto;
}
div.lit > ul > li {
margin-right: 0px;
}
div.lit > ul > li.is_third {
margin-right: 0px;
}
div.lit > ul > li.is_fourth {
margin-right: 0px;
}
div.lit > ul > li.is_second {
margin-right: 0px;
}
}
/* START OR STEELITES MEGA MENU */
#primary > ul:after, .steelite-menu-container ul:after {
content: '';
display: table;
clear: both;
}
#primary > ul li, #primary > ul a {
float: left;
display: block;
text-decoration: none;
}
#primary > ul .steelite-active a {
background: #000;
color: #FFF;
font-weight: normal;
}
.steelite-menu-container span.h2,
.steelite-menu-container h2 {
color: #FFF;
font-weight: bold;
display: inline-block;
padding: 10px 0 5px 9px;
font-size: 15px;
}
.steelite-menu-container {
border-top: 2px solid #000;
position: relative;
z-index: 1150;
width: 1160px;
margin: 0 auto;
background: #000;
height: 478px;
display: none;
overflow-y: hidden;
}
.steelite-menu-container > img{
position: absolute;
top: 0;
right: 0;
z-index: 100;
}
.steelite-menu-container > ul, .steelite-menu-container .sub-menu{
display: none;
}
.steelite-menu-container ul, .steelite-menu-container li{
margin: 0; padding: 0;
list-style: none;
}
.steelite-menu-container li{
position: static;
margin: 0 0 0 9px; padding: 0;
text-indent: 0;
}
.steelite-menu-container > ul, .steelite-menu-container .sub-menu {
float: left;
width: 200px;
padding: 0;
height: 478px;
background: #37383a;
margin: 0;
list-style: none;
position: absolute;
border-right: 1px solid #121413;
z-index: 101;
}
.steelite-menu-container .sub-menu ul {
margin-bottom: 20px;
}
.steelite-menu-container .sub-menu {
position: absolute;
left: 100%;
top: 0;
border-left: 1px solid #121413;
}
.steelite-menu-container a {
color: #9a9a9a;
text-decoration: none;
padding: 3px 10px;
display: block;
}
.steelite-active > a {
background: #131313 url(https://www.steelite.com/skin/frontend/default/steelite/images/mega_menu_li_bg.png) no-repeat 98% 50%; color: #FFF;
}
#steelite-overlay {
background: rgba(0,0,0,0.4);
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
}
.steelite-menu-container .scrollable{ height: 478px; clear: both; margin: 0px 0 10px; }
.steelite-menu-container .viewport { width: 200px; height: 478px; overflow: hidden; position: relative; }
.steelite-menu-container .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%; }
.steelite-menu-container .thumb .end,.thumb { background-color: #db3634; }
.steelite-menu-container .scrollbar { position: relative; float: right; width: 9px; position: absolute; right: -9px;}
.steelite-menu-container .track { background-color: #131313; height: 100%; width:9px; position: relative; padding: 0; }
.steelite-menu-container .thumb { height: 20px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.steelite-menu-container .thumb .end { overflow: hidden; height: 5px; width: 9px; }
.steelite-menu-container .disable{ display: none; }
.steelite-menu-container .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* END OF STEELITES MEGA MENU */
@media only screen and (min-width: 0px) and (max-width: 1175px) {
.steelite-menu-container{
width: 100%;
}
}
#loading-image {
display: none;
position: fixed;
bottom: 3px;
right: 3px;
z-index: 100000;
}
#loading-image > div {
border-radius: 10px;
background-color: #000;
}
#loading-image > div img {
margin: 3px 3px 3px 3px;
}
ul.messages {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
display: none;
}
ul.messages li.error-msg {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
}
ul.messages li.error-msg ul li {
background-color: #db3533;
}
ul.messages li.success-msg ul li {
background-color: #79a0b3;
}
ul.messages li.error-msg ul, ul.messages li.success-msg ul {
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color: #fff;
text-align: center;
}
ul.messages li.error-msg ul li, ul.messages li.success-msg ul li {
padding: 8px 20px 8px 20px;
border-bottom: 1px solid #000;
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
ul.messages {
border-top: 1px solid #000;
}
div.solution_categories > div {
min-height: 0px;
}
}
#video-modal-container a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:660px;
height:415px;
display:inline;
z-index:3200;
position:absolute;
top:-10px;
right:-13px;
cursor:pointer;
}
#video-modal-container {
position: absolute; height: 415px; width:660px;color:#000; background-color:#fff;
background-color: #000;
text-align: center;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
#video-modal-container iframe {
margin-top: 50px;
}
#video-modal-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#video-modal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#video-modal-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:17px; right:17px; cursor:pointer;}
span.custom_select {
display: block;
width: 100%;
overflow: hidden;
background: url(https://www.steelite.com/skin/frontend/default/steelite/images/custom_select.png) no-repeat right #313233;
border: none;
color: #fff;
/* max-height: 47px; */
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
margin: 0px 0px 20px 0px;
}
span.custom_select select {
background: transparent;
width: 120%;
padding: 7px 15px 7px 12px;
font-size: 13px;
margin: 0px 0px 0px 0px;
line-height: 1;
border: 0px;
border: none;
border-radius: 0;
-webkit-appearance: none;
color: #fff;
}
span.custom_select select:focus {
background: #313233;
}
html.lt-ie8 span.custom_select select {
background-color: #313233;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
span.custom_select select {
padding: 9px 9px 9px 9px;
font-size: 11px;
}
}
/* LITERATURE TO FRIEND ADDITIONS */
div.form_cols > div.dr {
width: 562px;
margin: 0px 0px 0px 0px;
}
section.lit_to_friend_form {
color: #fff;
}
section.lit_to_friend_form h6 {
color: #fff;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-bottom: 1px solid #4a4c4c;
}
section.lit_to_friend_form h6 span {
color: #d93533;
}
section.lit_to_friend_form input.password {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/single_form_password_icon.png);
background-position: 12px 12px;
background-repeat: no-repeat;
padding-left: 45px;
}
div.lit_to_friend_selection p {
margin: 0px 0px 32px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.form_cols > div.dr {
width: 66.6%;
margin: 0px 0px 0px 0px;
}
div#lit_to_friend_info {
display: none;
}
section.lit_to_friend_form h6 {
margin: 0px 20px 30px 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
div.form_cols > div.l.s {
width: 100%;
margin-right: 0px;
}
div.form_cols > div.l.s > div {
margin-right: 0px;
}
div.form_cols > div.dr {
width: 100%;
margin: 0px 0px 0px 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
section.lit_to_friend_form input.password {
background-position: 12px 7px;
}
}
div.lit_to_friend {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit_to_friend > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit_to_friend > ul > li {
display: block;
position: relative;
float: left;
width: 267px;
height: 419px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-color: #313233;
background-position: bottom;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 0px;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger {
position: absolute;
display: block;
top: 0px;
height: 60px;
overflow:hidden;
width: 100%;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a {
display: block;
color: #fff;
text-decoration: none;
padding: 20px 0px 20px 20px;
background-repeat: no-repeat;
background-position: 240px 27px;
background-image: none;
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_up.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_trigger a.active {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_down.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_list {
position: absolute;
display: block;
top: 59px;
overflow:hidden;
height: 361px;
width: 100%;
background-color: #191919;
display: none;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 12px;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a {
display: block;
color: #b2b2b2;
padding: 2px 0px 2px 38px;
text-decoration: none;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_not_selected.png);
background-position: 18px 5px;
background-repeat:no-repeat;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a:hover {
background-color: #393a3b;
color: #fff;
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li a.selected {
color: #fff;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_selected.png);
}
div.lit_to_friend > ul > li span.lit_to_friend_list ul li input {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit_to_friend {
width:861px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit_to_friend {
width:564px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 30px;
}
div.lit_to_friend > ul > li.is_second {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {
div.lit_to_friend {
width:267px;
float: none;
margin: 0 auto;
}
div.lit_to_friend > ul > li {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_third {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_fourth {
margin-right: 0px;
}
div.lit_to_friend > ul > li.is_second {
margin-right: 0px;
}
}
/* LIT COMBINED */
div.lit_combined {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
overflow:hidden;
}
div.lit_combined > ul {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.lit_combined > ul > li {
display: block;
position: relative;
float: left;
width: 130px;
height: 255px;
padding: 0px 0px 0px 0px;
margin: 0px 17px 30px 0px;
overflow: hidden;
background-repeat: no-repeat;
background-position: bottom;
}
div.lit_combined > ul > li a {
color: #fff;
text-decoration: none;
cursor: pointer;
}
div.lit_combined > ul > li a:hover {
color: #dd322b;
}
div.lit_combined > ul > li a p {
margin: 0px 0px 0px 0px;
clear: both;
float: left;
line-height: 16px;
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
height: 32px;
}
div.lit_combined > ul > li input {
display: none;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li {
margin-right: 16px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_eighth {
margin-right: 16px;
}
div.lit_combined span.share {
display: block;
clear: both;
float: left;
width: 100%;
margin-top: 10px;
font-size: 12px;
}
div.lit_combined span.share a {
display: block;
float: left;
background-color: #191919;
padding: 7px 0px 9px 30px;
width: 100%;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_not_selected.png);
background-repeat: no-repeat;
background-position: 10px 10px;
text-decoration: none;
color: #fff;
}
div.lit_combined span.share a.selected {
background-color: #282828;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/lit_selected.png);
}
div.lit_combined > ul > li a span.overlay {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 130px;
height: 175px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/combined_overlay.png);
}
div.lit_combined > ul > li > a:hover span.overlay {
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.lit_combined {
width:865px;
float: none;
margin: 0 auto;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
}
@media only screen and (min-width: 0px) and (max-width: 920px) {
div.lit_combined {
width:591px;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 17px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_fourth {
margin-right: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
div.lit_combined {
width:277px;
}
div.lit_combined > ul > li.is_eighth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_sixth {
margin-right: 17px;
}
div.lit_combined > ul > li.is_fourth {
margin-right: 17px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_sixth {
margin-right: 16px;
}
div.lit_combined > ul > li.is_second {
margin-right: 0px;
}
div.main_cols > div.l div.lit_combined > ul > li.is_second {
margin-right: 0px;
}
}
/* END OF LIT COMBINED */
a.fake_button {
display: inline-block;
color: #fff;
background-color: #dc342b;
text-decoration: none;
padding: 5px 15px 5px 15px;
}
a.fake_button:hover {
background-color: #4d4d4d;
}
/* FIFTY FIFTY FORM */
div.form_cols > div.fifty_l {
width: 414px;
margin: 0px 30px 0px 0px;
}
div.form_cols > div.fifty_r {
width: 414px;
margin: 0px 0px 0px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.form_cols > div.fifty_l {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.fifty_r {
width: 49.9%;
margin: 0px 0px 0px 0px;
}
div.form_cols > div.fifty_l > div {
margin-right: 20px;
overflow:hidden;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
div.form_cols > div.fifty_l {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.fifty_r {
width: 100%;
margin: 0px 0px 0px 0px;
clear: both;
}
div.form_cols > div.fifty_l > div {
margin-right: 0px;
}
}
/* END FIFTY FIFTY FORM */
div.main_cols > div.l ul.search_list li > p.sub_links a {
display: inline-block;
}
/* CATEGORY CAOURSEL MOD */
div.cat_page_carousel {
float: right;
clear: both;
width: 760px;
height: 420px;
background-position: top right;
}
div.cat_page_carousel div {
height: 100%;
width: 100%;
background-position: top right;
}
@media only screen and (min-width: 0px) and (max-width: 680px) {
div.cat_page_carousel {
width: 100%;
}
div.cat_page_carousel div {
background-position: top center;
}
}
/* END CATEGORY CAOURSEL MOD */
/* 404 PAGE START */
#wrap404 {
background:#313233;
padding:45px;
}
#wrap404 img {
max-width: 100%;
height: auto;
margin:0 auto;
display: block;
}
.nb_grid_6 {
float:left;
width:50%;
min-width:240px;
}
.nb_grid_4 {
width:32.33333%;
float: left;
}
#right404 {
padding:40px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border-left:1px solid #9a9a9a;
}
#left404 {
padding:20px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#wrap404 ul {
display: block;
}
#wrap404 li {
width:32.333333%;
display: inline-block;
list-style: circle;
text-align: left;
}
#error_report {
text-align: center;
color: #fff;
}
#error_report span {
color: #9a9a9a;
}
#wrap404 a {
color: #fff;
}
.clearfix {
clear: both;
}
@media (max-width:979px) {
.nb_grid_6 {
width: 100% !important;
border: none !important;
float: none !important;
}
#right404 {
border: none !important;
}
}
@media (max-width:640px) {
#wrap404 li {
width:100% !important;
}
}
@media (max-width:480px) {
#wrap404 li {
width:100% !important;
}
}
/* 404 PAGE END */
div#patch {
position: absolute;
top: 0px;
left: -1px;
background-color: #000;
width: 1px;
height: 100%;
}
/* WHY REGISTER */
p.form_intro {
text-align: center;
margin-top: -30px;
}
section.why_cols {
clear: both;
width: 100%;
float: left;
background-image:url(/skin/frontend/default/steelite/images/wishlist_bg.jpg);
background-position: top right;
background-repeat: no-repeat;
min-height: 1062px;
}
section.why_cols > aside {
width: 370px;
float: left;
padding-top: 30px;
}
div.why_panel {
clear: both;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
background-color: #313233;
}
div.why_panel h2 {
display: block;
position: relative;
clear: both;
float: left;
margin: 30px 30px 30px 80px;
padding: 0px 0px 0px 0px;
font-size: 22px;
line-height: 22px;
}
div.why_panel h2 > span {
display: block;
position: absolute;
top: -10px;
left: -50px;
background-color: #676150;
border-radius: 30px;
text-align: center;
}
div.why_panel h2 > span > b, div.why_panel h2 > span > strong {
display: block;
padding: 10px 15px 10px 15px;
font-weight: normal;
}
div.why_panel p {
clear: both;
margin: 0px 30px 30px 30px;
}
div.why_panel ul {
list-style: square;
margin: -20px 0px 30px 30px;
padding: 0px 0px 0px 20px;
color: #676150;
}
div.why_panel ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div.why_panel ul li em {
color: #fff;
font-style: normal;
font-display: swap;
}
section.why_cols_controls {
clear: both;
float: left;
width: 100%;
background-color: #ffffff;
color: #e13a3c;
font-size: 30px;
position: relative;
}
section.why_cols_controls p {
padding: 50px 0px 50px 50px;
margin: 0px 0px 0px 0px;
}
section.why_cols_controls div.controls {
position: absolute;
top: 37px;
right: 35px;
}
section.why_cols_controls div.controls div {
font-size: 14px;
display: block;
float: left;
margin: 0px 0px 0px 30px;
}
section.why_cols_controls div.controls div a {
display: block;
padding: 15px 60px 15px 60px;
color: #fff;
background-color: #e13a3c;
text-decoration: none;
}
section.why_cols_controls div.controls div a:hover {
background-color: #313234;
color: #fff;
}
@media only screen and (min-width: 0px) and (max-width: 1050px) {
section.why_cols_controls p {
padding: 30px 30px 30px 30px;
line-height: 30px;
}
section.why_cols_controls div.controls {
position: relative;
top: auto;
right: auto;
margin-right: 30px;
}
section.why_cols_controls div.controls div {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
section.why_cols {
background-image: none;
min-height: 0px;
}
section.why_cols > aside {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
section.why_cols_controls div.controls {
margin: 0px 0px 0px 30px;
}
section.why_cols_controls div.controls div {
width: 100%;
text-align: center;
margin: 0px 0px 30px 0px;
}
section.why_cols_controls div.controls div a {
margin-right: 30px;
}
}
/* NEW TESTIMONIALS PAGE */
div.testimonial_tiles {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
div.testimonial_tiles > ul {
display: block;
float: left;
clear: both;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
width: 100%
}
div.testimonial_tiles > ul > li {
display: block;
float: left;
width: 267px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 30px 0px;
overflow: hidden;
}
div.testimonial_tiles > ul > li.fourth {
margin-right: 0px;
}
div.testimonial_tiles > ul > li a {
display: block;
clear: both;
float: left;
width: 100%;
height: 100%;
background-color: #a4bf60;
color: #fff;
text-decoration: none;
position: relative;
background-size: cover;
}
div.testimonial_tiles > ul > li a:hover {
background-color: #60bebf;
}
div.testimonial_tiles > ul > li a div.quote_base {
position: absolute;
width: 100%;
text-align: center;
bottom: 0px;
left: 0px;
}
div.testimonial_tiles > ul > li a div.quote_base p {
padding: 30px 15px 35px 15px;
margin: 0px 0px 0px 0px;
font-size: 13px;
}
div.testimonial_tiles > ul > li a div.quote_base p strong {
font-size: 15px;
}
div.testimonial_tiles > ul > li a p.text {
text-align: center;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
div.testimonial_tiles > ul > li a div.big_quote {
position: relative;
text-align: center;
width: 100%;
padding-top: 30px;
padding-bottom: 22px;
}
div.testimonial_tiles > ul > li a div.small_quote {
position: relative;
text-align: center;
width: 100%;
padding-top: 22px;
padding-bottom: 120px;
}
div.testimonial_tiles > ul > li.big_logo a {
display: block;
}
div.testimonial_tiles > ul > li.big_logo img {
width: 100%;
}
div.testimonial_tiles > ul > li div.panel_one {
width: 100%;
overflow: hidden;
text-align: center;
}
div.testimonial_tiles > ul > li div.panel_one img {
width: 100%;
min-width: 267px;
}
div.testimonial_tiles > ul > li div.panel_one div.base {
position: absolute;
width: 100%;
text-align: center;
bottom: 0px;
left: 0px;
}
div.testimonial_tiles > ul > li div.panel_one div.base p {
padding: 30px 15px 35px 15px;
margin: 0px 0px 0px 0px;
font-size: 13px;
}
div.testimonial_tiles > ul > li div.panel_one div.base p strong {
font-size: 15px;
}
div.testimonial_tiles > ul > li div.panel_two {
position: absolute;
top: 100%;
left: 0px;
height: 100%;
width: 100%;
background-color: #000;
-webkit-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
-moz-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
-o-transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
transition: top 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 300ms;
}
div.testimonial_tiles > ul > li a:hover div.panel_two {
top: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.testimonial_tiles > ul > li {
width: 24.9%;
float: left;
margin-right: 0px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 0px) and (max-width: 960px) {
div.testimonial_tiles > ul > li {
width: 33.2%;
}
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
div.testimonial_tiles > ul > li {
width: 49.9%;
}
}
@media only screen and (min-width: 0px) and (max-width: 395px) {
div.testimonial_tiles > ul > li.fourth {
margin-right: auto;
}
div.testimonial_tiles > ul > li {
width: 267px;
clear: both;
float: none;
margin: 0 auto;
}
}
#ajs_landingpage .ajs_row {
}
#ajs_landingpage a {
text-decoration: none;
}
#ajs_landingpage>section>article {
background: #f0f1f2;
}
#ajs_landingpage>section article section {
padding: 30px;
}
#ajs_landingpage .ajs_row h1 {
font-size: 16px;
font-weight: normal;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
#ajs_landingpage #ajs_bulk>.l {
width: 465px;
float: left;
margin-bottom: -1px;
}
#ajs_landingpage #ajs_bulk>.r {
width: 695px;
float: right;
margin-bottom: -1px;
}
#ajs_landingpage #ajs_banners div.ajs_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
}
#ajs_landingpage #ajs_banners div.ajs_banner h3 {
font-size: 21px;
text-transform: uppercase;
font-weight: 100;
margin-bottom: 10px;
}
#ajs_landingpage #ajs_banners div.ajs_banner .l {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .l {
margin-left: -100px;
}
#ajs_landingpage #ajs_banners div.ajs_banner .l .roundal{
position: absolute;
top: 30px;
right: 40px;
left: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .l .roundal {
right: auto;
right: 100%;
right: -webkit-calc(100% - 220px);
right: -moz-calc(100% - 220px);
right: calc(100% - 220px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r {
position: absolute;
top: 0;
bottom: 0;
right: -280px;
width: 280px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #814c70;
color: #fff;
text-align: center;
line-height: 2em;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r article {
padding: 30px;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .r {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
}
#ajs_landingpage #ajs_banners div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r .ajs_dt {
display: table;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r .ajs_dt>.ajs_dtr {
display: table-row;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r .ajs_dt>.ajs_dtr>.ajs_dtc {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#ajs_landingpage .go_down div.ajs_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 418px;
overflow: hidden;
}
#ajs_landingpage .go_down div.ajs_banner h3 {
font-size: 21px;
text-transform: uppercase;
font-weight: 100;
margin-bottom: 10px;
}
#ajs_landingpage .go_down div.ajs_banner .l {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage .go_down div.ajs_banner:hover .l {
margin-top: 50%;
}
#ajs_landingpage .go_down div.ajs_banner .l .roundal{
position: absolute;
top: 113px;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage .go_down div.ajs_banner .l .roundal img {
margin: 0 auto;
display: block;
}
#ajs_landingpage .go_down div.ajs_banner:hover .l .roundal {
top: 150%;
}
#ajs_landingpage .go_down div.ajs_banner .r {
position: absolute;
top: -100%;
bottom: 100%;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #f15b40;
color: #fff;
text-align: center;
line-height: 2em;
}
#ajs_landingpage .go_down div.ajs_banner .r article {
padding: 30px;
}
#ajs_landingpage .go_down div.ajs_banner:hover .r {
position: absolute;
top: 0;
bottom: 0;
}
#ajs_landingpage .go_down div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage .go_down div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage .go_down div.ajs_banner .r .ajs_dt {
display: table;
width: 100%;
height: 100%;
}
#ajs_landingpage .go_down div.ajs_banner .r .ajs_dt>.ajs_dtr {
display: table-row;
width: 100%;
height: 100%;
}
#ajs_landingpage .go_down div.ajs_banner .r .ajs_dt>.ajs_dtr>.ajs_dtc {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 210px;
overflow: hidden;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner h3 {
font-size: 21px;
text-transform: uppercase;
font-weight: 100;
margin-bottom: 10px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .l {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .l {
margin-top: -100px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .l .roundal{
position: absolute;
top: 14px;
right: 30px;
left: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .l .roundal {
top: -100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r {
position: absolute;
top: 0;
bottom: 0;
top: 100%;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #bcada7;
color: #fff;
text-align: center;
line-height: 2em;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r article {
padding: 30px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .r {
position: absolute;
top: 0;
bottom: 0;
left: 0px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt {
display: table;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt>.ajs_dtr {
display: table-row;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt>.ajs_dtr>.ajs_dtc {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#ajs_bulk2>.l {
float: left;
width: 563px;
}
#ajs_bulk2>.r {
float: right;
width: 597px;
}
.ajs_accred {
float: left;
}
.ajs_col6 {
float: left;
width: 50%;
}
.ajs_col3 {
float: left;
width: 25%;
}
#ajs_landingpage .go_up div.ajs_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 418px;
overflow: hidden;
}
#ajs_landingpage .go_up div.ajs_banner h3 {
font-size: 21px;
text-transform: uppercase;
font-weight: 100;
margin-bottom: 10px;
}
#ajs_landingpage .go_up div.ajs_banner .l {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage .go_up div.ajs_banner:hover .l {
margin-top: -50%;
}
#ajs_landingpage .go_up div.ajs_banner .l .roundal{
position: absolute;
top: 113px;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage .go_up div.ajs_banner .l .roundal img {
margin: 0 auto;
display: block;
}
#ajs_landingpage .go_up div.ajs_banner:hover .l .roundal {
top: -100%;
}
#ajs_landingpage .go_up div.ajs_banner .r {
position: absolute;
top: 100%;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #bf7471;
color: #fff;
text-align: center;
line-height: 2em;
}
#ajs_landingpage .go_up div.ajs_banner .r article {
padding: 30px;
}
#ajs_landingpage .go_up div.ajs_banner:hover .r {
position: absolute;
top: 0;
}
#ajs_landingpage .go_up div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage .go_up div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage .go_up div.ajs_banner .r .ajs_dt {
display: table;
width: 100%;
height: 100%;
}
#ajs_landingpage .go_up div.ajs_banner .r .ajs_dt>.ajs_dtr {
display: table-row;
width: 100%;
height: 100%;
}
#ajs_landingpage .go_up div.ajs_banner .r .ajs_dt>.ajs_dtr>.ajs_dtc {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#ajs_standardscrollbar { width: 100%; margin: 0px 0 0 0px; }
#ajs_standardscrollbar .viewport { height: 420px; overflow: hidden; position: relative; }
#ajs_standardscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 40px 55px 60px 55px; margin: 0; }
#ajs_standardscrollbar .scrollbar { z-index:999; background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-track-y-g.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#ajs_standardscrollbar .track { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#ajs_standardscrollbar .thumb { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y-g.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -4px; }
#ajs_standardscrollbar .thumb .end { background: transparent url(https://www.steelite.com/skin/frontend/default/steelite/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#ajs_standardscrollbar .disable { display: none; }
#ajs_landingpage .buffer_top, #ajs_landingpage .buffer_bottom {
max-width: 100%;
}
#ajs_accreditations {
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
#ajs_standardscrollbar .viewport { height: auto; }
#ajs_standardscrollbar .overview {
position: relative;
}
#ajs_landingpage #ajs_bulk>.r, #ajs_landingpage #ajs_bulk>.l {
min-height: initial !important;
}
#ajs_landingpage #ajs_bulk>.r {
width: 60%;
}
#ajs_landingpage #ajs_bulk>.l {
width: 40%;
}
#ajs_bulk2>.l {
width: 66.66%;
}
#ajs_bulk2>.r {
width: 33.33%;
}
#ajs_accreditations {
display: none;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner {
clear: both;
float: left;
position: relative;
width: 100%;
height: 418px;
overflow: hidden;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner h3 {
font-size: 21px;
text-transform: uppercase;
font-weight: 100;
margin-bottom: 10px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .l {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .l {
margin-top: 50%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .l .roundal{
position: absolute;
top: 113px;
bottom: 0;
width: 100%;
right: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .l .roundal img {
margin: 0 auto;
display: block;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .l .roundal {
top: 150%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r {
position: absolute;
top: -100%;
bottom: 100%;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #bcada7;
color: #fff;
text-align: center;
line-height: 2em;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r article {
padding: 30px;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner:hover .r {
position: absolute;
top: 0;
bottom: 0;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .viewtherange:after {
content: 'View the Range';
font-size: 16px;
color: #fff;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt {
display: table;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt>.ajs_dtr {
display: table-row;
width: 100%;
height: 100%;
}
#ajs_landingpage #ajs_banners3 div.ajs_banner .r .ajs_dt>.ajs_dtr>.ajs_dtc {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#ajs_landingpage div.ajs_banner .l .roundal img {
max-width: 90% !important;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .l img.roundal {
right:66.55%;
}
#ajs_landingpage #ajs_bulk>.r {
width: 100%;
}
#ajs_landingpage #ajs_bulk>.l {
width: 100%;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r {
width: 33.33%;
right: 0%;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .l {
margin-left: 0;
}
#ajs_landingpage #ajs_banners div.ajs_banner .l .roundal {
width: 33.33%;
top: 90px;
right: 33.33%;
left: 0;
}
#ajs_landingpage #ajs_banners div.ajs_banner .l .roundal img {
display: block;
margin: 0 auto;
}
#ajs_standardscrollbar .scrollbar {
display: none !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 830px) {
.ajs_col3 {
width: 50%;
}
}
@media only screen and (min-width: 0px) and (max-width: 670px) {
#ajs_landingpage #ajs_bulk>.r {
width: 100%;
}
#ajs_landingpage #ajs_bulk>.l {
width: 100%;
}
.ajs_col6 {
width: 100%;
}
#ajs_bulk2>.l {
width: 100%;
}
#ajs_bulk2>.r {
width: 100%;
}
#ajs_landingpage #ajs_banners div.ajs_banner .r {
width: 100%;
right: 0;
left: 0;
top: -100%;
bottom: 100%;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .r {
width: 100%;
right: 0;
left: 0;
top: 0%;
bottom: 0%;
}
#ajs_landingpage #ajs_banners div.ajs_banner .l .roundal {
width: 100%;
left: 0;
right: 0;
}
#ajs_landingpage #ajs_banners div.ajs_banner:hover .l .roundal {
top: 150%;
}
}
@media only screen and (min-width: 0px) and (max-width: 430px) {
.ajs_col3 {
width: 100%;
}
}
div.icon_add_to {
position: absolute;
top: 4px;
right: 4px;
z-index: 1001;
}
div.icon_add_to > div {
cursor: pointer;
display: block;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/add_icon_spirit.png);
background-position: top left;
background-repeat: no-repeat;
width: 35px;
height: 37px;
}
div.icon_add_to:hover > div {
background-position: top right;
}
div.icon_add_to.added > div {
background-position: bottom left;
}
div.icon_add_to.added:hover > div {
background-position: bottom right;
}
.bottom_line {
border-bottom: 1px solid #4A4C4C;
}
.one_line_form {
margin-bottom: 40px;
}
.one_line_form h2 {
font-size: 18px;
}
.one_line_form ul {
list-style-type: none;
margin: 0 0 40px 0;
padding: 0;
overflow: hidden;
}
.one_line_form ul > li {
float: left;
width: 267px;
margin: 0 30px 0 0;
padding: 0;
overflow: hidden;
}
.one_line_form ul > li.fourth {
margin-right: 0;
}
.one_line_form ul > li > input {
width: 100%;
border: none;
background-color: #313233;
color: #fff;
padding: 14px;
}
.one_line_form input[type="submit"] {
background-color: #e53434;
}
.one_line_form input[type="submit"]:hover {
background-color: #313233;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
.one_line_form ul > li {
margin-right: 2.6%;
width: 23%;
}
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
.one_line_form ul > li {
width: 100%;
margin-bottom: 20px;
}
.one_line_form ul > li.fourth {
margin-bottom: 0;
}
}
.owl-carousel .owl-wrapper {
float: left;
}
h1.top.no_baseline {
border-bottom: none;
margin-bottom: 0px;
}
div.compare_tab_controls {
display: block;
float: left;
clear: both;
width: 100%;
position: relative;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_tabs_bg.png);
background-position: bottom;
background-repeat: repeat-x;
}
div.compare_tab_controls ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
display: block;
width: 100%;
}
div.compare_tab_controls ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.compare_tab_controls ul li a {
display: block;
background-color: #171717;
color: #fff;
text-decoration: none;
padding: 15px 20px 15px 20px;
border: 1px solid #313233;
border-left: none;
}
div.compare_tab_controls ul li:first-child a {
border-left: 1px solid #313233;
}
div.compare_tab_controls ul li a:hover {
background-color: #000;
}
div.compare_tab_controls ul li.active a {
background-color: #000;
border-bottom-color: #000;
}
div.compare_tab_controls ul li a em {
font-style: normal;
font-display: swap;
color: #979797;
}
div.compare_tab_controls div.remove_all {
position: absolute;
top: 12px;
right: 0px;
}
div.compare_tab_controls div.remove_all a {
display: block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_remove_icon.png);
background-position: left;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
padding: 3px 0px 3px 30px;
}
div.compare_tab_controls div.remove_all a:hover {
color: #DB3533;
}
div.compare_tab {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
float: left;
width: 100%;
padding-left: 180px;
position: relative;
}
div.compare_tab > div.labels {
position: absolute;
top: 0px;
left: 0px;
width: 180px;
}
html.lt-ie9 div.compare_tab > div.labels {
display: none;
}
html.lt-ie9 div.compare_tab {
padding-left: 0px;
}
html.lt-ie9 div.compare_tab ul.spec > li > span {
display: block;
}
div.compare_tab > div.products {
clear: both;
float: left;
width: 100%;
}
div.compare_tab > div.products > div.carousel {
}
html.lt-ie10 div.compare_tab > div.products > div.carousel div.item {
position: relative;
}
.ui-draggable-dragging {
background-color: #000;
}
div.compare_tab > div.products > div.carousel div.item div.name {
text-align: center;
padding: 10px 10px 40px 10px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.compare_tab > div.products > div.carousel div.item div.name a {
color: #fff;
text-decoration: none;
}
div.compare_tab > div.products > div.carousel div.item div.name a:hover {
}
div.compare_tab > div.products > div.carousel div.item div.image img {
width: 100%;
}
div.compare_tab ul.spec {
display: block;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
div.compare_tab ul.spec > li:first-child {
border-top: 1px solid #313233;
}
div.compare_tab ul.spec > li {
border-bottom: 1px solid #313233;
display: block;
width: 100%;
padding: 15px 10px 15px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.compare_tab div.item ul.spec > li {
color: #6b6b6b;
text-align: center;
}
div.compare_tab ul.spec > li > span {
display: block;
clear: both;
float: left;
width: 100%;
text-align: center;
font-size: 12px;
color: #6b6b6b;
display: none;
}
div.compare_tab div.item div.controls {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_control_bg.png);
display: none;
z-index: 100;
}
div.compare_tab div.item:hover div.controls {
display: block;
}
div.compare_tab div.item div.controls div.remove {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
}
div.compare_tab div.item div.controls div.remove a {
display: block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/white_cross.png);
width: 13px;
height: 13px;
}
div.compare_tab div.item div.controls div.drag {
position: absolute;
top: 19px;
left: 19px;
z-index: 10;
}
div.compare_tab div.item div.controls div.drag a {
display: block;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_drag.png);
width: 23px;
height: 22px;
}
div.compare_tab div.item div.controls div.tools {
display: block;
width: 100%;
padding-top: 85px;
text-align: center;
}
div.compare_tab div.item div.controls div.tools {
position: relative;
}
div.compare_tab div.item div.controls div.tools > ul {
display: inline-block;
width: 168px;
}
div.compare_tab div.item div.controls div.tools > ul > li {
width: auto;
}
div.compare_tab div.item div.controls div.tools > ul > li > a {
display: block;
width: 50px;
overflow:hidden;
text-indent:55px;
margin: 0px 3px 0px 3px;
}
div.compare_tab div.item div.controls div.tools div.dropdown {
width: 210px;
left: 0;
right: 0;
margin: auto;
}
div.compare_tab div.item div.controls div.tools div.dropdown > div.dropdown_inner {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.compare_tab div.item div.controls div.tools div.dropdown div#wishlist_selector {
width: 210px;
}
div.compare_tab div.item div.controls div.squares a:hover {
background-color: #de392f;
}
div.compare_tab div.item div.controls div.squares a.enquiry {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_a_enquiry.png);
}
div.compare_tab div.item div.controls div.squares a.wishlist {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_a_wishlist.png);
}
div.compare_tab div.item div.controls div.squares a.both {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_a_both.png);
}
div.compare_carousel.owl-theme .owl-controls {
top: 0px;
bottom: auto;
}
div.compare_carousel.owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 94px;
left: -14px;
width: 14px;
height: 31px;
overflow:hidden;
text-indent: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: none;
background-image: none;
background-repeat: no-repeat;
background-position: top left;
}
div.compare_carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_carousel_next.png);
left: auto;
right: -14px;
}
div.compare_carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/compare_carousel_last.png);
}
@media only screen and (min-width: 960px) {
div.compare_tab > div.labels div.controls {
min-height: 0px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 960px) {
div.compare_tab_controls ul li a {
font-size: 12px;
color: #FFF;
padding: 10px;
}
div.compare_tab_controls div.remove_all {
top: 5px;
}
div.compare_tab div.item div.controls {
position: static ;
height: auto;
left: auto;
top: auto;
display: block;
background-image: none;
}
div.compare_tab div.item div.controls div.tools {
padding-top: 0px;
}
div.compare_tab div.item div.controls div.tools > ul {
width: 114px;
}
div.compare_tab div.item div.controls div.tools > ul > li > a {
width: 32px;
height: 32px;
}
}
@media only screen and (min-width: 0px) and (max-width: 750px) {
div.compare_tab_controls {
margin-top: 30px;
}
div.compare_tab_controls ul li {
width: 50%;
}
div.compare_tab_controls div.remove_all {
top: -35px;
}
div.compare_tab_controls ul li a,
div.compare_tab_controls ul li.active a {
border-bottom-color: #313233;
border: 1px solid #313233;
border-left: 1px solid #313233;
}
div.compare_tab div.item ul.spec > li {
color: #fff;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
div.compare_tab {
padding-left: 0px;
}
div.compare_tab > div.labels {
display: none;
}
div.compare_tab ul.spec > li {
text-align: center;
}
div.compare_tab ul.spec > li > span {
display: block;
}
div.compare_tab div.item div.controls div.tools div.dropdown {
width: 140px;
}
div.compare_tab div.item div.controls div.tools div.dropdown div#wishlist_selector {
width: 140px;
}
div.compare_tab div.item div.controls div.tools div.dropdown #wishlist_selector div > a > span.show {
display: none;
}
div.compare_tab div.item div.controls div.tools div.dropdown #wishlist_selector div > a > span.hide {
display: inline;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
}
.trans1 {
opacity: 0;
transform: scale(0.85);
transition: all 100ms ease;
}
.trans2 {
opacity: 1;
transform: scale(1);
}
/* EVENT SECTION STYLES */
div.events_row {
clear: both;
float: left;
width: 100%;
}
div.events_row ul {
display: block;
clear: both;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.events_row ul li {
display: block;
width: 33.3333%;
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.events_row ul li.first {
padding-right: 20px;
}
div.events_row ul li.second {
padding-left: 10px;
padding-right: 10px;
}
div.events_row ul li.third {
padding-left: 20px;
}
div.events_row ul li a {
display: block;
position: relative;
text-decoration: none;
color: #fff;
background-color: #191919;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
div.events_row ul li a div.event_details_wrap {
padding: 15px 15px 75px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
div.events_row ul li a div.event_date {
font-size: 44px;
color: #fff;
line-height: 50px;
font-weight: 600;
}
div.events_row ul li a div.event_month {
font-size: 16px;
color: #fff;
margin-bottom: 15px;
}
div.events_row ul li a div.event_venue {
color: #fff;
font-size: 18px;
}
div.events_row ul li a div.event_city {
color: #bbbbbb;
font-size: 16px;
margin-bottom: 15px;
}
div.events_row ul li a div.event_button {
display: block;
position: absolute;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 15px 15px 15px;
bottom: 0px;
left: 0px;
}
div.events_row ul li a div.event_button div {
background-color: #313234;
padding: 20px 0px 20px 50px;
text-align: left;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_button_bg.png);
background-position: 18px 20px;
background-repeat: no-repeat;
}
div.events_row ul li a div.event_button div em {
color: #fff;
font-size: 14px;
font-style: normal;
font-display: swap;
}
div.events_row ul li a div.event_button div em i {
font-style: normal;
font-display: swap;
}
div.events_row ul li a:hover div.event_button div {
background-color: #da3533;
}
div.events_carousel {
margin: 0px 0px 30px 0px;
}
div.events_carousel div.item a {
display: block;
position: relative;
}
div.events_carousel div.item a img {
width: 100%;
}
div.events_carousel div.item a div.overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
div.events_carousel div.item a div.overlay table {
width: 100%;
height: 100%;
}
div.events_carousel div.item a div.overlay table td {
vertical-align: middle;
text-align: center;
}
div.events_carousel div.item img {
width: 100%;
}
div.events_carousel div.item a div.overlay div.event_title {
color: #fff;
font-size: 24px;
margin: 0px 0px 5px 0px;
}
div.events_carousel div.item a div.overlay div.event_dates {
color: #fff;
font-size: 20px;
margin: 0px 0px 15px 0px;
}
div.events_carousel div.item a div.overlay div.event_link {
}
div.events_carousel div.item a div.overlay div.event_link span {
background-color: #313233;
color: #fff;
display: inline-block;
padding: 10px 20px 10px 20px;
border-radius: 40px;
}
div.events_carousel div.item a div.overlay div.event_link span em {
color: #fff;
font-style: normal;
font-display: swap;
font-size: 16px;
}
div.events_carousel div.item a:hover div.overlay div.event_link span {
background-color: #da3533;
}
table.event_calendar {
border: none;
}
table.event_calendar caption {
display: none;
}
table.event_calendar tr {
border: none;
}
table.event_calendar td {
border: none;
color: #cacaca;
text-align: center;
font-size: 14px;
}
table.event_calendar td a {
text-decoration: none;
font-weight: 600;
color: #fff;
}
table.event_calendar td a:hover {
color: #E53434;
}
div.event_cols {
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 300px;
position: relative;
}
div.event_cols div.event_l {
position: absolute;
top: 0px;
left: 0px;
width: 270px;
}
div.event_cols div.event_controls ul {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: block;
width: 100%;
}
div.event_cols div.event_controls ul li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
display: block;
width: 100%;
clear: both;
}
div.event_cols div.event_controls ul li a {
background-color: #313233;
color: #fff;
text-decoration: none;
display: block;
}
div.event_cols div.event_controls ul li a span {
display: block;
padding: 15px 10px 15px 62px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_calendar_bg.png);
background-position: left;
background-repeat: no-repeat;
}
div.event_cols div.event_controls ul li a:hover {
background-color: #db3533;
}
div.event_cols div.event_controls ul li.back a {
background-color: #191919;
}
div.event_cols div.event_controls ul li.back a span {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_button_back.png);
}
div.event_cols div.event_controls ul li.back a:hover {
background-color: #db3533;
}
div.event_cols div.event_controls ul li.book a span {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_appointment_bg.png);
}
div.event_meta {
clear: both;
width: 100%;
float: left;
margin: 0px 0px 30px 0px;
}
dl.event {
clear: both;
width: 100%;
color: #a2a1a1;
font-size: 15px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
dl.event a {
color: #a2a1a1;
text-decoration: none;
}
dl.event a:hover {
color: #db3533;
}
dl.event dd {
width: 30px;
height: 20px;
display: block;
float: left;
clear: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-position: top left;
background-repeat: no-repeat;
}
dl.event dt {
float: left;
padding-bottom: 10px;
}
dl.event dd.contact {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_meta_contact.png);
}
dl.event dd.address {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_meta_location.png);
}
dl.event dd.telephone {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_meta_telephone.png);
}
dl.event dd.email {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_meta_email.png);
}
dl.event dd.web {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_meta_web.png);
}
dl.event dt.address a {
font-size: 14px;
color: #db3533;
}
dl.event dt.address a:hover {
color: #fff;
}
div.event_header {
width: 100%;
border-bottom: 1px solid #313233;
margin: 0px 0px 30px 0px;
}
div.event_header h2 {
color:#fff;
font-weight: 600;
font-size: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.event_header h3 {
color: #ffffff;
font-size: 18px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
div.event_header h4 {
color: #a2a1a1;
font-size: 16px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
div.event_r h5 {
font-size: 18px;
color: #fff;
margin: 0px 0px 30px 0px;
}
div.event_r {
color: #a2a1a1;
font-size: 15px;
}
div.event_r p {
margin: 0px 0px 30px 0px;
}
div.event_quote {
clear: both;
float: left;
width: 100%;
background-color:#db3533;
color: #fff;
font-size: 15px;
margin: 0px 0px 30px 0px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 260px;
padding: 0px 0px 0px 280px;
}
div.event_quote div.l {
position: absolute;
top: 0px;
left: 0px;
width: 280px;
}
div.event_quote div.l img {
width: 100%;
}
div.event_quote div.r {
padding: 70px 25px 25px 25px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_quote_bg.png);
background-position: 30px 30px;
background-repeat: no-repeat;
}
div.event_quote div.r p {
margin: 0px 0px 0px 0px;
}
div.event_quote div.r p.quote_by {
padding-top: 10px;
}
div.event_details {
clear: both;
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 1160px) {
div.main_cols > div.r.events_sidebar {
display: none;
}
div.events_row ul li a div.event_date {
font-size: 34px;
line-height: 40px;
}
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
div.event_cols {
padding-left: 0px;
}
div.event_cols div.event_l {
position: relative;
top: auto;
left: auto;
width: 100%;
clear: both;
}
div.event_meta {
width: auto;
float: left;
clear: none;
padding-left: 25px;
}
div.event_controls {
width: 280px;
float: left;
}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
div.events_row ul li a div.event_button div em i {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
div.events_carousel div.item a div.overlay div.event_title {
font-size: 18px;
}
div.events_carousel div.item a div.overlay div.event_dates {
font-size: 14px;
margin-bottom: 0px;
}
div.events_carousel div.item a div.overlay div.event_link {
display: none;
}
div.events_row ul li {
width: 50%;
margin: 0px 0px 0px 0px;
}
div.events_row ul li.first {
padding-right: 0px;
}
div.events_row ul li.second {
padding-left: 0px;
padding-right: 0px;
}
div.events_row ul li.third {
padding-left: 0px;
}
div.event_quote {
min-height: 0px;
padding: 0px 0px 0px 0px;
}
div.event_quote div.l {
position: relative;
top: auto;
left: auto;
width: 100%;
}
div.event_quote div.l img {
width: 100%;
}
div.event_quote div.r {
padding: 70px 25px 25px 25px;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/event_quote_bg.png);
background-position: 30px 30px;
background-repeat: no-repeat;
}
div.event_meta {
width: 100%;
float: right;
clear: both;
}
div.event_controls {
width: 100%;
float: right;
clear: both;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
div.events_row ul li {
width: 100%;
margin: 0px 0px 30px 0px;
}
}
#allow_render_but_hide {
width: 1px;
height: 1px;
overflow:hidden;
}
#calendar_carousel {
clear: both;
float: left;
width: 100%;
}
#events_carousel {
clear: both;
float: left;
width: 100%;
}
div.event_map {
width: 590px;
height: 378px;
}
div.event_social {
padding-bottom: 45px;
}
#mapmodal {
}
#map-container {
position: absolute; height: 378px; width:590px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #000;
}
#map-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#map-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#map-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-25px; right:-25px; cursor:pointer;}
@media only screen and (min-width: 0px) and (max-width: 600px) {
div.event_map {
width: 300px;
height: 378px;
}
#map-container {
width: 300px;
}
}
@media only screen and (min-width: 0px) and (max-width: 390px) {
#map-container a.modalCloseImg {
top:-30px; right:-0px;
}
}
.appointment_form_wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
clear: both;
float: left;
padding: 45px 60px 0px 60px;
}
.appointment_form_wrap h4 {
font-size: 30px;
line-height: 36px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 25px 0px;
color: #fff;
border-bottom: 1px solid #313233;
display: block;
width: 100%;
clear: both;
float: left;
}
.appointment_form_wrap div.form_cols > div textarea {
height: 84px;
}
.appointment_form_wrap div.captcha {
padding-top: 7px;
padding-bottom: 8px;
}
#appointment-container {
position: absolute; height: 560px; width:980px;color:#000; background-color:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
background-color: #000;
/* FIXES AN ISSUE WITH INPUT FOCUS BREAKING THE SCROLL ON IOS DEVICES */
/* overflow: scroll; */
-webkit-overflow-scrolling: touch;
position: relative;
}
#appointment-container .simplemodal-data {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#appointment-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#appointment-container a.modalCloseImg {background:url(https://www.steelite.com/skin/frontend/default/steelite/images/big_white_x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:25px; right:25px; cursor:pointer;}
#appointment-container div.form_cols > div.r > div,
#appointment-container div.form_cols > div.l > div,
#appointment-container div.form_cols > div.m > div {
position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
#appointment-container {
width: 600px;
}
#appointment-container div.form_cols > div.l {
width: 100%;
}
#appointment-container div.form_cols > div.l > div {
margin-right: 0px;
}
#appointment-container div.form_cols > div.m {
width: 100%;
}
#appointment-container div.form_cols > div.m > div {
margin-right: 0px;
margin-left: 0px;
}
#appointment-container div.form_cols > div.r {
width: 100%;
}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {
#appointment-container {
width: 300px;
height: 360px;
}
.appointment_form_wrap {
padding: 45px 30px 0px 30px;
}
}
div.solution-extra-heading {
position: absolute;
left: 296px;
top: 8px;
background-repeat: no-repeat;
background-position: left center;
min-height: 37px;
line-height: 37px;
color: #fff;
text-indent: 50px;
background-size: 37px 37px;
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.solution-extra-heading {
display: none;
}
}
#custom-tooltip-title-hold {
display: block;
position: absolute;
left: -9999px;
/*bottom: -9999px;*/
font-size: 12px;
padding: 0 15px;
}
#custom-tooltip {
display: none;
position: absolute;
background-color: #FFF;
font-size: 12px;
color: #000;
z-index: 1005; /* above product lightbox */
padding: 8px 15px;
opacity: 0;
height: 16px;
text-align: center;
white-space: nowrap;
border-radius: 4px;
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
-webkit-transition: all 200ms ease-in, width 1ms;
-moz-transition: all 200ms ease-in, width 1ms;
-o-transition: all 200ms ease-in, width 1ms;
transition: all 200ms ease-in, width 1ms;
}
#custom-tooltip.limited {
height: auto;
white-space: normal;
}
#custom-tooltip > span.arrow {
width: 12px;
height: 12px;
position: absolute;
background-color: #FFF;
/*top: 26px;*/
bottom: -6px;
left: 0;
right: 0;
margin: auto;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.45);
}
html.lt-ie10 #custom-tooltip > span.arrow {
display: none;
}
#custom-tooltip.in {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.sitemap_group a {
color: #fff;
text-decoration: none;
}
.sitemap_group a:hover {
color: #db3533;
}
.sitemap_group .tier_one {
list-style: none;
}
.sitemap_group .tier_two a {
font-size: 12px;
color: #db3533;
}
.sitemap_group .tier_two a:hover {
color: #fff;
}
.sitemap_group .tier_three {
}
.sitemap_group .tier_three a {
color: #fff;
}
.sitemap_group .tier_three a:hover {
color: #db3533;
}
.sitemap_group .tier_four {
list-style: none;
}
.sitemap_group .tier_four li {
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.category_banner.smaller_text > div.l {
width: 460px;
}
div.category_banner.smaller_text > div.l #standardscrollbar .viewport {
width: 430px;
}
div.category_banner.smaller_text div.buffer_top {
width: 430px;
}
div.category_banner.smaller_text div.buffer_bottom {
width: 430px;
}
}
@media only screen and (min-width: 0px) and (max-width: 710px) {
div.category_banner.smaller_text {
height: auto;
}
div.category_banner.smaller_text > div.l {
width: 100%;
height: auto;
}
div.category_banner.smaller_text div.buffer_top,
div.category_banner.smaller_text div.buffer_bottom,
div.category_banner.smaller_text > div.l #standardscrollbar div.scrollbar {
display: none;
}
div#standardscrollbar .overview {
position: relative;
clear: both;
padding: 40px 20px 20px 20px;
}
div.category_banner.smaller_text > div.l #standardscrollbar .viewport {
width: 100%;
height: auto;
overflow: visible;
}
}
/* new literature page */
.nb-tabs {
display: none;
margin: 30px 0;
}
.nb-tabs.ready {
display: block;
}
.nb-tabs ul.nb-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
}
.nb-tabs ul.nb-tabs-nav li {
margin: 0;
padding: 0;
display: inline-block;
}
.nb-tabs ul.nb-tabs-nav li a {
display: block;
font-size: 14px;
color: #fff;
text-decoration: none;
border: 1px solid #313233;
border-left: 0;
background-color: #171717;
padding: 25px 40px;
}
.nb-tabs ul.nb-tabs-nav li a.active {
background-color: #000;
border-bottom-color: #000;
}
.nb-tabs .nb-tab-content {
display: none;
overflow: hidden;
}
.nb-tabs .nb-nav {
display: none;
}
.nb-tabs .nb-nav a {
display: block;
font-size: 14px;
color: #fff;
text-decoration: none;
background-color: #171717;
padding: 12px;
text-align: center;
border-top: 1px solid #313233;
}
.nb-tabs.accordion .nb-nav {
display: block;
}
.nb-tabs.accordion ul.nb-tabs-nav {
display: none;
}
.nb-tabs .nb-tabs-inner {
border-top: 1px solid #313233;
margin-top: -1px;
}
.nb-tabs.accordion .nb-tabs-inner {
border-top: 0;
}
div.lit_combined > ul {
margin: 30px 0;
}
/* MOODBOARD SECTION */
/*header ul#cart li#my_moodboard {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_moodboard.png);
}
header ul#cart li#my_moodboard:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_moodboard_hover.png);
}
*/
.moodboard_add {
position: absolute;
z-index: 10;
background-color: #e53434;
bottom: 12px;
right: 0;
}
.moodboard_add .button {
padding: 20px 26px 20px 50px;
color: #fff;
cursor: pointer;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_moodboard_white.png);
background-repeat: no-repeat;
background-position: 20px center;
}
.moodboard_add .message {
position: absolute;
z-index: 10;
background-color: #fff;
color: #000;
top: 80px;
padding: 12px;
border-radius: 2px;
display: none;
}
.moodboard_add .message:before {
content: '';
display: block;
width: 10px;
height: 10px;
background-color: #fff;
position: absolute;
top: -5px;
left: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#category_slider_mobile .moodboard_add {
bottom: 7px;
}
#category_slider_mobile .moodboard_add .button {
padding-top: 14px;
padding-bottom: 14px;
}
#category_slider_mobile .moodboard_add .message {
bottom: 65px;
top: auto;
}
#category_slider_mobile .moodboard_add .message:before {
bottom: -5px;
top: auto;
}
.moodboard .page {
width: 100%;
clear: both;
float: left;
border-bottom: 1px solid #4a4c4c;
margin-bottom: 40px;
}
.moodboard .page.last {
border-bottom: 0;
margin-bottom: 0;
}
.moodboard h2 {
font-size: 22px;
}
.moodboard ul {
list-style: none;
margin: 0px -15px;
padding: 0;
}
.moodboard ul > li {
display: inline-block;
width: 20%;
padding: 0px 15px;
box-sizing: border-box;
position: relative;
vertical-align: middle;
}
.moodboard ul > li.loading {
opacity: 0.4;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.moodboard ul > li .remove {
display: block;
position: absolute;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/wishlist_remove.png);
background-size: 40px 20px;
background-position: left top;
width: 20px;
height: 20px;
top: -10px;
right: 5px;
cursor: pointer;
z-index: 10;
}
.moodboard ul > li .item {
margin-bottom: 30px;
}
.moodboard ul > li .item .image {
position: relative;
}
.moodboard ul > li .item .image > img {
width: 100%;
display: block;
}
.moodboard ul > li .item > span {
display: block;
font-size: 16px;
padding: 15px 0;
box-sizing: border-box;
min-height: 75px;
}
.moodboard ul > li .item:hover {
cursor: move;
}
.moodboard ul > li .item:hover .image > img {
opacity: 0.2;
}
.moodboard ul > li .item .image > div.featured {
position: absolute;
bottom: 0;
width: 100%;
background-color: #e53434;
padding: 12px 0;
text-align: center;
}
.moodboard ul > li .item .image > div.featured > em {
font-style: normal;
font-display: swap;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_star.png);
background-size: 13px 12px;
background-position: left center;
background-repeat: no-repeat;
color: #fff;
display: inline-block;
padding-left: 20px;
}
h1.top.action-remove {
position: relative;
}
h1.top.action-remove a {
position: absolute;
right: 0;
font-size: 13px;
color: #fff;
text-decoration: none;
display: block;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_remove.png);
background-repeat: no-repeat;
background-size: 20px 40px;
background-position: left top;
padding-left: 28px;
}
#checkout-review-table h3 {
font-size: 16px !important;
}
@media only screen and (min-width: 0px) and (max-width: 990px) {
.moodboard ul > li {
width: 25%;
}
}
@media only screen and (min-width: 0px) and (max-width: 730px) {
.moodboard ul > li {
width: 33.33%;
}
}
@media only screen and (min-width: 0px) and (max-width: 540px) {
.moodboard ul > li {
width: 50%;
}
}
@media only screen and (min-width: 0px) and (max-width: 400px) {
.moodboard ul > li {
width: 100%;
}
h1.top.action-remove a {
margin: 20px 0 0 0;
position: static;
}
}
@media screen and (max-width: 1200px) {
/* header.americas nav#primary > ul > li a {
padding:20px 10px 20px 10px;
}*/
}
/*
// [DF STARS MOD - START]
*/
strong.star_rating {
font-weight: normal !important;
display: none;
}
html.c-us strong.star_rating,
html.c-um strong.star_rating,
html.c-ca strong.star_rating,
html.c-pm strong.star_rating,
html.c-ar strong.star_rating,
html.c-bz strong.star_rating,
html.c-bo strong.star_rating,
html.c-br strong.star_rating,
html.c-cl strong.star_rating,
html.c-co strong.star_rating,
html.c-cr strong.star_rating,
html.c-ec strong.star_rating,
html.c-sv strong.star_rating,
html.c-gf strong.star_rating,
html.c-gt strong.star_rating,
html.c-gy strong.star_rating,
html.c-hn strong.star_rating,
html.c-mx strong.star_rating,
html.c-ni strong.star_rating,
html.c-pa strong.star_rating,
html.c-py strong.star_rating,
html.c-pe strong.star_rating,
html.c-sr strong.star_rating,
html.c-uy strong.star_rating,
html.c-ve strong.star_rating {
display: inline;
}
/*
// [DF STARS MOD - END]
*/
.stock-status-indicator {
border: 4px solid white;
padding: 3px 6px 3px 6px;
}
.stock-status-indicator.in-stock {
border-color: green;
}
.stock-status-indicator.low-stock {
border-color: orange;
}
.stock-status-indicator.out-of-stock {
border-color: red;
}
.custom-poll-wrap {
clear: both;
padding-top: 30px;
}
.custom-poll-wrap ul {
list-style: none;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.custom-poll-wrap ul li {
margin: 0px 0px 10px 0px;
}
.custom-poll-wrap button {
color: #fff;
border: none;
clear: both;
margin: 0px 0px 20px 0px;
padding: 15px 45px 15px 45px;
display: inline-block;
background-color: #e53434;
}
.custom-poll-wrap .block-title {
display: none;
}
#regionsDiv{
display: none;
max-height: 340px;
font-size: 16px;
margin-left: 42px;
}
#regionsDiv,#regionsDiv h5{
color: #ffffff;
}
#countrylist{
list-style-type: none;
text-transform: uppercase;
margin-top: 60px;
}
#countrylist ul{
list-style: none;
margin-top: 30px
}
#countrylist li{
padding: 1px;
cursor: pointer;
}
.regions a::after{
content: ' \f0d7 ';
font-family: FontAwesome;
}
#simplemodal-container{
top: 250px !important;
background: #313233;
border: 4px solid #F9F9F8
}
#regionsDiv li {
display: inline;
padding: 20px;
}
#simplemodal-container a.modalCloseImg{
top: 10px;
right: 10px;
}
.language-img{
padding-right: 5px;
}
.allowedwebsite img.active{
border:1px solid #ffffff;
opacity: 1;
}
.allowedwebsite img{
opacity: 0.8;
cursor: pointer;
}
#gotoregion{
margin-top:15px;
}
.chk-mn-dv input {
color: #bdbdbd;
height: unset !important;
}
.chk-left {
display: inline;
/*float: left;*/
margin: 0 8px 10px 0;
position: absolute;
left: 0;
}
.chk-mn-dv {
color: #bdbdbd !important;
width: 100%;
display: block;
position: relative;
padding-left: 30px;
}
.chk-mn-dv label{
position: absolute;
}
#subscribe > div.l.terms-conditions{
width: 100%;
}
.term-condition{
color: #bdbdbd;
}
.chk-mn-dv label.footer_terms{
display: block;
position: relative;
/*margin-top: 10px;*/
}
.chk-left input{
margin: unset !important;
padding: unset !important;
width: auto !important;
}
section.pre_footer div.l form .chk-left input{
width: auto !important;
}
.terms-padding {
padding: 5px 0;
}
div.form_options > div.l > div {
margin: 0px 8px 0px 0px;
}
@media screen and (max-width: 991px) {
div.form_options > div.l > div input {
margin-top: 3px !important;
}
.chk-left input {
margin: 3px 0 0 0 !important;
}
.chk-mn-dv label {
margin-top: 0;
}
}
.chk-mn-dv label {
margin-top: 1px;
position: relative;
}
.single_form_column span.spam_code {
margin-bottom: 10px;
margin-top: -20px;
}
.single_form_column div.single_form_column > input.submit_button {
margin-bottom: 0px;
}
.single_form_column .form_options.terms-padding {
margin-top: -20px;
}
.cart-stock-status {
font-weight: 400;
margin-top: 7px;
display: block;
}
.cart-oos {
display: block;
margin-top: 7px;
font-weight: 400;
color: #fff;
background-color: #db3533;
padding: 7px 15px;
}
.cms_pad.cms_page_banner img
{
max-width: 100%;
}
.default_button_list
{
margin: 0;
padding: 0;
list-style-type: none;
/*text-align: center;*/
background-color: #333333;
overflow: hidden;
}
.default_button_list li
{
width: 25%;
display: inline-block;
float: left;
background: url('https://www.steelite.com/skin/frontend/default/steelite/images/button_list_li.png') 15% center no-repeat;
*display: inline; /* IE7 FIX */
zoom: 1; /* IE7 FIX */
*width: 24.9%; /* IE7 FIX */
}
.default_button_list li:first-child a
{
border-left: 0;
}
.default_button_list li.fourth a
{
border-right: 0;
}
.default_button_list li a
{
display: block;
padding: 36px 20px 36px 65px;
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
border-left: 1px solid #0c0c0c;
border-right: 1px solid #272727;
white-space: nowrap;
}
.default_button_list li:hover
{
background: #e63434 url('https://www.steelite.com/skin/frontend/default/steelite/images/button_list_li.png') 15% center no-repeat;
}
.default_button_list li a span
{
display: block;
font-size: 14px;
font-weight: 700;
text-transform: none;
}
/* WISHLIST EMPTY PAGE STYLES */
.wishlist_empty_text
{
background-position: center right;
background-repeat: no-repeat;
min-height: 360px;
/*margin-top: 60px;*/
}
.wishlist_empty_text > div.l
{
max-width: 480px;
background-color: #f9f9f7;
overflow: hidden;
color: #7d7d7b;
padding: 64px 40px 70px;
font-size: 14px;
min-height: 225px;
*padding-bottom: 69px;
*padding-top: 63px;
}
.wishlist_empty_text > div.l h1
{
color: #e63434;
font-size: 24px;
font-weight: 400;
margin: 0 0 30px 0;
}
/* SOLUTIONS PAGE STYLES */
div.brand_tiles.solution_list_wrap
{
}
div.brand_tiles.solution_list_wrap h1
{
font-size: 28px;
padding: 30px 0;
font-weight: normal;
}
div.brand_tiles.solution_list_wrap.no_top_margin h1 {
margin-top: 0;
padding-top: 0;
}
div.brand_tiles .solution_list li a
{
white-space: normal;
}
div.brand_tiles .solution_overlay
{
text-align: center;
padding: 40px;
visibility: hidden;
opacity: 0;
}
div.brand_tiles .solution_list li a:hover .solution_overlay
{
visibility: visible;
opacity: 1;
transition: opacity .5s ease-in;
-moz-transition: opacity .5s ease-in;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
}
div.brand_tiles .solution_list li a
{
background-repeat: no-repeat;
}
div.brand_tiles .solution_overlay h3
{
padding: 15px 0;
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-weight: normal;
}
div.brand_tiles .solution_overlay p
{
margin: 0;
font-size: 13px;
color: #ffffff;
}
/* VIDEO PAGE STYLING */
div.news_row.video_list ul li a
{
height: 210px;
}
div.news_row.video_list ul li a .play_overlay
{
position: absolute;
/*width: 267px;*/
height: 210px;
background-image: url('https://www.steelite.com/skin/frontend/default/steelite/images/play_overlay.png');
background-repeat: repeat-x;
visibility: hidden;
opacity: 0;
left: 0;
right: 0;
margin: 0 auto;
}
div.news_row.video_list ul li a .play_overlay p
{
text-align: center;
color: #ffffff;
font-size: 16px;
font-weight: normal;
margin-top: 80px;
}
div.news_row.video_list ul li a:hover .play_overlay
{
visibility: visible;
opacity: 1;
transition: opacity .2s ease-in;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
}
/* PAGINATION */
.vlpages
{
display: block;
text-align: center;
}
.vlpages a
{
display: inline-block;
padding: 15px 25px;
text-decoration: none;
border: 1px solid #323232;
border-left: 0;
background-color: #171717;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
}
.vlpages a:hover
{
background-color: #232323;
}
.vlpages a.prev-page
{
border:1px solid #323232;
}
.vlpages a.current
{
color: #434343;
font-weight: normal;
background-color: #232323;
cursor: text;
}
div#sub_category_panels2 a h3, div#sub_category_panels3 a h3,
div#sub_category_panels4 a h3, div#sub_category_panels5 a h3
{
background-color: #000000;
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 20px 0 20px 20px;
transition: all 200ms ease-in 200ms;
}
div#sub_category_panels2,
div#sub_category_panels3,
div#sub_category_panels4
{
height: 270px;
margin-left: -15px;
width: 1190px;
}
/* NEW MEDIA QUIRIES */
@media only screen and (min-width: 0px) and (max-width: 1160px) {
.default_button_list li a
{
font-size: 14px;
}
}
@media only screen and (min-width: 0px) and (max-width: 970px) {
.default_button_list li
{
background-position: 6% center;
}
.default_button_list li a
{
padding-left: 30px;
}
}
@media only screen and (min-width: 0px) and (max-width: 950px) {
.default_button_list
{
text-align: center;
}
.default_button_list li
{
background: none;
}
.default_button_list li:hover
{
background-image: none;
}
.default_button_list li a
{
padding: 30px 10px;
}
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
.default_button_list li
{
width: 50%;
*width: 49.9%;
}
.default_button_list li a
{
padding: 20px 10px;
}
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
div.brand_tiles .solution_overlay p
{
padding: 0 40px;
}
div.brand_tiles .solution_ovmax-erlay
{
max-width: 350px;
margin: 0 auto;
padding: 40px 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 450px) {
.default_button_list li a
{
font-size: 9px;
}
}
#quick-order-wrap * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#quick-order-wrap #quickorder-submit,
#quick-order-wrap table {
min-width: 550px;
}
#quick-order-wrap input,
#quick-order-wrap select {
width:100%;
border: none;
padding: 6px 4px 6px 4px;
font-size: 13px;
line-height: 16px;
display: block;
height: 30px;
}
#quick-order-wrap select {
background-color: #bbb;
}
#quick-order-wrap .col-image {
width: 10%;
}
#product_image {
min-height: 84px;
min-width: 84px;
}
#quick-order-wrap .product_image {
min-width: 84px;
text-align: center;
}
#quick-order-wrap .col-image img {
width: 100%;
min-height: 84px;
min-width: 84px;
}
#quick-order-wrap .col-sku {
width: 20%;
}
#quick-order-wrap .col-item {
width: 30%;
}
#quick-order-wrap .col-qty {
width: 8%;
}
#quick-order-wrap .col-qty input {
min-width: 60px;
}
#quick-order-wrap .col-button {
width: 20%;
text-align: right;
}
#sku-status,
#quick-order-wrap .error-line.error-activated {
color: #e53434;
}
#quick-order-wrap #cartWrap {
overflow: auto;
}
input.quick-add-button {
color: #fff;
background-color: #e53434;
}
#quick-order-wrap .toggleSample {
display: inline;
width: auto;
top: 2px;
position: relative;
margin-right: 5px;
height: auto;
margin-top: 10px;
}
#checkout-step-login .col2-set {
clear: both;
float: left;
width: 100%;
}
#checkout-step-login .col2-set .col-2,
#checkout-step-login .col2-set .col-1 {
float: left;
width: 50%;
}
#checkout-step-login .col2-set .col-2 h3,
#checkout-step-login .col2-set .col-1 h3 {
font-size: 20px;
}
#checkout-step-login .col2-set .col-2 h4,
#checkout-step-login .col2-set .col-1 h4 {
font-size: 20px;
}
#checkout-step-login .col2-set .col-1 ul.form-list {
margin-bottom: 30px;
}
#checkout-step-login .col2-set .col-1 ul.form-list li {
padding: 0px 0px 0px 0px;
}
#checkout-step-login .col2-set:last-of-type {
margin-bottom: 50px;
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
#checkout-step-login .col2-set .col-2,
#checkout-step-login .col2-set .col-1 {
width: 100%;
clear: both;
}
#checkout-step-login .col2-set .col-1 {
margin-bottom: 30px;
}
}
#auto-modal {
width: 300px;
height: 280px;
background-color:#fff;
padding: 30px;
border: 4px solid rgba(253, 77, 68,1);
-webkit-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.75);
box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.75);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#auto-modal h1 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
}
#auto-modal p {
margin: 0px 0px 20px 0px;
}
#auto-modal a.modalCloseImg {
background:url(https://www.steelite.com/skin/frontend/default/steelite/images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:12px;
right:2px;
cursor:pointer;
}
#auto-modal a.survey-button {
display: block;
width: 100%;
text-align: center;
padding: 10px 0px 10px 0px;
background-color: #e53434;
color: #fff;
text-decoration: none;
}
#auto-modal a.survey-button:hover {
background-color: #313233;
}
#auto-modal a.survey-cancel {
display: block;
width: 100%;
text-align: center;
}
.my-account .cms_pad > .link-reorder,
.my-account .cms_pad > .separator {
display: none;
}
.my-account .cms_pad > .link-print {
float: right;
}
.my-account .order-info-box {
width: 50%;
float: left;
margin-bottom: 0;
}
.my-account .order-info-box > div {
width: 50%;
float: left;
margin-bottom: 15px;
}
.my-account .order-info-box > div h4,
.my-account div h3 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 15px;
}
.order-additional {
padding-top: 30px;
}
@media (max-width: 767px) {
.my-account .order-info-box {
width: 100%;
}
.my-account .cms_pad > .link-print {
float: none;
display: block;
margin: 15px 0;
}
}
@media (max-width:680px) {
.table_container {
overflow-x: scroll;
padding-top:50px;
}
.table_container table {
min-width: 600px;
}
.my-account div.box {
height: auto;
}
.my-account .order-info-box > div {
width: 100%;
float: none;
overflow: hidden;
margin-bottom: 45px;
}
.my-account address {
font-style: normal;
}
p.back-link {
margin: 15px 0;
}
}
.standard_banner {
background-size: cover;
background-repeat: no-repeat;
}
.cart-stock-status {
font-weight: 400;
margin-top: 7px;
display: block;
}
.cart-oos {
display: block;
margin-top: 7px;
font-weight: 400;
color: #fff;
background-color: #db3533;
padding: 7px 15px;
}
/*
* Core Owl Carousel CSS File
* v1.24
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(https://www.steelite.com/skin/frontend/default/steelite/css/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/* CSS3 Transitions */
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
/*
* Owl Carousel Owl Demo Theme
* v1.24
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 5px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
background: #e53434;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(https://www.steelite.com/skin/frontend/default/steelite/css/AjaxLoader.gif) no-repeat center center
}
/* ADDED BY DF */
.owl-theme .owl-controls {
position: absolute;
width: 100%;
margin: 0px 0px 0px 0px;
bottom:-4px;
text-align: left;
}
section.features_container .owl-theme .owl-controls .owl-page {
width: 25%;
}
section.features_container .owl-theme .owl-controls .owl-page span {
width: 100%;
}
html.lt-ie8 .owl-theme .owl-controls {
margin-top:-5px;
}
section.main_banners .owl-theme .owl-controls .owl-page span {
width: 100%;
}
section.main_banners .owl-theme .owl-controls .owl-page {
width: 20%;
}
#showroom_gallery.owl-theme .owl-controls .owl-page span {
width: 100%;
}
#showroom_gallery.owl-theme .owl-controls .owl-page {
width: 20%;
}
#category_slider_mobile.owl-theme .owl-controls .owl-page {
width: 14.25%;
}
#category_slider_mobile.owl-theme .owl-controls .owl-page span {
width: 100%;
height: 7px;
}
@-moz-document url-prefix() {
.owl-theme .owl-controls {
bottom:-4px;
}
}
#myaccount_banners.owl-theme .owl-controls .owl-page span {
width: 100%;
}
#myaccount_banners.owl-theme .owl-controls .owl-page {
width: 25%;
}
html.lt-ie8 #myaccount_banners.owl-theme .owl-controls .owl-page {
width: 24.96%;
}
div.manual-owl-controls {
position: absolute;
top: 10px;
right: 0px;
}
div.manual-owl-controls > div {
display: block;
float: left;
width: 30px;
height: 30px;
text-indent: 30px;
overflow:hidden;
background-position: top left;
background-repeat: bottom left;
cursor: pointer;
margin-left: 3px;
}
div.manual-owl-controls > div:hover {
background-position: bottom left;
}
div.manual-owl-controls > div.manual-owl-all {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/manual_carousel_all.png);
}
div.manual-owl-controls > div.manual-owl-all.hide {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/manual_carousel_hide.png);
}
div.manual-owl-controls > div.manual-owl-prev {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/manual_carousel_prev.png);
}
div.manual-owl-controls > div.manual-owl-next {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/manual_carousel_next.png);
}
@media only screen and (min-width: 0px) and (max-width: 1175px) {
div.manual-owl-controls {
right: 20px;
}
}
#calendar_carousel.owl-theme .owl-controls {
bottom: auto;
top: 8px;
}
.owl-theme .owl-controls .owl-buttons div {
width: 11px;
height: 18px;
overflow:hidden;
opacity: 1;
padding: 0px 0px 0px 0px;
background: none;
text-indent: 20px;
background-position: top left;
}
.owl-theme .owl-controls .owl-buttons div:hover {
background-position: bottom left;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/calendar_carousel_prev.png);
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/calendar_carousel_next.png);
float: right;
}
div.main_cols > div.r #calendar_carousel h5 {
text-align: center;
}
#events_carousel.owl-theme.banner_count_2 .owl-controls {
bottom: 0px;
}
#events_carousel.owl-theme .owl-pagination {
line-height: 0;
}
#events_carousel.owl-theme.banner_count_2 .owl-controls .owl-page {
width: 50%;
}
#events_carousel.owl-theme.banner_count_3 .owl-controls .owl-page {
width: 33.33%;
}
#events_carousel.owl-theme.banner_count_4 .owl-controls .owl-page {
width: 25%;
}
#events_carousel.owl-theme.banner_count_5 .owl-controls .owl-page {
width: 20%;
}
#events_carousel.owl-theme .owl-controls .owl-page span {
width: 100%;
}
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
cursor: pointer;
text-align: left;
}
.formError.inline {
position: relative;
top: 0;
left: 0;
display: inline-block;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}
.formError .formErrorContent {
width: 100%;
background: #e63434;
position:relative;
color: #fff;
min-width: 200px;
font-size: 14px;
border: 2px solid #e63434;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
/*
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
*/
}
.formError .formErrorContent b {
color: #780d0d;
}
.formError.inline .formErrorContent {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}
.formError .formErrorArrow div {
border-left: 2px solid #e63434;
border-right: 2px solid #e63434;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
-o-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #e63434;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #e63434;
}
.blackPopup .formErrorArrow div {
background: #e63434;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
/* ARROW TIP */
.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #e63434;
border-right: 2px solid #e63434;
border-bottom: 0 solid #e63434;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #e63434;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #e63434;
}
/* jQuery Growl
* Copyright 2013 Kevin Sylvestre
* 1.1.0
*/
#growls {
z-index: 50000;
position: fixed;
}
#growls.default {
top: 10px;
right: 10px;
}
#growls.tl {
top: 10px;
left: 10px;
}
#growls.tr {
top: 10px;
right: 10px;
}
#growls.bl {
bottom: 10px;
left: 10px;
}
#growls.br {
bottom: 10px;
right: 10px;
}
.growl {
opacity: 1;
position: relative;
border-radius: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background-color: #fff;
border-bottom: 4px solid #db3533;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.43);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.43);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.43);
}
.growl.growl-incoming {
opacity: 0;
}
.growl.growl-outgoing {
opacity: 0;
}
.growl.growl-small {
width: 200px;
padding: 20px;
margin: 5px;
}
.growl.growl-medium {
width: 250px;
padding: 20px;
margin: 10px;
}
.growl.growl-large {
width: 300px;
padding: 20px;
margin: 15px;
}
.growl.growl-default {
}
.growl.growl-error {
background-color: #db3533;
color: #fff;
border-bottom: 4px solid #fff;
}
.growl.growl-notice {
}
.growl.growl-warning {
}
.growl .growl-close {
cursor: pointer;
float: right;
width: 15px;
height: 15px;
background-image:url(/skin/frontend/default/steelite/images/growl-close-bg.png);
background-position: left;
text-indent: 100px;
overflow:hidden;
}
.growl .growl-title {
font-size: 18px;
line-height: 24px;
color: #db3533;
}
.growl .growl-message {
font-size: 14px;
line-height: 18px;
color: #000000;
}
.growl .growl-message a {
color: #db3533;
}
.growl.growl-error .growl-title {
color: #fff;
}
.growl.growl-error .growl-close {
background-image:url(/skin/frontend/default/steelite/images/growl-close-bg-error.png);
}
.growl.growl-error .growl-message {
color: #fff;
}
section.section {
width: 100% !important;
max-width: 1160px !important;
}
.ico:before {
display: inline-block;
content: '';
font-size: inherit;
line-height: 1em;
width: 1em;
height: 1em;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
}
.ico-basket:before {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_basket.png);
}
.ico-heart:before {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_wishlist.png);
}
.ico-enquiry:before {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_enquiry.png);
}
.ico-compare:before {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_compare.png);
width: 1.4em;
}
.ico-moodboard:before {
background-image: url(https://www.steelite.com/skin/frontend/default/steelite/images/icon_moodboard.png);
width: 1.4em;
}
#newHeader {
background: #fff;
}
#preHead section.section > div {
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: stretch;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-content: stretch;
text-align: center;
-webkit--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#preHead section.section > div > * {
flex-grow: 1;
}
#preHead section.section #trigger {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
background: #e0e0e0;
line-height: 35px;
text-decoration: none;
color: #000;
border-right: 2px solid #fff;
}
#preHead section.section #trigger strong {
font-weight: 300;
}
#preHead section.section nav {
display: none;
padding: 5px 0;
}
/* [300119 - CHANGES START] */
#preHead section.section nav#accountControls {
display:block;
}
#preHead section.section nav#accountControls #my_wishlist,
#preHead section.section nav#accountControls #my_compare,
#preHead section.section nav#accountControls #my_moodboard {
display:none;
}
/* [300119 - CHANGES END] */
#preHead section.section #accountControls li {
text-align: center;
}
#preHead section.section #accountControls li a {
display: block;
line-height: 25px;
width: 25px;
font-size: 16px;
position: relative;
}
#preHead section.section #accountControls li a em {
position: absolute;
top: 0;
right: -5px;
line-height: 10px;
min-width: 10px;
font-size: 8px;
color: #fff;
background: #e53434;
font-style: normal;
border-radius: 50%;
}
#preHead section.section #accountControls li a span {
display: none;
}
#preHead nav ul {
border-right: 1px solid #e1e4e6;
padding: 0 5px;
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-around;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-content: stretch;
text-align: center;
-webkit--webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms--webkit-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
}
#preHead nav:last-child ul {
border-right: 0;
padding-right: 0;
}
#preHead nav ul li {
display: block;
/*margin-right: 5px;*/
}
#preHead nav ul li a {
text-decoration: none;
color: #000;
font-size: 14px;
line-height: 25px;
display: block;
}
#preHead nav#accountControls ul li a:hover,
#preHead nav.social_icons ul li a:hover {
background: #e0e0e0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e0e0e0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#preHead section.section nav.social_icons {
text-align: center;
padding: 5px 0;display: block;
}
#preHead nav.social_icons ul li a {
display: block;
text-decoration: none;
color: #000;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 15px;
}
#preHead nav.social_icons ul li strong {
display: none;
}
#contacts_country a {
text-transform: uppercase;
}
#contacts_country a:after {
content: ' \f0d7 ';
font-family: FontAwesome;
}
#branding {
padding: 15px 0;
}
#branding {
display: block;
width: 103px;
margin: 0 auto;
}
#branding img {
display: block;
max-width: 100%;
height: auto;
}
#searchControls nav ul li {
display: inline-block;
margin-right: 5px;
}
#searchControls nav ul li:last-child {
margin-right: 0;
}
#searchControls nav ul li a {
padding: 5px 10px;
line-height: 25px;
display: block;
color: #000;
text-decoration: none;
}
#searchControls nav ul li a:hover {
color: #e53434;
}
#searchControls form {
display: block;
position: relative;
border: 1px solid #c1c1c1;
min-width: 300px;
}
#searchControls input[type=search] {
display: block;
padding: 5px 100px 5px 5px;
line-height: 25px;
height: 35px;
background: #fff;
border: 0;
width: 100%;
box-sizing: border-box;
}
#searchControls button {
position: absolute;
top: 0;
right: 0;
line-height: 25px;
padding: 5px;
line-height: 25px;
border: 0;
background: #f0f1f2;
width: 95px;
text-align: center;
}
#searchControls button:hover {
background: #000;
color: #fff;
}
div#suggest {
top: 100% !important;
width: 100% !important;
}
.steelite-menu-container {
position: absolute;
margin-top: 0;
top: 100%;
}
#heroBanner {
padding: 15px 15px 0 15px;
}
#heroBanner .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#heroBanner .row > div {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#heroBanner .row > div a {
display: flex;
}
#heroBanner .slide {
position: relative;
display: block;
margin-bottom: 15px;
}
#heroBanner .slide > div {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 45px 15px;
text-align: center;
color: #fff;
font-size: 12px;
z-index: 99;
}
#heroBanner .slide > div h3,
#heroBanner .slide > div h1 {
font-size: 20px;
font-weight: 400;
margin-top: 0;
margin-bottom: 30px;
line-height: 1.2em;
}
#heroBanner .slide > div > * {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
#heroBanner .slide img,
#heroBanner .slide picture {
max-width: 100%;
width: 100%;
}
#heroBanner .slide > div p {
line-height: 1.45em;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#heroBanner .slide:before {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#161616+0,000000+100&0.65+0,0+36 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#16161600',GradientType=0 ); /* IE6-9 */
content: '';
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 98;
/*mix-blend-mode: overlay;*/
}
#heroBanner .slide:after {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
content: '';
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 98;
mix-blend-mode: overlay;
}
#heroBanner .slide:hover:after {
opacity: 1;
}
#services {
padding: 0 15px;
}
#services .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#services .row > section {
margin-bottom: 15px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: flex;
justify-content: stretch;
align-items: stretch;
}
#services .row > section a {
flex:1;
background: #313233;
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
padding: 10px;
flex-direction: column;
-webkit-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-content: center;
text-decoration: none;
color: #fff;
text-align: center;
}
#services .row > section a > * {
max-width: 250px;
margin: 0 auto;
display: block;
/*color: #000;*/
}
#services .row > section a h2 {
font-size: 22px;
}
#services .row > section:nth-child(4n + 1) a {
background: #e89b8b;
}
#services .row > section:nth-child(4n + 2) a {
background: #a5be60;
}
#services .row > section:nth-child(4n + 3) a {
background: #f15b40;
}
#services .row > section:nth-child(4n + 4) a {
background: #6ca6a7;
}
#services .row > section a.standard_banner {
background: #313233;
padding: 60px 30px;
}
#services .row > section a img {
max-width: 100%;
}
.specialTitle > * {
text-align: center;
font-size: 24px;
padding: 30px 0;
margin: 0;
}
#partnerBrands ul {
display: block;
padding: 0;
margin: 0;
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-around;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-content: stretch;
text-align: center;
-webkit--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#partnerBrands ul li {
display: block;
}
#partnerBrands ul li {
max-width: 45%;
}
#partnerBrands ul li a {
opacity: 0.6;
}
#partnerBrands ul li a:hover {
opacity: 1;
}
#partnerBrands ul li a img {
max-width: 100%;
}
#partnerBrands .brandsFooter {
padding: 45px 0;
text-align: center;
}
#partnerBrands .brandsFooter a {
font-size: 13px;
text-decoration: underline;
color: #c4c7c9;
}
section.pre_footer div.l form input {
background-color: #1d1d1d !important;
border-bottom: 0 !important;
height: 40px;
padding: 5px;
line-height: 30px;
box-sizing: border-box;
width: 100% !important;
padding-right: 40px;
}
section.pre_footer div.l form button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background: #db3533;
border: 0;
}
section.pre_footer div.l form {
max-width: 280px;
}
section.pre_footer div.l form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
section.pre_footer div.l form ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
section.pre_footer div.l form :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
section.pre_footer div.l form :-moz-placeholder { /* Firefox 18- */
color: #fff;
}
section.pre_footer h5 {
font-size: 22px !important;
margin-bottom: 15px !important;
}
section.pre_footer section.section {
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-between;
align-items: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-content: stretch;
text-align: left;
-webkit--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#dfFeed {
background: #313233;
/*margin-bottom: 30px;*/
padding-bottom: 0;
}
/*#dfFeed #feed {
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-between;
align-items: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-content: stretch;
text-align: left;
-webkit--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}*/
#dfFeed #feed .item {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
color: #fff;
/*background: #313233;*/
}
#dfFeed #social-feed-wrap {
position: relative;
}
#dfFeed #social-feed:after {
position:absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
width: 100%;
right: 0;
border: 1px solid #313233;
pointer-events: none;
z-index: 9999;
box-sizing: border-box;
}
.feedFooter {
text-align: center;
padding: 45px 0;
}
.feedFooter > * {
display: inline-block;
color: #c4c7c9;
font-size: 16px;
text-decoration: none;
background: transparent;
}
.feedFooter > a:hover {
text-decoration: underline !important;
}
.mp-level .loginMenu {
padding: 30px 0;
color: #b1b2b2;
}
.mp-level .loginMenu a {
color: #b1b2b2;
}
@media screen and (min-width: 425px) {
#preHead section.section #accountControls {
display: block;
}
#preHead section.section nav#accountControls #my_wishlist,
#preHead section.section nav#accountControls #my_compare,
#preHead section.section nav#accountControls #my_moodboard {
display:block;
}
#searchControls button .fa {
display: none;
}
#dfFeed #feed .item {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 580px) {
#services .row > section {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
margin-right: 15px;
}
#services .row > section:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 650px) {
#preHead section.section nav#contacts {
display: block;
}
#branding {
position: absolute;
left: 10px;
padding: 10px 0;
width: 125px;
}
#searchControls nav {
padding: 30px 10px 30px 150px;
text-align: right;
}
#heroBanner .row > div {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(33.33% - 10px);
-ms-flex: 0 0 calc(33.33% - 10px);
flex: 0 0 calc(33.33% - 10px);
max-width: calc(33.33% - 10px);
margin-right: 15px;
}
#heroBanner .row > div:last-child {
margin-right: 0;
}
#services .row > section a {
padding: 20px;
}
}
@media screen and (min-width: 768px) {
#searchControls nav ul li {
margin-right: 10px;
}
}
@media screen and (min-width: 820px) {
#navWrap {
border-top: 1px solid #f0f1f2;
}
#navWrap nav#primary {
float: none !important;
}
#navWrap nav#primary > ul {
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: space-between;
align-items: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-content: stretch;
text-align: center;
-webkit--webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#newHeader {
padding: 20px 0 0 0;
}
#preHead section.section {
padding-left: 190px;
box-sizing: border-box;
}
#preHead section.section {
display: flex;
display: -webkit-flex;
display: -ms-flex;
justify-content: flex-end;
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-content: stretch;
text-align: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
#trigger {
display: none;
}
#preHead nav ul li {
margin-right: 10px;
}
#preHead nav#contacts ul li {
padding-right: 10px;
border-right: 1px solid #e1e4e6;
}
#preHead nav ul li:last-child {
margin-right: 0 !important;
border-right: 0 !important;
}
#branding {
padding: 0;
}
#branding {
top: -36px;
}
#searchControls nav {
padding: 25px 0 25px 0;
text-align: right;
}
#branding {
width: 175px;
}
#dfFeed #feed .item {
-webkit-flex: 0 0 33.3333333%;
-ms-flex: 0 0 33.3333333%;
flex: 0 0 33.3333333%;
max-width: 33.3333333%;
}
}
@media screen and (min-width: 992px) {
#preHead nav ul {
padding: 0 10px;
}
#heroBanner .slide > div h3,
#heroBanner .slide > div h1 {
font-size: 22px;
}
#services .row > section {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(25% - 11.4px);
-ms-flex: 0 0 calc(25% - 11.4px);
flex: 0 0 calc(25% - 11.4px);
max-width: calc(25% - 11.4px);
margin-bottom: 15px;
margin-right: 15px;
}
#services .row > section:nth-child(2n) {
margin-right: 15px;
}
#services .row > section:nth-child(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 1200px) {
#services .row > section a {
padding: 30px;
}
section.pre_footer div.l,
section.pre_footer div.m,
section.pre_footer div.r {
width: calc(33.33% - 80px) !important;
margin-right: 0 !important;
}
#dfFeed #feed .item {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media screen and (max-width: 991px) {
section.pre_footer h5 {
font-size: 20px !important;
}
}
@media screen and (max-width: 819px) {
#preHead {
background: #f1f1f3;
}
#navWrap {
display: none;
}
}
@media screen and (max-width: 850px) {
section.pre_footer div.l {
text-align: center !important;
}
section.pre_footer div.l h5 {
padding: 30px 15px 5px 15px !important;
background-position: top center;
margin-left: 0 !important;
}
section.pre_footer div.l form {
margin: 0 auto;
display: block;
}
section.pre_footer div.l form p {
margin: 0;
}
}
@media screen and (max-width: 768px) {
#searchControls nav ul li#contacts_customerlogin,
#searchControls nav ul li#contacts_account {
display: none;
}
}
@media screen and (max-width: 700px) {
#preHead section.section nav#contacts li a span {
display: none;
}
#contacts_telephone {
display: none !important;
}
}
@media screen and (max-width: 650px) {
body.mobile #contacts_home,
body.mobile #contacts_customerlogin {
display: none;
}
#searchControls nav ul li#contacts_searchWrap {
display: block;
width: 100%;
}
}
@media screen and (max-width: 550px) {
section.pre_footer div.l {
padding: 15px 0 45px 0;
}
}
@media screen and (max-width: 425px) {
#searchControls input[type=search] {
padding-right: 45px;
}
#searchControls button {
background: #dd3431;
color: #fff;
width: 40px;
}
#searchControls button span {
display: none;
}
}
@media screen and (max-width: 1175px) {
div.main_cols,
div.main_cols > div.r,
div.main_cols > div.l {
float: none !important;
clear: both !important;
}
}
/* COUNTRY PICKER MOBILE - START */
#searchControls nav ul li#contacts_searchWrap {
position: relative;
}
#country-picker-mobile {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 102px;
}
#country-picker-mobile > a {
display: block;
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
background: #e0e0e0;
line-height: 37px !important;
height: 37px;
overflow:hidden;
text-align: center;
text-decoration: none;
color: #000;
text-transform: uppercase;
padding: 0px !important;
}
#country-picker-mobile > a i {
}
#searchControls nav ul li#contacts_searchWrap,
#searchControls nav ul li#contacts_searchWrap * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 649px) {
#searchControls form {
min-width: 200px;
}
#country-picker-mobile {
display: block;
}
#searchControls nav ul li#contacts_searchWrap {
padding-left: 102px;
}
div#country_picker {
top: 166px !important;
}
}
#simplemodal-overlay {
background: rgba(0,0,0,0.2);
}
#regionsDiv {
text-align: center;
}
#regionsDiv.simplemodal-data {
/*background: #f00;*/
background: #000;
padding: 0 0 45px 0;
max-height: initial;
}
#regionsDiv.simplemodal-data > span.title {
display: block;
padding: 15px 45px;
text-align: center;
font-size: 24px;
font-weight: 300;
background: #37383a;
}
#regionsDiv.simplemodal-data select {
border:0;
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
background: #37383a;
color: #fff;
line-height: 25px;
padding: 10px 15px;
height: 45px;
min-height: 45px;
margin: 5px;
margin-bottom: 30px;
margin-top: 60px;
max-width: calc(100% - 10px);
}
#regionsDiv.simplemodal-data ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0px 0;
margin: 0 !important;
overflow:hidden;
}
#regionsDiv li img {
border: 2px solid #000;
}
#regionsDiv li img.active {
border: 2px solid #fff;
}
#regionsDiv li span {
display: block;
text-align: center;
text-transform: capitalize;
padding-top: 5px;
}
#regionsDiv.simplemodal-data button {
padding: 15px;
color: #fff;
background: #db3533;
font-size: 13px;
border: 0;
min-width: 150px;
}
#regionsDiv .country-label {
display: block;
padding: 15px 45px;
text-align: center;
font-size: 24px;
font-weight: 300;
}
/* COUNTRY PICKER MOBILE - END */
#aboutUs {
padding: 0 15px;
}
#aboutUs h1 {
color: #f0f1f2;
font-size: 30px;
margin: 0px 0px 30px 0px;
font-weight: 400;
}
#aboutUs nav {
margin-bottom: 30px;
}
#aboutUs nav ul {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 0;
margin: 0;
justify-content: flex-start;
align-items: stretch;
}
#aboutUs nav ul li {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
#aboutUs nav ul li a {
display: block;
padding: 10px 30px;
line-height: 20px;
text-align: center;
border: 1px solid #313233;
background: #000;
color: #fff;
text-decoration: none;
margin-right: 15px;
margin-bottom: 15px;
}
#aboutUs nav ul li a:hover,
#aboutUs nav ul li.active a {
background: #db3533;
border-color: #db3533;
}
#aboutGrid {
/* display: grid;
grid-gap: 0;
grid-template-columns:50% 50%;*/
display: flex;
flex-wrap: wrap;
}
#aboutGrid > * {
box-sizing: border-box;
}
#aboutGrid .grid-sizer,
#aboutGrid .logo {
flex: 0 0 50%;
width: 50%;
}
#aboutGrid .text,
#aboutGrid .img,
#aboutGrid .testimonial {
flex: 0 0 100%;
width: 100%;
}
#aboutGrid .text {
background: #313233;
color: #fff;
font-size: 13px;
padding: 30px 15px;
/* grid-column: span 2;
grid-row: span 2;*/
z-index: 100;
}
#aboutGrid .text h2 {
font-size: 22px;
font-weight: 300;
}
#aboutGrid .text p {
line-height: 1.7em;
}
#aboutGrid .logo {
flex: 0 0 50%;
background: #fff;
display: block;
z-index: 99;
}
#aboutGrid .logo > div {
padding-top: 100%;
position: relative;
overflow: hidden;
}
#aboutGrid .logo span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
}
#aboutGrid .logo img {
max-width: 100%;
height: auto;
max-height: 100%;
width: auto;
}
#aboutGrid .img {
/* grid-column: span 2;
grid-row: span 2;*/
position: relative;
justify-content: center;
align-items: center;
flex: 1;
display: flex;
flex-grow: 1;
background-size: cover;
background-position: center;
z-index: 101;
}
#aboutGrid .img figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#aboutGrid .img picture {
flex: 0 0 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
#aboutGrid .img img {
height: auto;
flex: 1;
opacity: 0;
}
#aboutGrid .img figcaption a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
text-decoration: none;
background: rgba(157,204,224,0.9);
color: #fff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#aboutGrid .img figcaption span {
font-size: 20px;
font-weight: 300;
text-align: center;
}
#aboutGrid .img figcaption strong {
font-size: 30px;
font-weight: 600;
display: block;
}
#aboutGrid .testimonial {
background: #000;
color: #fff;
font-size: 13px;
padding: 30px 15px;
margin: 0;
font-size: 13px;
font-family: 'Century Gothic', 'Muli', sans-serif;
font-style: italic;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* grid-column: span 2;
grid-row: span 2;*/
z-index: 98;
}
#aboutGrid .testimonial p {
position: relative;
display: block;
padding: 30px 0;
margin-top: 20px;
}
#aboutGrid .testimonial .fa-quote-left {
position: absolute;
top: -15px;
left: calc(50% - 15px);
font-size: 18px;
width: 30px;
height: 30px;
text-align: center;
display: block;
line-height: 30px;
}
#aboutGrid .testimonial .fa-quote-right {
position: absolute;
bottom: 0px;
right: calc(50% - 15px);
font-size: 16px;
width: 30px;
height: 30px;
text-align: center;
display: block;
line-height: 30px;
}
#aboutGrid .testimonial > strong {
display: block;
padding: 10px 30px;
}
@media screen and (min-width: 777px) {
#aboutGrid .grid-sizer,
#aboutGrid .logo {
flex: 0 0 25%;
width: 25%;
}
#aboutGrid .text,
#aboutGrid .img,
#aboutGrid .testimonial {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (min-width: 992px) {
#aboutGrid .img figcaption span {
font-size: 20px;
}
#aboutGrid .img figcaption strong {
font-size: 42px;
}
#aboutGrid .text {
padding: 45px;
}
}
#testimonials h1 {
font-size: 30px;
color: #fff;
font-weight: 300;
}
#testimonialGrid {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
max-height: 2500px;
padding-bottom: 60px;
}
#testimonialGrid .testimonial {
margin-left: -1px;
margin-top: -1px;
flex: 0 0 calc(50% + 1px);
width: calc(50% + 1px);
background: #8d8d8d;
}
#testimonialGrid .testimonial > div {
margin: 1px;
padding: 20px 20px 0 20px;
background: #000;
}
#testimonialGrid .testimonial blockquote {
padding: 0 10px 30px 10px;
margin: 0;
}
#testimonialGrid .testimonial img + blockquote {
padding: 30px 10px 30px 10px;
margin: 0;
}
#testimonialGrid .testimonial img {
max-width: 100%;
height: auto;
}
#testimonialGrid .testimonial p {
font-size: 13px;
color: #c4c4c4;
margin-bottom: 25px;
}
#testimonialGrid .testimonial strong {
color: #fff;
display: block;
}
#testimonialGrid:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
width: 100%;
right: 0;
border: 1px solid #000;
pointer-events: none;
z-index: 9999;
box-sizing: border-box;
}
#testimonials.all #testimonialGrid {
max-height: 100000px;
}
#revealTestimonials {
display: block;position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #000;
text-align: center;
}
#revealTestimonials a {
color: #fff;
font-size: 16px;
text-decoration: underline;
line-height: 60px;
}
#testimonials.all #revealTestimonials {
display: none;
}
@media screen and (min-width: 777px) {
#testimonialGrid .testimonial {
flex: 0 0 calc(33.33% + 1px);
width: calc(33.33% + 1px);
}
#testimonialGrid .grid-sizer {
flex: 0 0 33.33%;
width: 33.33%;
}
}
@media screen and (min-width: 991px) {
#testimonialGrid .testimonial {
flex: 0 0 calc(25% + 1px);
width: calc(25% + 1px);
}
#testimonialGrid .grid-sizer {
flex: 0 0 25%;
width: 25%;
}
}
@media only screen and (max-width: 710px) and (min-width: 0px) {
#aboutUs h1,
#testimonials h1 {
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
#aboutUs nav ul {
justify-content: center;
}
}
@media screen and (min-width: 1200px) {
.manual-owl-controls[data-slide-rel='1'],
.manual-owl-controls[data-slide-rel='2'],
.manual-owl-controls[data-slide-rel='3'],
.manual-owl-controls[data-slide-rel='4'] {
display: none;
}
}
#simplemodal-container {
position: absolute !important
}
section.single_product_cols > div.l div.product_gallery {
margin-bottom: 30px;
}
#social-feed-wrap,
#social-feed *,
#social-feed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#social-feed-wrap {
width: 100%;
margin: 0px 0px 0px 0px;
}
#social-feed {
width: 100%;
max-width: 1200px;
margin: 0 auto;
clear: both;
background-color: #323234;
height: 1200px;
overflow-y:hidden;
overflow-x:hidden;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.5s;
}
#social-reveal-all {
width: 100%;
max-width: 1200px;
margin: 0 auto;
clear: both;
/*border-top: 1px solid #3e3e40;*/
text-align: center;
}
#social-reveal-all a {
display: inline-block;
text-decoration: none;
color: #dfdfdf;
/*background-color: #000;*/
padding: 5px 15px 5px 15px;
}
#social-reveal-all a:hover {
text-decoration: none;
/*background-color: #e13b3d;*/
}
#social-feed #social-feed-load-more {
width: 100%;
clear: both;
float: left;
text-align: center;
display: none;
/*border-top: 1px solid #3e3e40;*/
}
#social-feed #social-feed-end,
#social-feed #social-feed-loading {
width: 100%;
clear: both;
float: left;
text-align: center;
display: none;
/*border-top: 1px solid #3e3e40;*/
}
#social-feed #social-feed-end span,
#social-feed #social-feed-loading span {
color: #dfdfdf;
opacity: 0.5;
display: inline-block;
padding: 5px 15px 5px 15px;
}
#social-feed #social-feed-items {
/* width: 100%;
clear: both;
float: left;*/
}
#social-feed #social-feed-load-more a {
display: inline-block;
padding: 5px 15px 5px 15px;
text-decoration: none;
color: #dfdfdf;
/*background-color: #000;*/
}
#social-feed #social-feed-load-more a:hover {
text-decoration: none;
/*background-color: #e13b3d;*/
}
#social-feed .social-feed-item {
width: calc(25% + 1px);
float: left;
/*border: 1px solid #8d8d8d;*/
/* border-top: 0;
border-left: 0;*/
background-color: #8d8d8d;
color: #fff;
word-wrap: break-word;
margin-left:-1px;
margin-top: -1px;
}
#social-feed .social-feed-item > div > div {
background: #323234;
padding: 20px;
margin: 1px;
}
#social-feed .social-feed-item.alt {
background-color: #222223;
}
#social-feed .social-feed-item:hover {
z-index: 99;
background: #f3f3f3;
}
#social-feed .social-feed-item a {
color: #fff;
text-decoration: underline;
}
#social-feed .social-feed-item a:hover {
text-decoration: none;
}
#social-feed .social-feed-item .media-thumb {
margin-bottom: 20px;
}
#social-feed .social-feed-item .media-thumb img {
width: 100%;
display: block;
}
#social-feed .social-feed-item .controls {
float: left;
clear: both;
width: 100%;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
#social-feed .social-feed-item .controls .logo {
position: absolute;
top: 0px;
left: 0px;
color: #696768;
font-size: 25px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
#social-feed .social-feed-item .controls .logo i {
}
#social-feed .social-feed-item .controls .user {
font-size: 13px;
margin-bottom: 20px;
}
#social-feed .social-feed-item .controls .link {
position: absolute;
top: 0px;
right: 0px;
font-size: 25px;
}
#social-feed .social-feed-item .controls .link a {
display: block;
color: #dfdfdf;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
#social-feed .social-feed-item .controls .link a:hover {
color: #e13b3d;
}
#social-feed .social-feed-item .content {
font-size: 13px;
margin: 0px 0px 20px 0px;
color: #c4c4c4;
}
#social-feed .social-feed-item .dated {
font-size: 12px;
margin: 0px 0px 0px 0px;
color: #fff;
opacity: 1;
}
/* WHATEVER SIZES YOU SET HERE NEED TO MATCH UP TO THE JS FILE */
@media only screen and (max-width: 900px) {
#social-feed .social-feed-item {
width: calc(33.33% + 1px);
}
}
@media only screen and (max-width: 750px) {
#social-feed .social-feed-item {
width: calc(50% + 1px);
}
}
@media only screen and (max-width: 490px) {
#social-feed .social-feed-item {
width: calc(100% + 1px);
}
}
/*
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
html, body {
min-height: 100%;
}
.container, .scroller {
min-height: 100%;
}
.scroller {
overflow-y: scroll;
}
.scroller, .scroller-inner {
position: relative;
}
.container {
position: relative;
overflow: hidden;
}
.mp-pusher {
position: relative;
left: 0;
height: 100%;
}
.mp-menu {
position: absolute; /* we can't use fixed here :( */
top: 0;
left: 0;
z-index: 1;
width: 270px;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mp-level {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #373839;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mp-level a {
color: #fff;
text-decoration: none;
}
.mp-menu span.h2,
.mp-menu h2 {
display: inline-block;
color: #fff;
font-weight: bold;
padding: 10px 0px 8px 20px;
font-size: 15px;
}
/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0;
}
.mp-pusher::after, .mp-level::after {
background: rgba(0,0,0,0.3);
-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {
z-index: -1;
}
.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mp-level.mp-level-overlay {
cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
width: 100%;
height: 100%;
background: transparent;
opacity: 1;
}
.mp-pusher,
.mp-level {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
box-shadow: 1px 0 2px rgba(0,0,0,0.2);
-webkit-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
box-shadow: none;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* cover */
.mp-cover .mp-level.mp-level-open {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
/* content style */
.mp-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mp-menu.mp-overlap h2::before {
position: absolute;
top: 0;
right: 0;
margin-right: 8px;
font-size: 75%;
line-height: 1.8;
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
transition: opacity 0.3s, transform 0.1s 0.3s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.mp-overlap .mp-level.mp-level-overlay > h2::before {
opacity: 1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.mp-menu ul li > a {
display: block;
padding: 8px 0px 8px 20px;
outline: none;
box-shadow: inset 0 -1px rgba(0,0,0,0.2);
text-shadow: 0 0 1px rgba(255,255,255,0.1);
}
.mp-menu ul li::before {
position: absolute;
left: 10px;
z-index: -1;
color: rgba(0,0,0,0.2);
line-height: 3.5;
}
.mp-level > ul > li:first-child > a {
box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}
.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover {
background-color: #121313;
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/mega_menu_li_bg.png);
background-position: right;
background-repeat: no-repeat;
box-shadow: inset 0 -1px rgba(0,0,0,0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow: inset 0 -1px rgba(0,0,0,0);
}
.mp-back {
background: rgba(0,0,0,0.1);
outline: none;
color: #fff;
display: block;
text-align: right;
position: relative;
box-shadow: inset 0 1px rgba(0,0,0,0.1);
padding: 8px 20px 8px 0px;
text-transform:capitalize;
}
.mp-menu ul li a.mp-back:hover {
background-image:url(https://www.steelite.com/skin/frontend/default/steelite/images/mega_menu_li_bg_back.png);
}
.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
background: transparent;
box-shadow: none;
color: transparent;
}
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
display: none;
}
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
display: block;
}
/* ADDED BY DF TO COMBAT BARTS MACHINE */
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
padding-left: 0px;
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.steelite.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
.postWrapper {
padding-bottom: 25px;
clear:both;
}
.postTitle {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD;
margin-bottom: 15px;
}
.postTitle h2 {
font-size: 20px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.postTitle h3 {
font-size: 10px;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.postContent {
padding-bottom: 10px;
}
.postDetails {
}
.postBookmarks {
padding-bottom: 10px;
}
.postBookmarks h4 {
font-size: 12px;
font-weight: bold;
}
.commentWrapper {
padding-bottom: 15px;
}
.commentContent {
padding-bottom: 0px;
}
.commentDetails {
margin-bottom:5px;
padding: 0px;
}
.commentDetails h4.username{
display:inline;
}
.postError {
font-size: 16px;
}
.tags{
font-weight:bold;
padding-bottom: 10px;
}
.tags UL{
display:inline;
}
.tags UL LI{
font-weight:normal;
display:inline;
padding-right:6px;
}
.tags h4 {
font-size:12px;
font-weight:bold;
}
.menu-tags, .menu-categories, .menu-recent{
margin:5px 9px;
}
.menu-tags h5, .menu-categories h5, .menu-recent h5{font-size:11px;}
.block-blog .menu-tags UL LI{
display:inline;
padding:2px;
margin-left:10px;
}
.block-blog .menu-categories UL LI{
margin-left:10px;
}
.block-blog .menu-recent UL LI{
margin-left:10px;
}
.block-blog .menu-recent UL LI a,.block-blog .menu-categories UL LI a,.block-blog .menu-tags UL LI a{font-size:11px;}
.tagcloud{
/* text-align:center; */
}
.tag-count-1{
font-size:1em!important;
}
.tag-count-2{
font-size:1.2em!important;
}
.tag-count-3{
font-size:1.4em!important;
}
.tag-count-4{
font-size:1.6em!important;
}
.tag-count-5{
font-size:1.8em!important;
}
.tag-count-6{
font-size:2em!important;
}
.tag-count-7{
font-size:2em!important;
}
.tag-count-8{
font-size:2em!important;
}
.tag-count-9{
font-size:2em!important;
}
.tag-count-10{
font-size:2em!important;
}
.block-blog .head h4{
padding-left: 20px;
}
.block-blog .block-title strong {
background-image:url(https://www.steelite.com/skin/frontend/default/default/aw_blog/images/icon_blog.png);
background-repeat:no-repeat;
padding-left:21px;
text-align:left;
}
.postWrapper .poster{
display:inline;
}
.input-box.aw-blog-comment-area{width:100%;}
.widget-latest li{font-size:12px;padding:5px 10px;}
.block-blog .menu-categories{margin:0;padding:5px 9px;}
A.awblog_current_comment { text-decoration:none!important; font-weight: bold!important; }
.faq
{
}
.block-faq-category .block-content ul
{
padding:10px;
}
.faq .right_column
{
border-left:1px solid #AAAAAA;
padding-left:15px;
}
.block-faq-category .block-content ul li a.active
{
font-weight:bold;
}
.block-faq-category .block-content ul li
{
line-height:20px;
list-style:none;
}
.block-faq-category .block-content ul li a,.block-faq-category .block-content ul li a:visited,.block-faq-category .block-content ul li a:link
{
text-decoration:none;
/*color:#3A3A3A;*/
}
.block-faq-category .block-content ul li a:hover
{
text-decoration:underline;
/*color:#3A3A3A;
border-bottom:1px solid red;*/
}
.faq, .faq h1
{
color:#526380;
}
.faq #most_frequently
{
padding-left:15px;
}
.faq #most_frequently ul li
{
font-size: 13px;
line-height:25px;
font-weight:bold;
color:#526380;
}
.faq #most_frequently ul li #title
{
color:#526380;
font-weight:bold;
text-decoration:none;
}
.faq #most_frequently ul li #title:hover
{
color:#526380;
font-weight:bold;
text-decoration:underline;
}
.faq #searchform
{
height:21px;
background:url(https://www.steelite.com/skin/frontend/base/default/images/faq_search_bar.png) top left no-repeat;
background-color:#F5F5F5;
padding:10px 10px 10px 30px;
margin:30px;
}
.faq #searchform label
{
font-weight:bold;
font-size:18px;
float:left;
}
.faq #searchform #keyword
{
float:left;
margin-left:10px;
}
.faq #searchform .btnSearch
{
float:left;
display: inline;
margin: 0px 0 0 5px;
width: 25px;
height: 25px;
border: 0;
background:url(https://www.steelite.com/skin/frontend/base/default/images/search.gif) top left no-repeat;
}
.faq #searchform .btnSearch ins {display: none;}
.faq #list_category ul
{
margin-left:15px;
}
.faq #list_category ul li
{
width:45%;
margin-top:20px;
}
.faq #list_category .left
{
clear:both;
}
.faq #list_category .right
{
float:right;
}
.faq #list_category ul li h3
{
font-weight:bold;
font-size:12px;
color:#DB7803;
margin-bottom:10px;
}
.faq #list_category #title, .faq #list_category #title:visited,.faq #list_category #title:link
{
text-decoration:none;
color:#3A3A3A;
}
.faq #list_category #title:hover
{
text-decoration:underline;
color:#3A3A3A;
}
.faq #list_category ul li div
{
padding-left:10px;
padding-top:5px;
}
.faq #list_category a.more,.faq #list_category a.more:hover,.faq #list_category a.more:active,.faq #list_category a.more:visited
{
text-decoration:underline;
color:#DB7803;
}
.faq .faq_view
{
color:#3A3A3A;
margin-bottom:15px;
}
.faq .active
{
background-color:#DEDEDE;
}
.faq .faq_view .faq_conent
{
margin-left:15px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
#sidebarfaq
{
padding:0 0 0 10px;
font-weight:normal;
}
.block-faq .block-title strong{background-image:url("https://www.steelite.com/skin/frontend/base/default/images/icon_mini_faq.gif");}
.block-faq .block-title strong {background-position:0 0;background-repeat:no-repeat;padding-left:21px;}
.block-faq .block-title strong span{padding-left:21px;}
#sidebarfaq ul li
{
font-size: 12px;
line-height:20px;
color:#526380;
}
#sidebarfaq ul li a
{
font-weight:normal;
text-decoration:none;
}
#sidebarfaq ul li a:hover
{
font-weight:normal;
text-decoration:underline;
}
.faq #most_frequently .faq_conent
{
color:#3A3A3A;
margin-left:15px;
}
#title, #title:visited, #title:link
{
text-decoration:none;
color:#3A3A3A;
}
#title:hover
{
text-decoration:underline;
color:#3A3A3A;
}
.search-hide-show
{
margin-left:14px;
}
.faq #list_category .hide-show
{
color:#3A3A3A;
margin-left:-6px;
}
.faq #list_category .view-hide-show
{
margin-left:20px;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banner-tabbed {
width: 67 5px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.banner-tabbed .nav {
background: #fff;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
height: 33px;
}
.banner-tabbed .nav table {
width: 100%;
}
.banner-tabbed .nav table tr td {
color: #555;
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 33px;
line-height: 11px;
padding: 0 10px;
text-align: center;
vertical-align: middle;
}
.banner-tabbed .nav table tr td:hover {
color: #121212;
}
.banner-tabbed .nav table tr td.active {
color: #E47911;
cursor: default;
}
.banner-tabbed .slots {
background: #fff;
height: 210px;
overflow: hidden;
}
.banner-tabbed .slots .slot {
display: none;
position: absolute;
top: 33px;
z-index: 10;
}
.banner-tabbed .slots .slot.active {
display: block;
}
.banner-tabbed .slots .slot img {
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.banner-tabbed .notch {
background: url("/skin/frontend/base/default/images/mirasvit/banner/notch.png");
width: 294px;
height: 10px;
position: absolute;
top: 32px;
z-index: 11;
left: -294px;
}
.banner-carousel {
margin-bottom: 15px;
position: relative;
*zoom: 1;
}
.banner-carousel:before,
.banner-carousel:after {
display: table;
content: "";
line-height: 0;
}
.banner-carousel:after {
clear: both;
}
.banner-carousel .slots {
background: #fff;
overflow: hidden;
}
.banner-carousel .slots .slot {
display: none;
position: absolute;
top: 0px;
z-index: 10;
}
.banner-carousel .slots .slot.active {
display: block;
}
.banner-carousel .slots .slot img {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.banner-carousel .nav {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 100;
}
.banner-carousel .nav .item {
padding: 4px 7px;
font-size: 12px;
line-height: 12px;
display: block;
overflow: hidden;
float: left;
margin-left: 5px;
background: #F8F8EE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
border: 1px solid #2C5987;
}
.banner-carousel .nav .item.active {
background: #D9EEFA;
}
.banner-carousel .arrow {
position: absolute;
top: 50%;
left: 0px;
width: 30px;
height: 40px;
margin-top: -20px;
background: url("/skin/frontend/base/default/images/mirasvit/banner/arrows_large.png");
z-index: 10;
opacity: 0.9;
filter: alpha(opacity=90);
}
.banner-carousel .arrow:hover {
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100);
}
.banner-carousel .arrow.right {
right: 0px;
left: auto;
background-position: 0px 40px;
}
.banner-side-carousel {
margin-bottom: 15px;
position: relative;
overflow: hidden;
*zoom: 1;
}
.banner-side-carousel:before,
.banner-side-carousel:after {
display: table;
content: "";
line-height: 0;
}
.banner-side-carousel:after {
clear: both;
}
.banner-side-carousel .slots {
z-index: 10;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
}
.banner-side-carousel .nav {
position: absolute;
top: 0px;
right: 0px;
z-index: 100;
}
.banner-side-carousel .nav .item {
position: relative;
display: block;
cursor: pointer;
background: #151515;
color: #fff;
padding: 5px;
border-bottom: 1px solid #2E2E2E;
}
.banner-side-carousel .nav .item.active {
color: #fff;
background: #02874a;
}
.banner-side-carousel .nav .item.active::after {
content: '';
position: absolute;
top: 50%;
margin-top: -7px;
left: -7px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 7px 7px 0;
border-color: transparent #02874a transparent transparent;
}
.banner-content {
margin-bottom: 15px;
}
.banner-content img {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.banner-side {
margin-bottom: 15px;
}
.banner-side img {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchautocomplete {
position: absolute;
top: -5px;
right: 0px;
height: 34px;
width: 458px;
padding: 4px 10px;
-webkit-border-radius: 0px 0px 0px 5px;
-moz-border-radius: 0px 0px 0px 5px;
border-radius: 0px 0px 0px 5px;
background: #fff;
display: block;
}
.searchautocomplete .sprite {
background: url('https://www.steelite.com/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete > label {
float: left;
margin-right: 10px;
color: #333;
font-weight: bold;
margin-top: 8px;
}
.searchautocomplete .nav {
background: url('https://www.steelite.com/skin/frontend/base/default/images/mirasvit/sprite.png');
float: left;
height: 34px;
position: relative;
width: 340px;
}
.searchautocomplete .nav .nav-search-in {
position: absolute;
top: 0px;
left: 0px;
z-index: 15;
}
.searchautocomplete .nav .nav-search-in .category {
opacity: 0;
filter: alpha(opacity=0);
background: white;
border: 1px solid #DDD;
color: black;
cursor: pointer;
height: 29px;
left: 5px;
margin: 0;
outline: 0;
padding: 0;
position: absolute;
top: 5px;
visibility: visible;
width: auto;
}
.searchautocomplete .nav .nav-search-in .category-fake {
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background-color: #fcfcfc;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
border-right: 1px solid #dddddd;
color: #777;
cursor: pointer;
float: left;
font-size: 11px;
height: 27px;
line-height: 27px;
margin: 4px 0px 0px 2px;
padding: 0px 25px 0px 10px;
text-align: center;
white-space: nowrap;
}
.searchautocomplete .nav .nav-search-in .nav-down-arrow {
right: 10px;
top: 16px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4.5px 0 4.5px;
border-color: #000000 transparent transparent transparent;
line-height: 0px;
}
.searchautocomplete .nav .nav-search-in:hover .category-fake {
background-color: #eeeeee;
background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);
background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0);
}
.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow {
background-position: -6px -34px;
}
.searchautocomplete .nav .nav-input {
*zoom: 1;
margin: 6px 0px 0px 10px;
padding: 0px 5px 0px 5px;
z-index: 12;
position: relative;
}
.searchautocomplete .nav .nav-input:before,
.searchautocomplete .nav .nav-input:after {
display: table;
content: "";
line-height: 0;
}
.searchautocomplete .nav .nav-input:after {
clear: both;
}
.searchautocomplete .nav .nav-input input {
z-index: 10;
padding: 0px;
height: 23px;
border: 0px;
font-family: arial, sans-serif;
font-size: 12px;
background: transparent;
color: black;
outline: 0px;
margin-left: 5px;
width: 100%;
}
.searchautocomplete .nav .nav-input input.suggest {
display: none;
color: #999;
z-index: 9;
}
.searchautocomplete .nav-submit-button {
background: url('https://www.steelite.com/skin/frontend/base/default/images/mirasvit/sprite.png');
background-position: 0px -34px;
background-repeat: no-repeat;
float: left;
height: 34px;
padding-left: 5px;
}
.searchautocomplete .nav-submit-button .button {
width: 39px;
height: 34px;
padding: 0px 9px;
margin: 0px;
cursor: pointer;
font-weight: bold;
color: white;
line-height: 12px;
font-size: 13px;
background-color: #3c454e;
background-image: -moz-linear-gradient(top, #444c55, #313a44);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444c55), to(#313a44));
background-image: -webkit-linear-gradient(top, #444c55, #313a44);
background-image: -o-linear-gradient(top, #444c55, #313a44);
background-image: linear-gradient(to bottom, #444c55, #313a44);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444c55', endColorstr='#ff313a44', GradientType=0);
border: 1px solid #313a44;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
z-index: 14;
}
.searchautocomplete .nav-submit-button .button:hover {
background-color: #39414b;
background-image: -moz-linear-gradient(top, #313a44, #444c55);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#313a44), to(#444c55));
background-image: -webkit-linear-gradient(top, #313a44, #444c55);
background-image: -o-linear-gradient(top, #313a44, #444c55);
background-image: linear-gradient(to bottom, #313a44, #444c55);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313a44', endColorstr='#ff444c55', GradientType=0);
}
.searchautocomplete .searchautocomplete-placeholder {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #FFF;
border: 1px solid #ccc;
padding: 15px 10px 5px 10px;
position: absolute;
right: 48px;
top: 42px;
width: 318px;
z-index: 102;
}
.searchautocomplete .searchautocomplete-placeholder:before {
border-color: transparent transparent #CCC transparent;
content: "";
position: absolute;
border-style: solid;
border-width: 5px;
height: 0;
width: 0;
top: -11px;
left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
list-style: none;
padding: 0;
margin: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
*zoom: 1;
text-align: left;
padding: 5px 5px;
margin-bottom: 5px;
border: 1px solid #ccc;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
display: table;
content: "";
line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a.name {
color: #444;
font-weight: bold;
display: block;
margin-bottom: 3px;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
background-color: #eeffee;
cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
float: left;
margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
font-weight: bold;
font-size: 13px;
color: #C76200;
float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
font-weight: normal;
color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
font-size: 0.9em;
color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong {
color: #f00;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
margin: 0;
line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
float: left;
margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
text-align: right;
color: #0A263C;
border-bottom: 1px solid #CCC;
padding: 2px 5px;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
color: #666;
font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
text-align: right;
margin: 10px 4px 5px 10px;
}
.searchautocomplete .searchautocomplete-loader {
position: absolute;
width: 18px;
height: 18px;
top: 9px;
right: 10px;
z-index: 99;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
display: none;
}
.searchautocomplete .searchautocomplete-loader div {
position: absolute;
background-color: #FFFFFF;
height: 3px;
width: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-animation-name: f_autocomplete_loader;
animation-name: f_autocomplete_loader;
-webkit-animation-duration: 0.64s;
animation-duration: 0.64s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
left: 0px;
top: 7px;
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
left: 2px;
top: 2px;
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
left: 7px;
top: 0px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
right: 2px;
top: 2px;
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
right: 0px;
top: 7px;
-webkit-animation-delay: 0.56s;
animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
right: 2px;
bottom: 2px;
-webkit-animation-delay: 0.64s;
animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
left: 7px;
bottom: 0px;
-webkit-animation-delay: 0.72s;
animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
left: 2px;
bottom: 2px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
0% {
background-color: #000000;
}
100% {
background-color: #ffffff;
}
}
@-webkit-keyframes f_autocomplete_loader {
0% {
background-color: #000000;
}
100% {
background-color: #ffffff;
}
}
@-ms-keyframes f_autocomplete_loader {
0% {
background-color: #000000;
}
100% {
background-color: #ffffff;
}
}
@-o-keyframes f_autocomplete_loader {
0% {
background-color: #000000;
}
100% {
background-color: #ffffff;
}
}
@keyframes f_autocomplete_loader {
0% {
background-color: #000000;
}
100% {
background-color: #ffffff;
}
}
.searchautocomplete-widget {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.searchindex-results {
*zoom: 1;
margin-bottom: 10px;
border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results:after {
clear: both;
}
.searchindex-results li {
margin-bottom: -1px;
float: left;
*zoom: 1;
margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
display: table;
content: "";
line-height: 0;
}
.searchindex-results li:after {
clear: both;
}
.searchindex-results li a {
font-size: 12px;
font-weight: bold;
color: #333;
display: block;
cursor: pointer;
padding: 2px 5px 1px 5px;
line-height: 20px;
border: 1px solid transparent;
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
text-decoration: none;
}
.searchindex-results li a:hover {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-results li a span {
font-weight: normal;
font-size: 0.9em;
}
.searchindex-results li.active a {
background-color: #f1f1f1;
background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
cursor: default;
border: 1px solid #a0b3c3;
border-bottom: none;
}
.searchindex-result li {
padding: 5px;
}
.searchindex-result li .title a {
font-weight: bold;
color: #203548;
font-size: 13px;
}
.searchindex-result.searchindex-result-category {
margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
font-weight: bold;
color: #203548;
}
.searchindex-highlight {
background-color: #ff0;
}
.ajaxpro-form {
background: #FFF;
border: 1px solid #AAA;
top:0;
left:0;
width:350px;
margin-left: -180px;
z-index:999;
text-align:center;
position: absolute;
padding: 10px;
}
#ajaxpro-spinner {
background: #fff url(https://www.steelite.com/skin/frontend/default/default/images/ajaxpro_loader_animation.gif) no-repeat 50% 50%;
border: 1px solid #aaa;
position: absolute;
top:0;
left:0;
width:300px;
height:135px;
z-index:998;
margin-left: -150px;
}
.ajaxpro-message { margin: 10px 0px 10px 0px; font-weight: bold; }
.ajaxpro-message p { margin: 10px 0px 10px 0px; text-align: center; }
.ajaxpro-or { margin: 0px; }
.ajaxpro-continue-button,
.ajaxpro-continue-button:hover { text-decoration:none; color: #fff; }
#ajaxpro-addcustomproduct-form { z-index:997; }
#ajaxpro-addcustomproduct-form .product-view { width: 340px; padding: 10px; border: none; }
.form-button, .form-button-alt {}
.form-button span, .form-button-alt span {}
.form-button-alt {}
.ajaxpro-overlay {
width: 100%;
height: 100%;
background: black;
position: fixed;
top: 0;
left: 0;
z-index: 997;
display: none;
}
#ajaxpro-scrolling-button {margin: 5px auto; text-align: center; display: block;}
#ajaxpro-scrolling-button span{padding: 5px auto;}
.ajaxpro-header-cart { width: 200px; float: right; }
#ajaxpro-header-cart-content, .ajaxpro-login {
background: #FFF;
border: 5px solid #D9E5EE;
position: absolute;
right: 10px;
padding: 10px;
width: 250px;
}
.ajaxpro-login { width: auto; padding: 0px; }
.ajaxpro-login .content { min-height: 75px!important; padding: 10px!important; }
.header-container .top-container .ajaxpro-login a { color: #1E7EC8!important; padding-right: 5px; }
#ajaxpro-login-form .buttons-set {padding: 5px; margin: 0px;}
#ajaxpro-header-cart-content .btn-remove,
#ajaxpro-header-cart-content .btn-edit { float: right; margin: 1px 0 2px 5px; }
#ajaxpro-header-cart-content li { margin: 0 0 5px; clear: both; }
#ajaxpro-header-cart-content .product-name,
#ajaxpro-header-cart-content .product-details { text-align: left; }
#ajaxpro-content-toggler { color: #1E7EC8; }
.header-container .top-container .ajaxpro-header-cart a { color: #1E7EC8; }
/* clearer */
#ajaxpro-header-cart-content li { zoom: 1; }
#ajaxpro-header-cart-content li:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
/**
* @category Mana
* @package Mana_Filters
* @copyright Copyright (c) http://www.manadev.com
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
/*.m-filter-item-list .m-selected-filter-item { color: red; }*/
.m-filter-popup .m-selected-ln-item > a { font-weight: bold; text-decoration: none; }
.block-layered-nav .btn-remove { margin-top: 3px; }
.block-layered-nav .currently li { position: relative; padding: 6px 24px 6px 10px; }
.block-layered-nav .currently .btn-remove { margin-top: 0; position: absolute; right: 4px; top: 9px; margin-left: 0; }
.block-layered-nav dt { position: relative; zoom: 1; left: 0; top: 0; }
.misspell.fallback strong,
.misspell.suggest strong {
color: #c76200;
}
.misspell.fallback strong strike,
.misspell.suggest strong strike {
color: #3d6611;
font-weight: normal;
}
.misspell.fallback strong a,
.misspell.suggest strong a {
color: #c76200;
}