body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00479a; } body #main-wrapper { background:url(assets/templates/steelcity/img/bg-brushed-metal.jpg) top center repeat; background-size:100% auto; } body #main-content {min-height:calc(100vh - 125px);} body.logged-in-bg #main-wrapper { background:url(assets/templates/steelcity/img/bg-brushed-metal.jpg) top center repeat; background-size:100% auto; } body.logged-in-subpage-bg #main-wrapper { background:url(assets/templates/steelcity/img/bg-brushed-metal.jpg) top center repeat; background-size:100% auto; } a, a:visited, a:active {color:#00479a; text-decoration:none;} a:hover {color:#013169; text-decoration:none;} p {line-height:1.2; padding:10px 2%; width:96%; overflow:hidden;} input[type="text"], textarea {font-size:14px; padding:10px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:solid 1px #ccc; background:#eee;} select {font-size:14px; padding:10px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:solid 1px #ccc; background:#eee;} textarea {width:100%; margin-top:5px;} input[type="password"] {font-size:14px; padding:10px; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:solid 1px #ccc; background:#eee;} .ie8-and-down {display:none;} .hide {display:none !important;} .bold {font-weight:bold;} .normal {font-weight:normal;} .italic {font-style:italic;} .underline {text-decoration:underline;} .strike {text-decoration:line-through;} .left {float:left;} .right {float:right;} .right-align {text-align:right !important;} .center-align {text-align:center !important;} .left-align {text-align:left !important;} .small-text {font-size:11px; font-style:italic; font-weight:normal;} .small-text {line-height:1.2; width:100%; margin:5px 0; overflow:hidden;} .warning, .red {color:#F00;} .blue-text {color:#004198;} .dark-gray-text {color:#333 !important;} .semi-large {font-size:16px; line-height:1.3;} .semi-largeish {font-size:14px; line-height:1.1;} .fat-font {font-family: 'Oswald', sans-serif;} .pt-2 { padding-top: 2px; } .full {display:block; width:100%;} .w-100 {width:100%;} .flex, .w-100.flex {display:flex !important;} .flex-wrap {flex-wrap:wrap;} .items-center {align-items:center;} .tc {text-align:center;} #QuickOrderPatrickHighlights .green-btn {position:relative; z-index:3;} .holiday-schedule-wrap-q1 {box-sizing:border-box; padding:1rem; position:relative; z-index:0; color:#045c59;} .holiday-schedule-wrap-q2 {box-sizing:border-box; padding:1rem; position:relative; z-index:0; color:#a34364;} .holiday-schedule-wrap-q3 {box-sizing:border-box; padding:1rem; position:relative; z-index:0; color:#8a6e24;} .holiday-schedule-wrap-q4 {box-sizing:border-box; padding:1rem; position:relative; z-index:0; color:#c31432;} .holiday-schedule > div {padding:1rem; box-sizing:border-box; font-size:14px; font-weight:normal;} .holiday-schedule > div.b {font-weight:bold;} .holiday-gradient-q1 {color:#00b8b2; font-weight:bold; background: #00b8b2; background: linear-gradient(to right, #00b8b2 0%,#62f0eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .holiday-gradient-q2 {color:#f56e9c; font-weight:bold; background: #f56e9c; background: linear-gradient(to right, #f56e9c 0%,#f7bad2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .holiday-gradient-q3 {color:#ffd04f; font-weight:bold; background: #ffd04f; background: linear-gradient(to right, #ffd04f 0%,#8a6e24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .holiday-gradient-q4 {color:#B82900; font-weight:bold; background: #B82900; background: linear-gradient(to right, #B82900 0%,#7EB2A3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .holiday-q1 {color:#00b8b2; font-weight:bold; } .holiday-q2 {color:#f56e9c; font-weight:bold; } .holiday-q3 {color:#ffd04f; font-weight:bold; } .holiday-q4 {color:#fa9393; font-weight:bold; } .holiday-border-q1 {position:relative; background: #fff; background-clip:padding-box; box-sizing:border-box; border: solid 3px transparent;} .holiday-border-q1:before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(to right, #00b8b2 0%,#daf7ef 100%); } .holiday-border-q2 {position:relative; background: #fff; background-clip:padding-box; box-sizing:border-box; border: solid 3px transparent;} .holiday-border-q2:before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(to right, #f5bace 0%,#f2edef 100%); } .holiday-border-q3 {position:relative; background: #fff; background-clip:padding-box; box-sizing:border-box; border: solid 3px transparent;} .holiday-border-q3:before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(to right, #ffd04f 0%,#ffa74f 100%); } .holiday-border-q4 {position:relative; background: #fff; background-clip:padding-box; box-sizing:border-box; border: solid 3px transparent;} .holiday-border-q4:before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; z-index: -1; margin: 0px; border-radius: inherit; background: linear-gradient(to right, #B82900 0%,#7EB2A3 100%); } .center {display:inline-block !important; margin:auto;} h1 {width:96%; overflow:hidden; font-size:24px; font-weight:normal; padding:25px 2%; text-align:left; font-family: 'Oswald', sans-serif; font-weight:400;} h1.fat-font {font-family: 'Oswald', sans-serif; font-size:32px;} h2 {width:96%; overflow:hidden; font-size:18px; font-weight:normal; padding:10px 2%;} h3 {width:96%; overflow:hidden; font-size:18px; font-weight:normal; padding:5px 2% 15px 2%; text-align:left; font-family: 'Oswald', sans-serif; font-weight:400;} h1 .white-btn, h1 .blue-btn {font-size:14px; padding:10px 20px; text-align:center;} h1 .small-header {font-size:18px; margin-top:12px;} h1 .tm-font {font-family:Arial, Helvetica, sans-serif; } .horiz-divide {float:left; width:100%; height:0; border-bottom:solid 1px #fff; border-top:solid 1px #ccc; margin:15px 0;} .horiz-divide-green {float:left; width:100%; height:0; border-bottom:solid 1px #c1e394; border-top:solid 1px #79a341; margin:15px 0;} .large-btn { width:92%; padding:10px 3%; margin:5px 1%;} .small-btn { width:auto; padding:10px 20px; margin:5px;} a.blue-btn, span.blue-btn, input.blue-btn {color:#fff; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); border:none; cursor:pointer; position:relative; } .chat-btn {float:right; color:#fff !important; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); border:none; cursor:pointer; font-size:16px; padding: 0px; margin-top: 12px; } a.white-btn, span.white-btn, input.white-btn {color:#00479a; background:url(assets/templates/steelcity/images/white-btn.jpg) center center repeat-x #fff; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); cursor:pointer; border:none; } a.green-btn, input.green-btn {color:#fff; background:url(assets/templates/steelcity/img/green-btn.jpg) center center repeat-x #93c25a; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); border:none; cursor:pointer; } a.remove-btn {color:#fff; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:30px; -webkit-border-radius:30px; text-align:center; font-size:16px; width:16px; height:16px; line-height:1; font-weight:bold; margin:0 10px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); border:none; padding:10px 14px; } a.add-to-default {color:#fff; border-radius:30px; -webkit-border-radius:30px; text-align:center; margin:0 10px; border:none; height:60px; width:60px; display:inline-block; overflow:hidden; margin-top:10px; } a.add-to-default img {width:40px; height:40px; margin:10px; display:inline-block;} a.add-to-default:hover {background:#fff;-webkit-box-shadow:inset 0px 0px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 0px 2px rgba(0, 0, 0, .25);} a.add-pad, span.add-pad, input.add-pad {padding:10px 15px; font-size:14px; margin:10px;} a.blue-btn:hover, input.blue-btn:hover, span.blue-btn:hover input.blue-btn:hover, a.white-btn:hover, input.white-btn:hover, a.remove-btn:hover, a.green-btn:hover {-webkit-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 2px 2px rgba(0, 0, 0, .25);} span.center-btn, a.center-btn {float:none !important; display:inline-block; margin:5px auto !important;} .db {display:block;} .w-100 {width:100%; display:block;} .overflow-hidden {overflow:hidden;} .overflow-scroll {overflow:scroll;} #main-wrapper {float:left; width:100%;} .utility-nav {background:#00479a; float:left; width:100%; padding:5px; overflow:hidden; box-sizing:border-box;} .utility-nav select {width:80px; padding:3px; background:transparent; color:#fff; border:none; box-shadow:none; } .center-content {margin:0 auto; width:100%;max-width:1600px; box-sizing:border-box;} #main-header, #main-content, #footer {float:left; width:100%;} #main-content {min-height:550px; margin:0; padding:0; position:relative;} #bottom-bar {width:100%; position:absolute; bottom:0; left:0; height:800px; background:url(assets/templates/steelcity/img/bottom-bar.png) bottom center repeat-x; background-size:100%;} #main-header {background:#fff; height:85px; position:absolute; z-index:5; background:#fff; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.25); box-shadow: 0 0 3px 1px rgba(0,0,0,.25);} #main-header #logo, #main-header #logo img {float:left; width:150px; height:60px;} #main-header #logo {padding:13px 10px 12px 10px; background:url(assets/templates/steelcity/img/search-bg.jpg) top left no-repeat #fff;} #main-header {position:relative;} #main-header:before {content:''; position:absolute; z-index:1; top:0; right:0; width:50%; height:80px; background:url(assets/templates/steelcity/images/nav-bg.jpg) bottom left repeat-x;} #main-header #main-nav {position:absolute; top:0; font-size:14px; text-transform:uppercase; z-index:5; background:url(assets/templates/steelcity/images/nav-bg.jpg) bottom left repeat-x;} #main-header .mlvnotlogged { width:0 !important; right:112px; border-left:none;} #main-header .mlvloggedin { width: 510px !important; border:none; right:110px;} #main-header #main-nav li {float:left; position:relative; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;} #main-header #main-nav a {float:left; padding:35px 5px 25px 5px; height:20px; border-right:solid 1px #ccc; border-left:solid 1px #fff; text-align:center; overflow:hidden; } #main-header a.login {width:100px; top:0; right:0; position:absolute; z-index:2; padding:35px 5px 25px 5px; height:20px; border:none; text-align:center; overflow:hidden; background:url(assets/templates/steelcity/images/nav-bg.jpg) bottom left repeat-x; font-size:14px; } #main-header a.login {width:100px; text-transform:uppercase;} #main-header #main-nav a.flyer {width:50px;} #main-header #main-nav a.order {width:60px;} #main-header #main-nav a.catelog {width:75px;} #main-header #main-nav a.schematics {width:90px;} #main-header #main-nav a.cart {width:50px;} #main-header #main-nav .cart-wrap {position:relative; z-index:5;} #main-header #main-nav .flyer-wrap {position:relative; z-index:5;} #main-header #main-nav a#flyerPDFButton {position:absolute; bottom:0; right:0; left:0; width:90%; padding:3px 5% !important; background:#8cc54b;text-align:left; color:#fff; font-size:11px; height:11px; line-height:1; overflow:visible;} #main-header #main-nav a#current-cart-btn {position:absolute; bottom:0; right:0; left:0; width:90%; padding:3px 5% !important; background:#8cc54b;text-align:left; color:#fff; font-size:11px; height:11px; line-height:1; overflow:visible;} #main-header #main-nav a.wizard { width:60px;} #main-header #main-nav a.home {border-left:none; width:40px;} #main-header #main-nav .cart-quant {position:absolute; top:-7px; right:-7px; background:#00479a; border-radius:25px; -webkit-border-radius:25px; padding:5px; width:11px; font-size:11px; height:11px; color:#fff; text-align:center; vertical-align:middle; z-index:5; } #main-header #logo:hover, #main-header a.login:hover, #main-header #main-nav a:hover, #main-header a.active, #main-header #main-nav a.active {background:url(assets/templates/steelcity/images/nav-hover.jpg) top left repeat-x #fff;-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .25); } #main-header .search {margin:0 843px 0 170px; padding-left:10px; position:relative; z-index:5; height:80px; background:url(assets/templates/steelcity/img/search-bg.jpg) top right no-repeat #fff; min-width:175px;} #main-header .searchnotlogged { margin:0 112px 0 170px; } #main-header .searchlogged { margin:0 620px 0 170px; } #main-header .search .k-autocomplete {position:absolute; top:20px; left:8px; right:18px; width:75%; padding-left:35px; border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 50, 139, .5); box-shadow: inset 0px 0px 4px 1px rgba(0, 50, 139, .5); border:solid 2px #00328b; background:#f5f4f4;} #main-header .search .k-autocomplete input#cognitiveSOULQuickSearchTermField {-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); background:transparent; margin:5px 0; font-size:14px;} #main-header .search img.search-icon {position:absolute; top:27px; left:15px; z-index:2; width:25px; height:25px;} .custom-search input#favoritesSearchString { margin-left: 8px; width:85%; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); font-size:14px;} .custom-search input#recentsSearchString { margin-left: 8px; width:85%; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); font-size:14px;} .custom-search img.search-icon {position:absolute; top:58px; left:215px; z-index:2; width:25px; height:25px;} #schematicSearchDiv .search {margin:0 10px 0 10px; padding-left:10px; position:relative; height:80px; min-width:175px;} #schematicSearchDiv .searchlogged { margin:0 10px 0 10px; } #schematicSearchDiv .search .k-autocomplete {position:absolute; top:22px; left:10px; right:10px; width:75%; padding-left:35px; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:none; background:#f5f4f4;} #schematicSearchDiv .search .k-autocomplete input#cognitiveSOULQuickSearchTermField_schematics {-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); background:transparent; margin:5px 0; font-size:14px;} #schematicSearchDiv .search img.search-icon {position:absolute; top:27px; left:15px; z-index:2; width:25px; height:25px;} #schematicSearchDiv .search .k-autocomplete input#cognitiveSOULQuickSearchTermField_schematics {-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); background:transparent; margin:5px 0; font-size:14px;} #main-header .search .k-autocomplete input#cognitiveSOULQuickSearchTermField::placeholder { color: #00479a; } #main-header .search .phone, #main-header .green-btn, #main-header .blue-btn {float:left;} #main-header .search .phone {margin:30px 10px 0 10px; font-size:24px;} #main-header .green-btn, #main-header .blue-btn {margin:25px 15px 0 15px; font-size:14px;} #main-header a.nav-login-btn {font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;} #main-header a.nav-login-btn .drop-arrow {width:0; height:0; position:absolute; left:50%; margin-left:-3px; bottom:10px; border:solid 6px transparent; border-top:solid 6px #004198; z-index:2;} #main-header a.active .drop-arrow {border-top:solid 6px #ccc;} .login-panel, .order-panel, .addcart-panel, .cart-panel {display:none; position:absolute; top:119px; right:0; width:300px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .50); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .50); z-index:3; background:#fff; padding:10px; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; height:auto; overflow:hidden;} .order-panel {width:390px; z-index:4;} .cart-panel {width:290px; z-index:4;} .addcart-panel {width:337px; z-index:10000;} #multiple_carts_list {width:100%; display:block; background:#dfeaf4;} #multiple_carts_list .single-cart {width:100%; border-bottom:solid 1px #fff; float:left; position:relative; cursor:pointer; overflow:hidden;} #multiple_carts_list .multicart_active {background:#9bca62; border-radius:3px; -webkit-border-radius:3px;} #multiple_carts_list .single-cart .single-cart-name {display:inline-block; width:96%; padding:15px 2%;} #multiple_carts_list .cart-count {position:absolute; top:2px; right:2px; width:12px; height:12px; padding:5px; line-height:1; text-align:center; color:#fff; background:#00479a; border-radius:20px; -webkit-border-radius:20px;} #multiple_carts_list .delete-cart {position:absolute; top:9px; right:10px; width:12px; height:12px; padding:5px; line-height:1; text-align:center; color:#00479a; border:solid 1px #00479a; border-radius:20px; -webkit-border-radius:20px;} #multiple_carts_list .delete-cart:hover {background:#fff;} #multiple_carts_list .view-cart {position:absolute; top:7px; right:50px; width:40px; height:16px; padding:5px; line-height:1; text-align:center; color:#00479a; border:solid 1px transparent; border-radius:20px; -webkit-border-radius:20px;} #multiple_carts_list .view-cart:hover {background:#fff; border:solid 1px #fff;} #multiple_carts_list .view-cart img {width:16px; height:auto; float:left; text-align:left;} .new-cart {display:inline-block; width:100%; position:relative; margin-top:5px;} #newCartName {width:60%; padding:10px 2%;} .new-cart .add-new-cart-btn {position:absolute; top:0; right:0; bottom:0; padding:12px 0; width:36%; text-align:center; vertical-align:middle; background:#00479a; color:#fff; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;} .new-cart .add-new-cart-btn:hover{color:#ccc;} .login-panel h2, .order-panel h3, .addcart-panel h3 {float:left; width:100%; font-size:18px; margin:10px 0;} .login-panel input[type="text"], .login-panel input[type="password"] {width:94%; margin:5px 0;} .order-panel #orderNow_mainDiv > div {padding-top:10px; background:#dfeaf4; border:solid 1px #ccc; -webkit-overflow-scrolling: touch; } .order-panel #orderNow_mainDiv table {width:90%;} .order-panel #orderNow_mainDiv table td {padding:5px 2%;} .order-panel #orderNow_mainDiv table tr:first-child td {font-weight:bold; text-align:center;} .order-panel #orderNow_mainDiv input[type="text"] {width:86%; margin:5px 3%; float:left;} .login-panel .login-options {float:left; line-height:1.2; width:100%; padding:5px; font-size:12px; text-transform:none;} .login-panel .login-options .save-me {float:left; padding:5px;} .login-panel .login-options .pw-help {float:right; padding:8px; text-decoration:none; cursor:pointer;} .login-panel .login-options .pw-help:hover {text-decoration:underline;} .login-panel a {position:relative;} .login-panel a .prod-icon {float:none; position:absolute; top:4px; left:4px; height:27px; width:27px;} .login-panel a .prod-icon img {width:20px; height:20px; margin-top:4px;} .login-panel a.account-btn {width:92%; padding:10px 3%; margin:5px 1%; font-size:14px; text-transform:none; float:left;} .login-panel a.login-btn {float:right; width:auto; padding:10px 5%; margin:5px 1%; font-size:14px; text-transform:none;} .login-panel #pw-email {display:none; width:100%;} .cart-panel #cart_mainDiv > div { background:#dfeaf4; float:left; -webkit-overflow-scrolling: touch; } #mobile-nav-btn {position:absolute; top:0; right:0; width:20px; padding:35px 20px 25px 20px; height:20px; border-right:solid 1px #ccc; border-left:solid 1px #fff; text-align:center; overflow:hidden; background:url(assets/templates/steelcity/images/nav-bg.jpg) bottom left repeat-x; border-left:solid 1px #fff; cursor:pointer; display:none;} /* GENERIC PRODUCT GRID - PRODUCT LAYOUT */ #main-content .content-products #sidenav h3:hover {cursor:pointer;} .prod-name {font-size:16px; line-height:1.3; font-weight:bold; } .product-wrapper {width:300px; float:left; margin:0 13px 50px 13px; position:relative; overflow:hidden;} .product {float:left; margin:0; width:100%; min-height:460px; text-align:center; background:#fff;} .product .image-container {margin:0 auto; display:inline-block; overflow:hidden; height:280px; width:280px;} .product .image-container span {float:left; margin:45%;} .product .prod-img {height:280px; width:auto; margin:0 auto; padding:25px 0 25px 0;} .product .prod-name {float:left; font-size:14px; width:96%; padding:10px 2%; line-height:1.3; height:100px;} .price {font-size:14px; width:100%; padding:10px 0; cursor:pointer;} .price .hidden {display:inline;} .price .inline-actual {display:none;} .price .actual {display:none; width:100%; background:#fff; overflow:hidden;} .price .actual table {float:left; width:96%; margin:5px 2%;} .price .actual table td {padding:5px 2%; width:46%;} .price .actual table tr:nth-child(odd) td {background:#e3e3e3; border-bottom:solid 1px #ccc;} .price .actual table tr:nth-child(even) td {background:#eee; border-top:solid 1px #fff;} .price .actual table tr td:first-child {text-align:center; font-weight:normal;} .product-wrapper:hover {-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} .product-wrapper:hover .product .prod-image {border-bottom:solid 1px #eee;} .related {font-size:14px; width:100%; padding:10px 0; background-color: #8cc54b;} .related .actual {width:100%; background:#8cc54b; overflow:hidden;} .related .actual table {float:left; width:96%; margin:5px 2%; background-color: #8cc54b;} .related .actual table td {padding:5px 2%;} .related .actual table tr:nth-child(odd) td {background:#e3e3e3; border-bottom:solid 1px #ccc;} .related .actual table tr:nth-child(even) td {background:#eee; border-top:solid 1px #fff;} .product .stockStatus {position:absolute; top:15px; left:0; padding:10px 2%; width:30%; text-align:right; text-transform:uppercase;} .cart-thumb .full-thumb-wrap {float:left; width:100%; position:relative; height:100px;} .cart-thumb .stockStatus {position:absolute; bottom:-5px; left:-10px; padding:10px 2%; width:125px; max-width:95%; text-align:right; text-transform:uppercase;} .product-wrapper .quick-tools {float:left; height:150px; width:96%; padding:5px 2%; border-top:solid 1px #ccc; font-size:14px; z-index:3;} .product-wrapper .quick-tools .quant {float:left; font-size:18px; width:100%; padding:10px 0;} .product-wrapper .quick-tools .quant input {width:25px;} .quick-tools .add-cart, .quick-tools .read-more {width:42%; padding:10px 3%; margin:5px 1%;} .quick-tools .frequent-buy {width:92%; padding:10px 3%; margin:5px 1%; position:relative;} .quick-tools .frequent-buy .prod-icon {float:none; position:absolute; top:4px; left:10px; height:27px; width:27px;} .quick-tools .frequent-buy .prod-icon img {width:20px; height:20px; margin-top:4px;} .product-wrapper .product-icons, .product-icons {position:absolute; z-index:2; top:15px; right:5px; width:40px;} .product-wrapper .product-icons .prod-icon, .prod-icon {float:right; width:40px; height:40px; margin-bottom:5px; background:#004498; text-align:center; opacity:0.8; filter:alpha(opacity=80); border-radius:25px; -webkit-border-radius:25px;} .product-wrapper .product-icons .prod-icon img, .prod-icon img {display:block; width:30px; height:30px; margin:5px auto;} /* END GENERIC PRODUCT GRID - PRODUCT LAYOUT */ /* SCHEMATIC PRODUCT GRID - PRODUCT LAYOUT */ .gallery-product-wrapper {width:200px; height:370px; float:left; margin:0 13px 50px 13px; position:relative; overflow:hidden;} .gallery-product {float:left; margin:0; width:100%; text-align:center; background:#fff; min-height: 225px;} .gallery-product .image-container {float:left; height:280px; width:280px;} .gallery-product .image-container span {float:left; margin:50%;} .gallery-product .prod-img { margin:0 auto; padding:25px 0 25px 0;} .gallery-product .prod-name {float:left; font-size:14px; width:96%; padding:10px 2%; line-height:1.3; height:25px;} .gallery-product-wrapper:hover {-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} .gallery-product-wrapper:hover .gallery-product .prod-image {border-bottom:solid 1px #eee;} .gallery-product-wrapper .gallery-quick-tools {float:left; height:100px; width:96%; padding:5px 2%; border-top:solid 1px #ccc; background:rgba(255, 255, 255, .8); font-size:14px; z-index:3;} .gallery-product-wrapper .gallery-quick-tools .quant {float:left; font-size:18px; width:100%; padding:10px 0;} .gallery-product-wrapper .gallery-quick-tools .quant input {width:25px;} .gallery-quick-tools .add-cart, .gallery-quick-tools .read-more {width:42%; padding:10px 3%; margin:5px 1%; font-size:12px;} .gallery-quick-tools .frequent-buy {width:92%; padding:10px 3%; margin:5px 1%; font-size:14px;} /* END SCHEMATIC PRODUCT GRID - PRODUCT LAYOUT */ #main-content #cat-banner {height:275px; float:left; width:100%; margin:0; padding:0; background:url(assets/templates/steelcity/img/black-15.png) top left repeat; } #main-content #cat-banner .cat-img-bg {float:left; width:378px; height:275px; margin-left:25px; position:relative; background:url(assets/templates/steelcity/images/cat-img-bg.png) top left no-repeat; background-size:100%;} #main-content #cat-banner .cat-img-bg-parts {background:url(assets/templates/steelcity/images/cat-img-bg-parts.png) top left no-repeat; background-size:100%;} #main-content #cat-banner .cat-img-bg-products {background:url(assets/templates/steelcity/images/cat-img-bg-products.png) top left no-repeat; background-size:100%;} #main-content #cat-banner .cat-img-bg #cat-img {position:absolute; width:250px; height:250px; top:0; left:65px; position:relative; z-index:5;} #main-content #cat-banner .cat-content {height:275px; margin:0 50px 0 425px; overflow:hidden; position:relative;} #main-content #cat-banner .cat-content h1 {font-size:24px; width:200px; height:125px; float:left; padding:15px 0; color:#333;} #main-content #cat-banner .cat-content h1 img {float:left; margin:0 0 10px 0; height:115px; width:auto;} #main-content #cat-banner .cat-content p {position:absolute; top:15px; left:215px; right:0; font-size:18px; height:150px; width:auto; padding:0; color:#333; overflow:hidden; overflow-y:auto; } #main-content #cat-banner .cat-content .cat-ads {width:100%; height:90px; padding:0; margin:20px 0 0 0; float:left; text-align:center;} #main-content #cat-banner .cat-content .cat-ads img {cursor:pointer; margin:0 auto; width:100%; max-width:300px; height:auto;} #main-content .small-banner {height:55px !important;} #main-content .small-banner .cat-content h1 {width:98% !important; margin:0 !important; text-align:center !important;} #main-content .small-banner .cat-content {margin:0 !important; height:55px !important;} #main-content .small-banner .cat-img-bg, #main-content .small-banner .cat-img-bg-parts, #main-content .small-banner .cat-img-bg-products, #main-content .small-banner .cat-img-bg #cat-img, #main-content .small-banner .cat-content p, #main-content .small-banner .cat-content .cat-ads {display:none !important;} #main-content .small-banner .cat-content h1 img {float:none !important; display:inline-block; height:45px !important; width:auto !important; margin-top:-10px !important;} #main-content .content-products {overflow:hidden; width:100%; background:url(assets/templates/steelcity/img/white-40.png) top left repeat; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); position:relative; z-index:2; padding:25px 0 75px 0; margin-top:-15px;} #main-content .content-products #category-btn {display:inline-block; position:absolute; top:0px; left:50%; width:100px; text-align:center; margin-left:-60px; padding:10px 0 25px 0; cursor:pointer; background:#004498; color:#fff; border-radius:0 0 50px 50px; -webkit-border-radius:0 0 50px 50px; opacity:0.75; filter:alpha(opacity=75); -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.25); box-shadow: 0 3px 3px 0 rgba(0,0,0,.25); font-family: 'Oswald', sans-serif; font-size:14px;} #main-content .content-products #category-btn:hover {opacity:1.0; filter:alpha(opacity=100);} #main-content .content-products #category-btn span {display:inline-block; width:100%; text-align:center;} #main-content .content-products #sidenav {float:left; width:250px; border-radius:5px; -webkit-border-radius:5px; margin:0 0 0 5px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); background:url(assets/templates/steelcity/images/sidenav-bg.jpg) top left repeat #00479a; padding-bottom:10px;} #main-content .content-products #sidenav h3 {font-size:18px; font-weight:bold; font-style:italic; color:#a0cb67; width:96%; padding:15px 2%; float:left; background:url(assets/templates/steelcity/images/white-gradient-25.png) bottom left repeat-x;} #main-content .content-products #sidenav select {width:94%; margin:10px 3%; font-size:14px; padding-top:5px; padding-bottom:5px;} #main-content .content-products #sidenav h5 {font-size:14px; font-weight:bold; color:#a0cb67; width:94%; padding:10px 3%; float:left; cursor:pointer; background:url(assets/templates/steelcity/images/black-gradient-25.png) bottom left repeat-x; } #main-content .content-products #sidenav h5 span {float:left; margin-right:15px;} #main-content .content-products #sidenav h5 .minus {display:none;} #main-content .content-products #sidenav h5.active {background:none;} #main-content .content-products #sidenav h5.active .plus {display:none;} #main-content .content-products #sidenav h5.active .minus {display:block;} #main-content .content-products #sidenav h5 a {color:#a0cb67;} #main-content .content-products #sidenav .filter-container {float:left; width:100%; max-height:250px; overflow:auto;-webkit-overflow-scrolling: touch; } #main-content .content-products #sidenav div.drop {display:none; float:left;} #main-content .content-products #sidenav div.active {display:block;} #main-content .content-products #sidenav a {color:#fff; font-size:12px; font-weight:normal; width:96%; padding:6px 2% 6px 2%; float:left;} #main-content .content-products .schem-sidenav a {padding:15px 2% !important;} #main-content .content-products .schem-sidenav .k-combobox {margin:5px 10px 15px 10px; background:transparent; } #main-content .content-products .schem-sidenav h4 {float:left; padding:10px 2% 5px 2%; width:96%; color:#fff; font-size:14px;} #main-content .content-products #sidenav a:hover {background:#00479a; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25);} #main-content .content-products #sidenav a.nohover:hover { background:transparent; -webkit-box-shadow: none; box-shadow: none; } #main-content .content-products #sidenav select {color:#00479a;} #schematicSearchResults { padding-left: 10px; padding-top: 10px; color: #ffffff; max-height: 150px; overflow: auto; } .schematicSearchResult { margin-top: 10px; color:#fff; font-size:12px; font-weight:normal; width:96%; padding:6px 2% 6px 2%; cursor:pointer; } .schematicSearchResultText { padding-left: 5px; vertical-align:top; max-height: 100px; overflow: hidden; } .schematicSearchResult:hover { background:#00479a; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); } #main-content .content-products #sidenav .horiz-divide {float:left; width:100%; height:0; border-bottom:solid 1px #013169; border-top:solid 1px #00479a; margin:0;} #main-content .content-products .cat-grid {margin:25px 0 0 265px; overflow:hidden; display: flex; flex-wrap: wrap; align-items: stretch;} .breadcrumbs {float:left; width:98%; padding:5px 1% 15px 1%; font-size:12px; border-bottom:solid 1px #ccc; text-transform:lowercase;} .breadcrumbs a {font-weight:bold;} #main-content .content-products .cat-grid h1 {float:left; width:100%; font-size:24px; overflow:hidden; padding:15px 0 25px 0; border-top:solid 1px #fff;} #main-content .content-products .cat-grid h1 .count {float:right; font-size:14px; padding:15px 5px 0 0;} table#showTable {width:100} .found-show-wrap h5.center, .found-show-wrap table#showTable {float:left; width:50%; box-sizing:border-box; margin:10px 0;} .found-show-wrap table#showTable:last-of-type {width:100%;} .found-show-wrap table#showTable td {text-align:right !important;} .found-show-wrap table#showTable select, table.admin_list input {color:#004799;} .no-results {width:100%; margin:300px 0; text-align:center; font-size:24px;} .subcat-list {width:96%; float:left; margin:15px 2%; background:#e3e3e3;} .subcat-list li a {width:94%; float:left; padding:10px 3%; border-top:solid 1px #fff; border-bottom:solid 1px #ccc; position:relative;} .subcat-list li:first-child a {border-top:none;} .subcat-list li:last-child a {border-bottom:none;} .subcat-list li:nth-child(even) a {background:#eee;} .subcat-list li:hover a {background:#fff; z-index:2; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); } /* PRODUCT GRID */ #main-content .content-products {min-height:100vh;} #main-content .content-products .cat-grid .product-wrapper {width:300px; min-height:405px; float:left; margin:0 13px 50px 13px; position:relative; overflow:hidden;} #main-content .content-products .cat-grid .product {float:left; margin:0; width:100%; text-align:center; background:#fff;} #main-content .content-products .cat-grid .product .prod-img {height:280px; width:auto; margin:0 auto; padding:10px 0 5px 0;} /* END PRODUCT GRID */ /* PARTS GRID */ #main-content .content-products .parts-grid .product-wrapper {width:300px; min-height:405px; float:left; margin:0 13px 50px 13px; position:relative; overflow:hidden; display: flex; flex-wrap: wrap; align-items: stretch; background: rgba(255, 255, 255, .0);} #main-content .content-products .parts-grid .product {float:left; margin:0; width:100%;} #main-content .content-products .parts-grid .product .prod-img {float:left; width:256px; height:170px; margin:25px 12px 5px 12px;} #main-content .content-products .product .prod-isProduct-img {height:280px !important; width:auto; margin:0 auto; padding:10px 0 5px 0;} /* END PARTS GRID */ #main-content .content-products .cat-grid .product .prod-name {float:left; font-size:14px; width:96%; padding:10px 2%; line-height:1.3; height:100px;} #main-content .content-products .cat-grid .product .price {font-size:14px; width:96%; height:80px; overflow:hidden; overflow-y:auto; padding:10px 2%; margin-bottom:5px; cursor:pointer;} #main-content .content-products .cat-grid .product .price .hidden {display:inline;} #main-content .content-products .cat-grid .product .price .inline-actual {display:none;} #main-content .content-products .cat-grid .product .price .actual {display:none; width:100%; background:#fff;} #main-content .content-products .cat-grid .product .price .actual table {float:left; width:96%; margin:5px 2%;} #main-content .content-products .cat-grid .product .price .actual table td {padding:5px 2%; width:46%;} #main-content .content-products .cat-grid .product .price .actual table tr:nth-child(odd) td {background:#e3e3e3; border-bottom:solid 1px #ccc;} #main-content .content-products .cat-grid .product .price .actual table tr:nth-child(even) td {background:#eee; border-top:solid 1px #fff;} #main-content .content-products .cat-grid .product .price .actual table tr td:first-child {text-align:center; font-weight:normal;} #main-content .content-products .cat-grid .product-wrapper:hover {-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} #main-content .content-products .cat-grid .product-wrapper:hover .product .prod-image {border-bottom:solid 1px #eee;} #main-content .content-products .cat-grid .product-wrapper .quick-tools {float:left; height:150px; overflow:hidden; width:96%; padding:5px 2%; border-top:solid 1px #ccc; background:rgba(255, 255, 255, .8); font-size:14px; z-index:3;} #main-content .content-products .cat-grid .product-wrapper .quick-tools .quant {float:left; font-size:18px; width:48%; padding:10px 0; margin:0 1%;} #main-content .content-products .cat-grid .product-wrapper .quick-tools .quant input {width:25px;} .quick-tools .add-cart, .quick-tools .read-more {width:42%; padding:10px 3%; margin:5px 1%;} .quick-tools .add-cart { padding:12px 3%; margin-top:8px;} .quick-tools .view-all-schem {width:92%; padding:10px 3%; margin:5px 1%; font-size:12px;} #main-content .product-wrapper .quick-tools .item-out, .item-out {float:left; font-size:18px; width:98%; padding:10px 0; margin:0 1%; text-align:center;} p.last-ordered {float:left; width:96%; padding:5px 2%; background:#93c25a; color:#fff; font-style:italic; font-size:12px;} #main-content .product-details .product-overview p.last-ordered { font-weight:normal; width:92%; margin:5px 2%; padding:5px 2%;} #main-content .content-products .cat-grid .paging {float:left; width:100%; margin:20px 0; font-size:16px;text-align:right;} #main-content .content-products .cat-grid .breadcrumbs .paging {margin:-20px 0 5px 0;} #main-content .content-products .cat-grid .paging a {color:#004198; height:16px; width:16px; border-radius:25px; -webkit-border-radius:25px; text-align:center; overflow:hidden; padding:5px 10px; } #main-content .content-products .cat-grid .breadcrumbs .paging a {font-weight:normal; color:#fff;} #main-content .content-products .cat-grid .paging a.active, #main-content .content-products .cat-grid .paging a:hover {background:#a0cb67; color:#fff; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25);} #footer {float:left; width:100%; padding:15px 0; color:#333; font-size:14px; position:relative; z-index:2;} .logged-in-subpage-footer {background:url(assets/templates/steelcity/img/header-bg.jpg) top left repeat-x;} .logged-out-footer {display:none;} #footer .center-content .left {color:#fff;font-weight:normal;} #footer .center-content a {color:#333;} #footer .center-content a:hover {text-decoration:underline;} #footer .center-content .right, #footer .center-content .left {margin:0 10px;} /** HOMEPAGE STYLES **/ #homepage-content {float:left; width:100%; padding:25px 0 100px; min-height:550px; position:relative; background:url(assets/templates/steelcity/img/top-bar.jpg) top center repeat-x; background-size:100% 50px;} body.logged-in-bg #main-content {background:url(assets/templates/steelcity/img/top-bar-logged-in-right.jpg) top right repeat-x;} body.logged-in-bg #main-content #phone-number-top {float:left; width:96%; padding:0 2%; font-size:36px; color:#fff; background:url(assets/templates/steelcity/img/top-bar-logged-in.jpg) top left no-repeat;} body.logged-in-bg #main-content #phone-number-top img {float:right; margin:5px 10px;} body.logged-in-bg #main-content #phone-number-top span {float:right; margin:10px;} #subpage-content {float:left; width:100%; padding-top:65px; background:url(assets/templates/steelcity/img/top-bar-logged-in.jpg) top left no-repeat;} #homepage-content h2.login-box {float:none; width:100%; padding:10px 0; text-align:center; font-size:16px;} #homepage-content #loginbox {margin:25px auto; background:#eee; background-image:none; width:400px; border:none; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:3px; -webkit-border-radius:3px; overflow:hidden; } #homepage-content #loginbox table td {padding:5px;} #homepage-content #loginbox input.blue-btn {padding:10px 25px; cursor:pointer;} #quickProductSpecsLinks {float:left; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; width:300px; margin:0 10px; padding:0; border:solid 1px #999; overflow:hidden; } #quickProductSpecsLinks a {float:left; padding:15px 3%; width:94%; font-weight:normal; font-size:14px; color:#00479a; border-top:solid 1px #fff; border-bottom:solid 1px #ccc;} #quickProductSpecsLinks a:first-child {border-top:none;} #quickProductSpecsLinks a:last-child {border-bottom:none;} #quickProductSpecsLinks a:hover {background:#fff;} #ownersManualLinks {float:left; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; width:300px; margin:0 10px; padding:0; border:solid 1px #999; overflow:hidden; } #ownersManualLinks a {float:left; padding:15px 3%; width:94%; font-weight:normal; font-size:14px; color:#00479a; border-top:solid 1px #fff; border-bottom:solid 1px #ccc;} #ownersManualLinks a:first-child {border-top:none;} #ownersManualLinks a:last-child {border-bottom:none;} #ownersManualLinks a:hover {background:#fff;} #homepage-content .linksbox {display:flex; flex-wrap:wrap; align-items:stretch; float:left; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; width:21%; margin:0 1%; padding:0; border:solid 1px #999; overflow:hidden; } #homepage-content .linksbox a {float:left; padding:15px 3%; width:94%; font-weight:normal; font-size:14px; color:#00479a; border-top:solid 1px #fff; border-bottom:solid 1px #ccc;} #homepage-content .linksbox a:first-child {border-top:none;} #homepage-content .linksbox a:last-child {border-bottom:none;} #homepage-content .linksbox a:hover {background:#fff;} #homepage-content .linksbox .PL_welcome_text h2, #homepage-content .linksbox .PL_welcome_text p {line-height:1.3; margin:10px 2%; width:94%;} #homepage-content .linksbox p.quote {font-size:18px; padding:20px 5%; width:90%; font-weight:bold; text-align:center; float:left;} #homepage-content .linksbox hr {float:left; height:5px; width:100%; background: #000f6f; border:none; padding:0; margin:0;} #homepage-content .linksbox h1 {border-bottom:solid 1px #ccc;} #homepage-content .linksbox a.brand-logo {float:left; width:33.333%; padding:15px; box-sizing:border-box; text-align:center; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; text-align:center;} #homepage-content .linksbox a.brand-logo img {width:69px; height:68px; display:inline-block; margin:0 auto;} #homepage-content .linksbox .two-col {width:100%; float:left;} #homepage-content .linksbox .two-col a.brand-logo {float:left; width:45%; padding:15px 2%; text-align:center; border-top:0; border-bottom:0; border-right:solid 1px #ccc; border-left:solid 1px #fff; text-align:center; overflow:hidden; height:60px;} #homepage-content .linksbox .two-col a.brand-logo img {width:102px; height:100px; display:inline-block; margin:0 auto; margin-top:-20px;} .cant-find {min-height:75px; background:url(assets/templates/steelcity/img/white-80.png) top left repeat;} .white_box_stmbg {min-height:50px; background:url(assets/templates/steelcity/img/white-80.png) top left repeat;} #homepage-content .linksbox .nav-horiz-rule {float:left; width:100%; height:5px; background:url(assets/templates/steelcity/img/nav-horiz-rule.png) top left repeat-y; background-size:100%;} #homepage-content #QuickOrderPatrickHighlights { margin:51px 10px 0 760px; border:none; overflow:hidden; padding:0 0 15px 15px; background:url(assets/templates/steelcity/img/vertical-rule.png) top left repeat-y;} #homepage-content #QuickOrderPatrickHighlights .patricksCorner {float:left; width:96%; padding:0 2%; line-height:1.3; font-size:14px; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; border:solid 1px #ccc;} #homepage-content #QuickOrderPatrickHighlights .patricksCorner img {float:left; height:202px; width:165px;} #homepage-content #QuickOrderPatrickHighlights .patricksCorner h2 {padding:5px 0 10px 0; font-size:22px; margin-bottom:0;} #homepage-content #QuickOrderPatrickHighlights .patricksCorner p {display:inline-block; float:none; width:auto;} #homepage-content #QuickOrderPatrickHighlights .patricksCorner ul.PL_list li {list-style-type:disc; padding:3px 0 3px 2%; margin-left:2%; font-size:12px;} #homepage-content #QuickOrderPatrickHighlights #highlight-flyer-wrapper {float:left; width:96%; padding:10px 2%; background:url(assets/templates/steelcity/img/black-30.png) top left repeat; border:solid 1px #ccc;} #homepage-content #QuickOrderPatrickHighlights #highlight-wrapper, #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper {float:left; width:49%; color:#fff; } #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper p, #homepage-content #QuickOrderPatrickHighlights #highlightsControls {float:left; width:100%; line-height:1; padding:5px 0; margin:0; height:25px;} #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper a {float:left; width:100%; margin:0; background:url(assets/templates/steelcity/img/white-40.png) top left repeat;} #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper a img {float:left; width:94%; padding:15px 3%;} #homepage-content #QuickOrderPatrickHighlights #highlight-wrapper {margin-right:1%;} #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper {margin-left:1%;} #homepage-content #QuickOrderPatrickHighlights h2 {float:left;} #homepage-content #QuickOrderPatrickHighlights #HighlightsContent {float:left; width:94%; padding:15px 3%; background:url(assets/templates/steelcity/img/white-40.png) top left repeat;} #homepage-content #QuickOrderPatrickHighlights #HighlightsContent img {width:100%; height:auto;} #homepage-content #QuickOrderPatrickHighlights #HighlightsLinks {float:left; width:100%; max-width:400px; font-size:14px;} #homepage-content #QuickOrderPatrickHighlights #HighlightsLinks p.small-text {border-top:solid 1px #fff; } #HighlightsLinks .brand-shopping {float:left; background:transparent; background-image:none; width:100%; max-width:400px; margin:0; padding:0 0 10px 0; border:none; overflow:hidden; float:left;} #HighlightsLinks .brand-shopping > div {float:left; margin:10px 0;} #HighlightsLinks .brand-shopping a.brand-logo {float:left; width:29%; padding:0; border-top:0; text-align:center; padding:15px 2%;} #HighlightsLinks .brand-shopping a.brand-logo:hover {background:#eee; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); } #HighlightsLinks .brand-shopping a.brand-logo img {width:49px; height:48px; margin:0 auto;} #homepage-content #homepageCenter {float:left; padding:0; width:435px; padding-left:15px; background:url(assets/templates/steelcity/img/vertical-rule.png) top left repeat-y; } #homepage-content #WizardPlusCategories, #homepage-content #loggedinWizard {float:left; float:left; padding:0; width:96%;} #homepage-content .notLoggedIn #loggedinWizard {float:left; width:70%; margin:75px 1% 25px 0; padding-bottom:25px; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; border:solid 1px #999; position:relative;} #loggedinWizard .wizardTable { position: relative; margin:0 1% 25px 0; background:#004198; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:5px; -webkit-border-radius:5px; min-height:250px; padding:5px 1%; z-index:2;} #loggedinWizard .wizard-icon {position:absolute; top:-29px; left:200px; width:164px; z-index:2;} #loggedinWizard .wizard-icon-notloggedin {position:absolute; top:-29px; left:170px; width:114px; z-index:2;} #loggedinWizard .wizardTable h1, #loggedinWizard .wizardTable p { color:#fff;} #loggedinWizard .wizardTable p {font-size:14px; line-height:1.3;} #loggedinWizard .wizardTable .row, #WizardPlusCategories .wizardTable .row {float:left; width:96%; padding:0 2% 20px 2%;} #loggedinWizard #scv_wizard_InfoPane {display:block;} #homepage-content .notLoggedIn #loggedinWizard #scv_wizard_InfoPane h1 {position:absolute; float:none; top:10px; right:0; width:70%; font-size:30px; padding:6px 0 10px 0; text-align:center; background:url(assets/templates/steelcity/img/header-bg.jpg) top center repeat-x; color:#fff; font-weight:normal; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); z-index:1;} #homepage-content ul.PL_list {font-size:11px; font-style:italic; text-align:left;} #homepage-content ul.PL_list li {list-style-type:disc; padding:3px; margin:2px;} #homepage-content #WizardPlusCategories .grayBGLight, #homepage-content #loggedinWizard .grayBGLight {width:96%; padding:10px 2%; background:url(assets/templates/steelcity/img/white-40.png) top left repeat; border:solid 1px #ccc; overflow:hidden;} #homepage-content #WizardPlusCategories .grayBGLight a {font-size:24px;} #homepage-content #loggedinWizard table {width:100%;} #homepage-content #loggedinWizard table, #homepage-content #loggedinWizard table tr {background:transparent;} #homepage-content #WizardPlusCategories table td, #homepage-content #loggedinWizard table td {border-top:solid 1px #fff; border-bottom:solid 1px #ccc; padding:5px 2%; vertical-align:middle; height:50px;} #homepage-content #WizardPlusCategories table tr:first-child td, #homepage-content #loggedinWizard table tr:first-child td {border-top:none;;} #homepage-content #loggedinWizard td, #homepage-content #loggedinWizard td:first-child, #homepage-content #WizardPlusCategories table tr td {border-top:solid 1px #fff; border-bottom:solid 1px #ccc; padding:5px 2%; vertical-align:middle; height:50px;} #homepage-content #loggedinWizard td, #homepage-content #loggedinWizard td a.blue-btn, #homepage-content #WizardPlusCategories table tr td a.blue-btn {margin-right:0; font-size:12px;} #homepage-content #WizardPlusCategories .wizardTable {float:left; position:relative; background:url(assets/templates/steelcity/img/blue-30.png) top left repeat; width:96%; padding:5px 2%; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:5px; -webkit-border-radius:5px; } #homepage-content #WizardPlusCategories .wizardTable .wizard-icon {position:absolute; top:-1px; left:10px; width:130px; z-index:2;} #homepage-content #WizardPlusCategories .wizardTable #wizardTableContent {position:relative; z-index:2;} #homepage-content #WizardPlusCategories .wizardTable h1 {color:#333; text-align:center;} #homepage-content #WizardPlusCategories .wizardTable p {display:none;} #tabs-wrapper {float:left; width:96%; padding:5px 2%; background:url(assets/templates/steelcity/img/white-40.png) top left repeat; border:solid 1px #ccc;} #tabs-wrapper h1 {color:#333;} #tabulations {width:96%px; margin:5px 0; padding:10px; background:url(assets/templates/steelcity/img/white-40-mini-logo.png) top left repeat; border:solid 1px #ccc; overflow:hidden; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:5px; -webkit-border-radius:5px;} #browseTabs {width:250px; margin:10px auto; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); overflow:hidden; background:#eee; border-radius:25px; -webkit-border-radius:25px; font-size:14px; font-weight:normal; height:45px;} #browseTabs li a {float:left; margin:0; border:0; padding:10px 0; margin:5px 2%; width:46%; text-align:center; } #browseTabs li a.active {-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:25px; -webkit-border-radius:25px; color:#fff; background:url(assets/templates/steelcity/images/white-gradient-25.png) bottom left repeat-x #00479a;} #tabulations #browseProducts {height: 485px; overflow: auto; -webkit-overflow-scrolling: touch; width:96%; padding:10px 2%; line-height:1.3; } #tabulations #browseProducts a {float:left; font-size:12px; width:94%; margin:0 1%; padding:5px 2%; height:auto; border-bottom:solid 1px #ccc; border-top:solid 1px #fff; position:relative;} #tabulations #browseProducts a:first-child {border-top:none;} #tabulations #browseProducts a:last-child {border-bottom:none; margin-bottom:20px;} #tabulations #browseProducts a:nth-child(even) {background:#e3e3e3;} #tabulations #browseProducts a:hover {z-index:2; background:#fff;-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); } #openOrderTabs {width:90%; width:500px; margin:10px auto; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); overflow:hidden; background:#eee; border-radius:25px; -webkit-border-radius:25px; font-size:14px; font-weight:normal; height:45px;} #openOrderTabs li a {float:left; margin:0; border:0; padding:10px 0; margin: 5px 1%; width:18%; text-align:center; } #openOrderTabs li a.active {-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); border-radius:25px; -webkit-border-radius:25px; color:#fff; background:url(assets/templates/steelcity/images/white-gradient-25.png) bottom left repeat-x #00479a;} #homepage-content .loggedOut-right {float:left; width:70%; margin:70px 1% 25px 0; padding-bottom:25px; } #homepage-content .loggedOut-right > div.banner {float:left; width:31%; padding:0; margin:0 1% 0 1%; background:url(assets/templates/steelcity/img/white-80.png) top left repeat; border:solid 1px #999; position:relative; min-height:575px; } #homepage-content .loggedOut-right > div.banner:first-child {margin-left:0;} #homepage-content .loggedOut-right > div.banner:last-child {margin-right:0; float:right;} #homepage-content .loggedOut-right > div h1 {width:100%; font-size:26px; padding:6px 0 10px 0; text-align:center; background:url(assets/templates/steelcity/img/header-bg.jpg) center left repeat-x; color:#fff; font-weight:normal; } #homepage-content .loggedOut-right .vert-rule {float:left; width:8px; background:url(assets/templates/steelcity/img/vertical-rule.png) top left repeat-y; background-size:100% 5px; min-height:575px; } #homepage-content .loggedOut-right > div img {float:left; margin-top:-50px; width:100%; height:auto;} #homepage-content .loggedOut-right > div .banner-content {float:right; width:100%; padding:0 0 10px 0;} #homepage-content .loggedOut-right > div ul.PL_list li {list-style-type:disc; padding:3px 0 3px 2%; margin-left:2%; width:96%; float:none; font-size:14px; font-style:normal; line-height:1.3; color:#333;} #homepage-content .loggedOut-right > div h2, #homepage-content .loggedOut-right > div p, #homepage-content .loggedOut-right > div li {float:none; width:auto; line-height:1.2;} #homepage-content .loggedOut-right > div h2 img {float:left;} .wizard-results {float:left; width:96%; margin-top:10px; padding:5px 2%; overflow:auto; background:#eee; font-size:12px; border:solid 1px #ccc; } #homepage-content #WizardPlusCategories .wizard-results table {float:left; width:100%;} #homepage-content #WizardPlusCategories .wizard-results table tr td {border-top:solid 1px #fff; border-bottom:solid 1px #ccc; padding:5px 2%; vertical-align:middle; height:auto;} #homepage-content #WizardPlusCategories .wizard-results table tr td .blue-btn {padding:5px 10px; margin:2px;} #homepage-content #WizardPlusCategories .wizard-results table tr td .green-btn {padding:5px 10px; margin:2px; float:none; display:inline-block; font-weight:normal; font-size:12px;} #homepage-content #WizardPlusCategories .wizard-results table tr:first-child td {border-top:none;} #homepage-content #WizardPlusCategories .wizard-results table tr:last-child td {border-bottom:none;} /** END HOMEPAGE STYLES **/ /* PRODUCT DETAILS CSS */ #main-content .product-details {float:left; width:100%; padding:0; text-align:center;} #main-content .product-details .breadcrumbs {background:#fff; padding:20px 5%; width:90%; text-align:left;} #main-content .product-details .prod-wrapper {margin:0 auto; width:100%; max-width:1024px;} #main-content .product-details .product-image {float:left; width:46%; background:#fff; margin:25px 2%; padding:25px 5%; min-height:400px; text-align:center; overflow:hidden; position:relative;} #main-content .product-details .product-image img {margin:0 auto; height:100%; max-height:500px; width:auto;} #main-content .product-details .product-image .product-icons {left:15px; right:auto;} #main-content .product-details .part-image {} #main-content .product-details .part-image img {} #main-content .product-details .small_alt_items_container {float:right; width:34%; margin:25px 2%; padding: 10px 1%; text-align:center; position:relative;} #main-content .product-details .small_alt_items_container .prod-icon {float:none; position:absolute; top:5px; left:-25px;} #main-content .product-details .small_alt_items_container .small_alt_item {display:inline-block; margin:0 1%; width:31%; height:100px; overflow:hidden; float:none; background:#fff;} #main-content .product-details .small_alt_items_container .small_alt_item:hover {background:#e3e3e3;} #main-content .product-details .small_alt_items_container .small_alt_item .image-container {display:inline-block; width:100%; height:50px; padding:5px; margin:0 auto; float:none; border-bottom:solid 1px #e3e3e3;} #main-content .product-details .small_alt_items_container .small_alt_item:hover .image-container {border-bottom:solid 1px #fff;} #main-content .product-details .small_alt_items_container .small_alt_item .image-container img {width:auto; height:50px;} #main-content .product-details .small_alt_items_container .small_alt_item .prod-name {width:50px; display:inline-block; padding:5px 0; font-size:10px; font-style:italic; font-weight:normal; } #main-content .product-details .small_alt_items_container .small_alt_item_x7 { width: 12% !important; } #main-content .product-details .small_alt_items_container .small_alt_item_x5 { width: 18% !important; } #main-content .product-details .product-overview {float:right; width:34%; margin:25px 2%; padding: 10px 1%; text-align:left;} #main-content .product-details .product-overview h2 {font-size:24px; font-weight:bold;} #main-content .product-details .product-overview p {float:left; width:100%; padding:5px 0; font-size:14px;} #main-content .product-details .product-overview p .add-cart {padding:10px 20px; margin-left:10px;} #main-content .product-details .product-overview p .feq-buy {padding:10px 20px; width:200px; position:relative;} #main-content .product-details .product-overview p .feq-buy .prod-icon {float:none; position:absolute; top:4px; left:10px; height:27px; width:27px;} #main-content .product-details .product-overview p .feq-buy .prod-icon img {width:20px; height:20px; margin-top:4px;} #main-content .product-details .product-overview p .view-all-schem {padding:10px 20px; width:200px; font-size:12px;} #main-content .product-details .product-overview p.prod-descript {font-size:12px; font-style:italic; text-align:left;} #main-content .product-details .recently-viewed {float:left; width:100%; margin:15px 0;} table.recently-viewed {float:left; margin-top:20px; width:100%;} #main-content .product-details .product-overview .prod-info, #main-content .product-details .product-overview .prod-buy-box {float:left; width:100%;} #main-content .product-details .product-overview #inStockDiv p {font-weight:normal;} #inStockLabel {float:left; width:96%; padding:15px 2%; margin:0 0 10px 0; text-align:center; font-weight:bold; text-transform:uppercase; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} #inStockLabel_lightbox {float:left; width:96%; padding:15px 2%; margin:0 0 10px 0; text-align:center; font-weight:bold; text-transform:uppercase; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} .stockStatusYes {color:#004198; background: rgb(81, 187, 92); background: rgba(81, 187, 92, .85);} .stockStatusNo {color:#fff; background: rgb(225, 58, 35); background: rgba(225, 58, 35, .85);} .stockStatusUnknown {color:#004198; background: rgb(255, 212, 0); background: rgba(255, 212, 0, .85);} .stockStatusSpecial { color:#3e4242; background: rgb(158, 255, 255); background: rgba(158, 255, 255, .85); } .lastPurchased {position:absolute; top:47px; left:0; padding:4px 1%; width:60%; text-align:right; text-transform:uppercase; color:#fff; background: url(assets/templates/steelcity/images/sidenav-bg.jpg) top left repeat #00479a; opacity: .75; } .inCartMessage {position:absolute; top:-3px; left:0; padding:4px 1%; width:auto; text-align:right; text-transform:uppercase; color:#fff; background: #3e5721; opacity: .75;} /* END PRODUCT DETAILS CSS */ /* SCHEMATICS - GALLERY IMAGE PAGE */ .schem-nav h2 {color:#fff; text-align:center; font-size:16px; padding:10px 0;} .schem-nav p {color:#e3e3e3; line-height:1.2; font-style:italic;} .schem-wrapper {float:left; width:100%; color:#fff;} .schem-wrapper .schem-image-wrap {width:70%; margin:10px 15%; height:105px; background:#fff; float:left; padding:10px 0; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); text-align:center;} .schem-wrapper .schem-image-wrap img {max-width:100%; max-height:100%; margin:0 auto;} .schem-wrapper .schem-content {float:left; width:94%; margin:10px 3%;} .schem-wrapper h1 {font-size:18px; width:100%; float:left; padding:10px 0;} .schem-wrapper p {width:100%; float:left; padding:0; margin:5px 0; font-size:14px;} #main-content .content-products #sidenav .schem-wrapper a.blue-btn {float:left; margin:5px 0; padding:10px 0; width:100%;} #main-content .content-products #sidenav .schem-wrapper a.white-btn {float:left; margin:5px 0; padding:10px 0; width:100%; color:#00479a; font-size:11px;} #main-content .content-products #sidenav .schem-wrapper a.white-btn:hover {color:#00479a; background:url(assets/templates/steelcity/images/white-btn.jpg) center center repeat-x #fff; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); } .content-products #mainimage {width:550px; height:auto;} #allImages {position:relative; display:inline-block; overflow:hidden; margin:50px auto; min-height:550px; width:100%; text-align:center;} .tooltip {display:none; position:fixed; z-index:99; right:50%; margin-right:-150px; top:0px; width:300px; height:125px; background:#eee; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); text-align:left; } .tooltip .image-wrapper {float:left; margin:15px; width:85px; padding:5px; height:85px; overflow:hidden; text-align:center; background:#fff;} .tooltip .image-wrapper img {width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;} .tooltip p {float:none; margin:15px 10px 0 115px; width:auto;} .tooltip .bottom-arrow {border:solid 10px transparent; border-top:solid 10px #999; position:absolute; top:100px; left:145px; position:relative; width:0px; height:0; z-index:3;} /* END SCHEMATICS - GALLERY IMAGE PAGE */ .favorites_selected { background-color: #ccc; } /* SHOPPING CART */ .SC_sc_table {float:left; width:96%; margin:20px 2%; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); background:#e3e3e3; } .SC_sc_table td {padding:5px; vertical-align:center; border-bottom:solid 1px #ccc; vertical-align:middle; padding:10px;} .SC_sc_table_head td {font-size:16px; padding:20px 0; text-align:center; border:none; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; background:url(assets/templates/steelcity/images/nav-bg.jpg) center left repeat-x; } .SC_sc_table tr:nth-child(even) td {background:#eee;} .SC_sc_table td.quant {text-align:center;} .SC_sc_table td.pricing {text-align:right;} .SC_sc_table_total td, .cart-total {font-size:18px; font-weight:bold; text-align:right; width:94%; padding:20px 1%; margin:20px 2%;} .SC_sc_table tr td.cart-thumb {width:100px; height:100px; background:#fff; text-align:center; overflow:hidden; position:relative;} .SC_sc_table td.cart-thumb img {max-height:100px; width:auto;} .checkout-btns {float:left; margin-bottom:25px; width:100%;} .checkout-btns .white-btn, .checkout-btns .blue-btn {padding:10px 15px; font-size:14px; margin:10px;} .note {width:92%; margin:5px 2%; padding:10px 2%; text-align:center; float:left;} /* END SHOPPING CART */ /* REVIEW ORDERS */ #homepage-content .viewOrders #tabulations {width:94%; margin:25px 2%; padding:10px 1%;} #homepage-content #tabulations #openOrderTabs {width:100%; margin:0; font-size:12px; height:auto;} #homepage-content #tabulations #openOrderTabs a {width:auto; text-align:center; padding-left:10px; padding-right:10px;} table.admin_list {float:left; width:100%;} table.admin_list tr:nth-child(odd) td {background:#e3e3e3; border-bottom:solid 1px #ccc;} table.admin_list tr:nth-child(even) td {background:#eee; border-top:solid 1px #fff;} table.admin_list .admin_list_head {font-size:14px;} table.admin_list td {border-top:solid 1px #eee; border-bottom:solid 1px #ccc; padding:10px;} .admin_list_item.admin_list_item_selected { background: #fffd77; } .admin_list_item.admin_list_item_selected td { background: #fffd77 !important; } #filterTable {float:left; width:100%; margin:25px 0;} .viewOrders br {clear:both;} .viewOrders hr {clear:both; width:100%; float:left; margin:10px 0; border:none; height:0; border-top:solid 1px #ccc; border-bottom:solid 1px eee;} .viewOrders b { width:100%; float:left; margin:10px 0; font-size:18px; text-align:center;} .viewOrders h5 {float:left; width:100%; padding:10px 0; margin-bottom:10px; font-size:18px; border-bottom:solid 1px #ccc;} .viewOrders #showTable {float:left; width:100%; margin:10px 0;} .viewOrders #showTable a {color:#fff; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); cursor:pointer; padding:5px 10px; margin-left:5px;} .viewOrders #showTable a:hover {-webkit-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25);} .viewOrders #tabDat > a {color:#fff; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); cursor:pointer; padding:15px 25px; display:inline-block; margin:25px 0;} .viewOrders #tabDat > a:hover {-webkit-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25);} .viewOrders .admin_list_sub_clean a {color:#00479a; background:url(assets/templates/steelcity/images/white-btn.jpg) center center repeat-x #fff; border-radius:5px; -webkit-border-radius:5px; text-align:center; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); cursor:pointer; padding:8px 15px; margin-left:5px; display:inline-block;} .viewOrders .admin_list_sub_clean a:hover {-webkit-box-shadow:inset 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25);} /* SINGLE ORDER */ .viewOrders .adminListItem {float:left; width:100%; font-size:14px; text-transform:uppercase; background:#fff;} .viewOrders .adminListItem td {padding: 12px 1%; line-height:1.2;} .viewOrders .adminListItem tr:nth-child(even) td {background:#eee;} .viewOrders .adminListItem td.first {width:48%; text-align:right; font-weight:bold;} .viewOrders .productList {font-size:12px;} .viewOrders .productList .admin_list_head {font-weight:bold;} .viewOrders .pricing td {font-size:18px;} .viewOrders .pricing td.first {width:90%; text-align:right; font-weight:bold;} .viewOrders h1.order-head {border-top:solid 2px #00479a; border-bottom:solid 2px #00479a; background:#eee;} /* END SINGLE ORDER */ /* END REVIEW ORDERS */ /** Recently Viewed Items **/ .recently-viewed-header .close-btn {float:right; width:auto; font-size:11px; font-style:italic; font-weight:normal; margin:5px 5px 0 0;} .recently-viewed-header .close-btn .close {float:right; margin:-12px 0 0 8px; padding:10px; width:15px; height:15px; text-align:center; background:url(assets/templates/steelcity/images/blue-btn.jpg) center center repeat-x #00479a; border-radius:25px; -webkit-border-radius:25px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: 0px 2px 2px rgba(0, 0, 0, .25); border:none; cursor:pointer; font-size:14px; line-height:1; color:#fff;} .recently-viewed-header .close-btn:hover .close {-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25);} #rvi_viewport { position: relative; width: 100%; height: 570px; margin: 0 auto; overflow: hidden; padding:10px 0; } #rvi_wrapper { position: absolute; width: 100%; margin: 0 auto; z-index:1; } #rvi_scroller { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .rvi_slide { display: inline-block; float: left; } #rvi_scroller .product-wrapper .quick-tools {float:left; height:570px;} #rvi_scroller .product {height:570px;} #rvi_scroller .product .image-container {float:left; margin:10px; overflow:hidden; height:280px; width:280px;} #rvi_scroller .product .prod-name {height:30px;} #rvi_scroller .product .price {height:30px; margin-bottom:5px; overflow:hidden; overflow-y:auto;} #rvi_scroller .product .rvi-part-img {margin:0 auto; width:256px; height:auto;} #rvi_scroller .product .rvi-prod-img {height:280px; width:auto;} #rvi_indicator { position: relative; width: 110px; height: 20px; margin: 10px auto; } #rvi_dotty { position: absolute; width: 20px; height: 20px; border-radius: 10px; background: #777; } /** Related Items **/ #rel_viewport { position: relative; width: 100%; height: 370px; margin: 0 auto; overflow: hidden; padding:10px 0; } #rel_wrapper { position: absolute; width: 100%; margin: 0 auto; z-index:1; } #rel_scroller { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .rel_slide { display: inline-block; float: left; } #rel_scroller .product-wrapper .quick-tools {float:left; height:30px;} #rel_scroller .product-wrapper {width:220px;} #rel_scroller .product {height:300px;} #rel_scroller .product .image-container {float:left; margin:10px; overflow:hidden; height:180px; width:180px;} #rel_scroller .product .prod-name {height:30px;} #rel_scroller .product .price {height:30px; margin-bottom:5px; overflow:hidden; overflow-y:auto;} #rel_scroller .product .rel-part-img {margin:0 auto; width:156px; height:auto;} #rel_scroller .product .rel-prod-img {height:180px; width:auto;} #rel_indicator { position: relative; width: 110px; height: 20px; margin: 10px auto; } #rel_dotty { position: absolute; width: 20px; height: 20px; border-radius: 10px; background: #777; } #main-wizard-nav {position:absolute; top:0; left:0; width:96%; padding:10px 2%; height:25px;} #main-wizard-content {float:left; margin:75px 0 0 0; -webkit-box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); border-radius:5px; -webkit-border-radius:5px; background:url(assets/templates/steelcity/images/cat-grid-bg.png) top center repeat #e3e3e3; width:96%; padding:10px 2%; height:400px; overflow:auto;} #main-wizard-content #wizard-sub-products {float:left; width:100%;} #main-wizard-content .row {float:left; width:100%; overflow:hidden; padding:10px 0;} #main-wizard-content .left-cell {float:left; width:21%; padding:5px 2%; text-align:center;} #main-wizard-content .left-cell img {width:100px; height:100px; margin:10px auto;} #main-wizard-content .right-cell {float:left;width:71%; padding:5px 2%;} #main-wizard-content .right-cell .contain-img {width:36%; height:auto; text-align:center; float:left; overflow:hidden;} #main-wizard-content .right-cell .prod-img {float:left; height:auto; width:10%; margin:10px 10%;} #main-wizard-content .right-cell .quick-tools {width:58%; float:right; margin-right:2%;} #main-wizard-content .horiz-divide {margin:0;} #main-wizard-content .schem-cell {background:#fff; width:19%; margin:10px 1%; } #main-wizard-content .schem-cell:hover {-webkit-box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25);} #main-wizard-content .schem-cell p {font-size:12px; height:40px; border-top:solid 1px #e3e3e3;} .schem-cell {background:#fff; width:19%; margin:10px 1%; } .schem-cell:hover {-webkit-box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25);} .schem-cell p {font-size:12px; height:40px; border-top:solid 1px #e3e3e3;} #main-wizard-content p {float:left; width:96%; text-align:center; font-size:14px; line-height:1.5;} #main-wizard-content p img {width:120px; height:120px;} #schematics-results {float:left; width:60%; height:380px; padding:10px 0; overflow:auto; background:url(assets/templates/steelcity/images/cat-grid-bg.png) top center repeat #e3e3e3; -webkit-box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow:inset 0px 0px 3px 2px rgba(0, 0, 0, .25); border-radius:5px; -webkit-border-radius:5px;} #schematics-results a {float:left; width:84%; padding:15px 5%; margin:0 3%; border-top:solid 1px #fff; border-bottom:solid 1px #ccc;} #schematics-results a:first-child {border-top:none;} #schematics-results a:last-child {border-bottom:none;} #schematics-results a:hover {position:relative; z-index:2; background:#fff; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);} #schematics-image-container {float:left; width:40%; height:375px; text-align:center; text-align:center;} #schematics-image-container img {margin:0 auto; height:375px; width:auto;} /* ADMIN PAGES */ .admin-edit {float:left; width:100%; margin:20px 0 100px 0;} .admin-content, .admin-content h1, admin-content h2, .admin-content p {text-align:center;} .admin-content h1 {font-family: 'Oswald', sans-serif; font-weight:400;} .admin-content h2 {margin-top:25px;} .admin-content p {font-size:14px;} .admin-content .four-col {float:left; width:29%; padding:5px 2%;} .admin-content .four-col p {font-size:12px;} .admin-content .four-col img {width:100px; height:auto; padding:42px 25px; margin:10px auto; display:inline-block; background:#fff; border-radius:200px; -webkit-border-radius:200px;} .admin-content .four-col {float:left; width:100%; margin-bottom:25px;} .admin-content .four-col > div {float:left; width:21%; padding:5px 2%;} .admin-content .four-col > div h2 img {width:80%; padding:0 10%; height:auto;} .admin-content .four-col > div ul {font-size:14px; width:90%; margin:0 5%;} .admin-content .four-col > div ul li {list-style-type:disc; margin-left:1%; padding-left:1%; width:98%; padding-bottom:5px; text-align:left; font-size:12px; } .login-form {width:100%; float:left;} .login-form td {padding:10px 2%;} .login-form td.label {width:30%; text-align:right;} /* EDITOR */ #edit-form {float:left; width:90%; margin:-55px 2% 50px 2%; padding:10px 2%; background:#fff; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .25); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .25); } #edit-form textarea {float:left; width:98%;} /* END ADMIN PAGES */ /* BEGIN POS LAYOUT */ #pos-nav {width:19%; z-index:2; margin:10px 0 0 1%; float:left;} .stick {position:fixed !important; top:0 !important; left:0 !important; margin-top:0 !important;} #pos-nav a {width:96%; float:left; padding:10px 2%; font-size:18px; text-transform:uppercase; font-family: 'Oswald', sans-serif;} #pos-nav a:hover {background:rgba(255, 255, 255, .5); -webkit-box-shadow:inset 5px 0 0 0 rgba(0,71,154,100); box-shadow:inset 5px 0 0 0 rgba(0,71,154,100);} #pos-nav a img {display:inline-block; height:25px; width:auto; padding:5px; background:#fff; border-radius:25px; -webkit-border-radius:25px; vertical-align:middle; margin-left:25px; margin-right:10px; border:solid 2px #00479a;} #pos-nav a.active, #pos-nav a.active:hover {background:#fff; color:#013169; -webkit-box-shadow:inset 5px 0 0 0 rgba(0,71,154,100); box-shadow:inset 5px 0 0 0 rgba(0,71,154,100);} #pos-content {width:75%; padding:10px 2%; min-height:510px; float:right; margin:10px 1% 10px 0; overflow:hidden; overflow-y:auto; background:#fff;} .my-profile input[type="text"], .my-profile textarea {padding:10px 2%;} .my-profile input[type=text], .invoice select {margin-top:5px; width:94%; max-width:250px;} #invoice_items_grid {margin-top:5px;} .blue-btn .prod-icon {background:#fff;} .blue-btn .prod-icon {float:none; position:absolute; top:4px; left:4px; height:25px; width:25px;} .blue-btn .prod-icon img {width:16px; height:16px; margin-top:4px;} .table-btn {width:20px; height:20px; padding:2px; border:solid 1px #00479a; -webkit-border-radius:25px; border-radius:25px; display:inline-block; margin-right:2px; vertical-align:middle;} #pos-content .large-btn {max-width:250px;} #pos-content select {padding:5px 2%; width:250px; display:inline-block;} #customer_info {line-height:1.3;} .pos-product-name .k-autocomplete, .pos-product-name .k-autocomplete.k-state-hover, .pos-product-name .k-autocomplete.k-state-focused {display:inline-block; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:none; background:#f5f4f4; padding:0;} .pos-product-name .k-autocomplete .k-input {font-size:14px; padding:7px 10px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .25); border:solid 1px #ccc; background:#eee; line-height:1; width:155px !important;} /* END POS LAYOUT */ /* COLUMN STRUCTURE - 12 COLUMNS */ .row {width:100%; float:left; box-sizing:border-box; display:flex; flex-wrap:wrap;} .col {display:inline-block !important; padding:10px !important; vertical-align:top; box-sizing:border-box;} .one-col {width:8.333% !important;} .two-col {width:16.666% !important;} .three-col {width:25% !important;} .four-col {width:33.333% !important;} .five-col {width:41.666% !important;} .six-col {width:50% !important;} .seven-col {width:58.333% !important;} .eight-col {width:66.666% !important;} .nine-col {width:75% !important;} .ten-col {width:83.333% !important;} .eleven-col {width:91.666% !important;} .twelve-col {width:100% !important;} .bottom-spacer {height:50px;} /* END COLUMN STRUCTURE - 12 COLUMNS */ #product-info { text-align: left; } #product-info table {width:100%; margin: 5px 1;} #product-info table td {padding:10px 2%; width:46%; background:#f6f6f6; border-bottom:solid 1px #fff; border-right:solid 1px #fff; text-align:center;} #product-info ul {width:100%; display:inline-block; margin-top:15px;} #product-info ul li {display:inline-block; width:94%; padding:5px 1% 5px 1%; margin-left:2%; display: list-item; list-style-type:disc; list-style-position: inside;} #product-info table {font-size:11px; margin-top:15px;} #product-info table tr td:first-child {text-align:right; font-weight:bold; text-transform:uppercase;} #product-info tc {text-align:center;} #product-info p {font-size: 14px;line-height: 1.5;padding-top:100px; text-align: left;} #product-info ul {margin-left:0; padding-left:25px;} #product-info ul li {font-size: 14px;line-height: 1.5;} #product-info .w-30-ns {width: 40%;} #scv_user_add {width:100%; max-width:800px; margin:25px auto; padding:25px; background:rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.15); box-shadow: 0 0 15px 5px rgba(0,0,0,.15); border-radius:10px; } #scv_user_add input[type="text"], #scv_user_add select {display:inline-block; width:100% !important; padding:10px; margin-top:5px; margin-bottom:10px; box-sizing:border-box;} .digit-group input { width: 30px !important; height: 50px !important; background-color: #e3e3e3; border: none !important; line-height: 50px !important; text-align: center !important; font-size: 24px !important; font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; color: black !important; margin: 0 2px !important; } .splitter { padding: 0 5px !important; color: black !important; font-size: 24px !important; } @media screen and (min-width: 30em) { .w-30-ns {width:30%;} .w-40-ns {width:40%;} .w-50-ns {width:50%;} .w-60-ns {width:60%;} .w-70-ns {width:70%;} } @media print{ .no-print { display:none; } .chat-btn { display:none; } .fat-font { font-size: 16px; } } #homepage-content .linksbox a.bg-home-map-price {background:#B8E5FA;} #homepage-content .linksbox a.bg-home-quick-specs {background:#EBF3D;} #homepage-content .linksbox a.bg-home-manuals {background:#FBC7B9;} #homepage-content .linksbox a.bg-home-holiday-sched {background:#FFECBA;} #homepage-content .linksbox a.bg-home-dyson-parts {background:#E0F2F2;} #homepage-content .linksbox a.bg-home-central-vac {background:#FFF4CA;} #homepage-content .linksbox a.bg-home-ad-museum {background:#DFDBE9;} #homepage-content .linksbox a.bg-home-map-price:hover {background:#92C6E2;} #homepage-content .linksbox a.bg-home-quick-specs:hover {background:#D1DFB9;} #homepage-content .linksbox a.bg-home-manuals:hover {background:#E8B7AA;} #homepage-content .linksbox a.bg-home-holiday-sched:hover {background:#E5D29E;} #homepage-content .linksbox a.bg-home-dyson-parts:hover {background:#B6DCDC;} #homepage-content .linksbox a.bg-home-central-vac:hover {background:#E4D8A8;} #homepage-content .linksbox a.bg-home-ad-museum:hover {background:#C9C2DB;} .productSquareTnSelected img { border: 2px solid #00479a; -webkit-border-radius: 2px; } .productSquareOtherImages { } .productSquareTn img { height: 24px; } .b {font-weight:bold;} .i {font-style:italic;} .fl {float:left;} .dib {display:inline-block;} .flex {display:flex;} .flex-wrap {flex-wrap:wrap;} .items-start {align-items:flex-start;} .content-start {align-content:flex-start;} .bg-white {background:#fff;} .pa1 {padding:0.25rem;} .pa2 {padding:0.5rem;} .pa3 {padding:1rem;} .pa4 {padding:1.5rem;} .pa5 {padding:2rem;} .pa6 {padding:2.5rem;} .mb1 {margin-bottom:0.25rem;} .mb2 {margin-bottom:0.5rem;} .mb3 {margin-bottom:1rem;} .mb4 {margin-bottom:1.5rem;} .mb5 {margin-bottom:2rem;} .mb6 {margin-bottom:2.5rem;} .ba {border:solid 1px;} .bt {border-top:solid 1px;} .bb {border-bottom:solid 1px;} .b--scv-gray {border-color:#b7b9bc;} .b--moon-gray {border-color:#ccc;} .w-20 {width:20%;} .w-25 {width:25%;} .w-third {width:33.33333%} .w-80 {width:80%} #homepage-content.logged-out {background-image:none; color:#231f20; box-sizing:border-box; font-size:14px;} #homepage-content.logged-out, #homepage-content.logged-out * {box-sizing:border-box;} #homepage-content.logged-out h2 {font-size:24px;} #homepage-content.logged-out p {font-size:14px;} #homepage-content.logged-out .welcome-wrap {margin-bottom:2rem;} #account-links {margin-top:15.5%;} #angry-wizard {width:102%;} @media screen and (max-width: 30em) { #homepage-content.logged-out .w-20, #homepage-content.logged-out .w-80, #homepage-content.logged-out .w-third {width:100%;} #account-links {margin-top:0;} } .schematic-search-model{ height: auto; width: 90%; background: #fff; padding: 8px; } .schematic-search-image{ background: #fff; min-height: 185px; text-align: center; width: 165px; height: 185px; border: 1px solid #00479a; float:left; padding: 4px; margin-left: 6px; } .schematic-search-folder { background: #fff; min-height: 185px; text-align: center; width: 165px; height: 185px; border: 1px solid #00479a; position: relative; float:left; padding: 4px; } .schematic-image { width: 128px; max-height: 140px; } /* Base for label styling */ .co_purchase_cb:not(:checked), .co_purchase_cb:checked { position: absolute; left: 0; opacity: 0.01; } .co_purchase_cb:not(:checked) + label, .co_purchase_cb:checked + label { position: relative; padding-left: 2.3em; font-size: 1.15em; line-height: 1.5; cursor: pointer; } /* checkbox aspect */ .co_purchase_cb:not(:checked) + label:before, .co_purchase_cb:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.4em; height: 1.4em; border: 1px solid #aaa; background: #FFF; border-radius: .2em; box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2); -webkit-transition: all .275s; transition: all .275s; } /* checked mark aspect */ .co_purchase_cb:not(:checked) + label:after, .co_purchase_cb:checked + label:after { content: '✕'; position: absolute; top: .525em; left: .18em; font-size: 1.375em; color: #2522ed; line-height: 0; -webkit-transition: all .2s; transition: all .2s; } /* checked mark aspect changes */ .co_purchase_cb:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); } .co_purchase_cb:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } /* Disabled checkbox */ .co_purchase_cb [type="checkbox"]:disabled:not(:checked) + label:before, .co_purchase_cb [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #e9e9e9; } .co_purchase_cb [type="checkbox"]:disabled:checked + label:after { color: #777; } .co_purchase_cb [type="checkbox"]:disabled + label { color: #aaa; } /* Accessibility */ .co_purchase_cb [type="checkbox"]:checked:focus + label:before, .co_purchase_cb [type="checkbox"]:not(:checked):focus + label:before { box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2); } .greenh5 {font-size:18px; font-weight:bold; color:#a0cb67; width:94%; padding:10px 3%; background:url(assets/templates/steelcity/images/black-gradient-25.png) bottom left repeat-x; } .sidePanel {float:right; width:300px; border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .25); background:url(assets/templates/steelcity/images/sidenav-bg.jpg) top left repeat #00479a; padding-bottom:10px;}