/* General styles */
* {
font-family: arial, verdana, sans-serif;
}
body {
padding: 0;
border: 0;
width: 1022px;
line-height: 20px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
height: 100%;
background: #002176;
margin: 0 auto;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: arial, verdana, sans-serif;
font-weight: bold;
}
p {
margin: .4em 0 .8em 0;
padding: 0
}
a,a:active {
outline: none;
text-decoration: none
}
a {
color: #000066
}
a:hover {
color: #cc0000;
text-decoration: none
}
a img {
border: none
}
/*Breadcrumb Nav*/
#crumbs {
width: 969px;
text-align: left;
font-size: 12px;
float: left;
margin: 10px 0 0 18px
}
#crumbs a {
color: #000;
text-decoration: none
}
#crumbs a.current {
color: #b60000
}
h1 {
margin: 20px auto 0px 18px;
font-size: 18px;
color: #11376f
}
#footerv2 {
clear: both;
font: 12px/13px arial, verdana, sans-serif;
background: url('//images.epromos.com/newimages/footerV2.png') no-repeat
scroll 0 0 #001C79;
width: 999px;
height: 579px;
color: #FFF
}
#footerv2 #siteLinks {
margin-left: 120px;
height: 170px;
padding-top: 20px
}
#footerv2 #siteLinks .column {
font-weight: 100;
float: left;
width: 160px;
height: 140px;
padding: 10px 5px 5px 5px
}
#footerv2 #siteLinks .column .heading {
font-weight: bold;
font-size: 14px;
margin-bottom: 8px
}
#footerv2 #siteLinks .column ul {
margin: 0;
padding: 0;
}
#footerv2 #siteLinks .column ul li {
margin: 0;
line-height: 15px;
padding: 0;
list-style: none;
}
#footerv2 #siteLinks a {
color: #FFF;
text-decoration: none
}
div.blue {
clear: both;
height: 2px;
background: url('//images.epromos.com/newimages/hrBg.jpg') repeat-x;
width: 95%;
margin: 0 auto
}
#footerv2 #locations {
margin-left: 120px;
height: 80px;
padding-top: 20px
}
#footerv2 #locations .location {
float: left;
width: 160px;
padding: 10px 5px 15px 5px
}
#footerv2 #guarantee {
font-size: 10px;
padding: 15px;
text-align: justify;
width: 960px;
}
#footerv2 #logos {
padding: 10px;
text-align: center
}
#footerv2 #copyright {
padding: 10px
}
#footerv2 #copyright a {
color: #FFF
}
#footerv2 #copyright p {
text-align: center
}
#skypedetectionswf iframe {
height: 0
}
#skypedetectionswf {
height: 0;
width: 0;
}
/* LEFT-NAV STYLES */
/* SHADE MENU */
ul.leftMenu,ul.leftMenu ul { /* text-align: left;
list-style-type: none;
margin: 0;
padding: 0 */
}
/* Heading, Closed */
ul.leftMenu a { /* display: block;
text-decoration: none */
}
ul.leftMenu li { /* margin-top: 1px;
float: left;
margin-right: 4px; */
}
ul.leftMenu li a,ul.leftMenu ul.leftMenu li a { /* color: #001e63;
border-top: solid thin #ccc;
background: url(//images.epromos.com/images/navItemClosed.jpg) no-repeat
left center;
font-weight: 700;
font-size: 11px;
padding: 2px 2px 2px 20px */
}
ul.leftMenu ul.leftMenu li a:hover { /* border-left: 0;
padding-left: .5em */
}
ul.leftMenu ul.leftMenu { /* border-left: 5px red solid */
}
ul.leftMenu a.active,ul.leftMenu ul.leftMenu li a.active,ul.leftMenu a.active:hover,ul.leftMenu ul.leftMenu li a.active:hover
{
/* background: url(//images.epromos.com/images/navItemOpen.jpg) no-repeat
left center;
color: #001e63;
text-decoration: none;
border-bottom: none;
border-top: solid thin #ccc */
}
div.panel {
border: none;
margin-top: 1px;
padding: 5px
}
ul.leftMenu div.panel a,ul.leftMenu div.panel li a:hover {
/* display: inline;
color: #666;
background: none;
border: none;
font-weight: 700;
margin: 0;
padding: 0 */
}
ul.leftMenu div.panel a:hover { /* color: #000;
text-decoration: underline */
}
ul.leftMenu ul li label,ul.leftMenu ul li span { /* font-weight: 400;
font-size: 11px */
}
ul.leftMenu ul li span { /* color: #0061c3 */
}
/* hNav.css */
#wrapper {
width: 999px;
background: #FFF;
height: 100%;
}
#header {
font-size: 12px;
width:999px;
}
.colmask {
min-height: 500px;
}
.autocomplete-w1 {
background: url(//images.epromos.com/newimages/shadow.png) no-repeat
bottom right;
position: absolute;
top: 0px;
left: 0px;
margin: 8px 0 0 6px;
}
.autocomplete {
border: 1px solid #999;
background: #FFF;
cursor: default;
text-align: left;
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
margin: -6px 6px 6px -6px;
}
.autocomplete .selected {
background: #F0F0F0;
}
.autocomplete div {
}
.autocomplete strong {
font-weight: normal;
color: #3399FF;
}
.autocomplete span {
color: red;
}
.catHead {
background: #000b5f;
height: 20px;
color: #fff;
margin: 0px;
padding-left: 5px;
width: 100%;
border: 1px solid #444;
}
.catHeadRight {
float: right;
padding-right: 10px;
}
.catHeadRight a {
color: #fff;
}
.catHeadLeft {
float: left;
font-weight: 700;
}
.cat {
font-family: Tahoma, Helvetica, sans;
font-size: 10px;
padding: 2px 5px;
border: 1px solid #999;
border-top: none;
border-right: none;
border-left: none;
}
.cat a {
text-decoration: none;
color: #001e63;
}
.cat:hover {
background: #eeeeee;
}
#headerTop {
width: 999px;
/* height: 155px; */
background: #FFF;
position:relative;
}
#headerTop #logo {
float: left;
}
#headerTop #headerRight {
float: left;
margin-left: 5px;
width: 705px;
}
#headerRight #account {
width: 100%;
height: 28px;
color: #000;
margin: 0 auto;
font-weight: normal;
float: right;
}
#headerRight #account ul {
float: right;
margin: 0 auto;
padding: 0;
padding-right: 10px;
}
#headerRight #account ul li {
list-style: none;
text-align: left;
float: left;
padding: 0;
padding-left: 15px;
margin: 0;
font-weight: bold;
color: #002176;
}
#headerRight #account ul li a {
color: #000;
text-decoration: none;
}
#headerRight #account ul li a.hover {
color: #000;
text-decoration: underline;
}
#headerRight #search {
float: left;
width: 340px;
height: 40px;
}
#headerRight #searchBox {
position: relative;
top: 4px;
left: -60px;
padding-left: 20px;
outline-color: #fff;
width: 247px;
border: none;
background: none;
color: #444;
}
#headerRight #topNavSearchButton {
position: relative;
float: left;
display: block;
left: 272px;
top: -2px;
width: 65px;
height: 22px;
border: none;
}
#tablineLinks #phoneNumber {
float: left;
color: #002176;
margin-left: 4px;
font-weight: bold;
font-size: 30px;
line-height:15px;
}
#tablineLinks #phoneNumber span {
float: left;
color: #000;
font-size: 11px;
text-transform: uppercase;
}
#menuItems {
background: #FFF;
padding-bottom: 0px;
}
#tabs {
background: #FFF url('//images.epromos.com/newimages/hnav/tabBG.jpg') repeat-x bottom left;
height: 25px;
float: left;
width: 100%;
}
#tabs img {
border: none;
}
#tabs ul {
height: 25px;
margin: 0;
padding: 0;
width: 100%;
}
#tabs ul li {
height: 100%;
text-align: left;
float: left;
list-style: none;
position: relative;
bottom: 0;
margin: 0px;
}
#tabs ul li a {
display: block;
}
a#tabProducts {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redProducts.png')
no-repeat;
position: relative;
z-index: 100;
}
/*a#tabProducts:hover, */
a#tabProducts:active,a#tabProducts.active {
background: url('//images.epromos.com/newimages/hnav/onProducts.png')
no-repeat;
z-index: 100;
}
a#tabTop100 {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redTop100.png')
no-repeat;
position: relative;
z-index: 90;
margin-left: -20px
}
/*a#tabTop100:hover, */
a#tabTop100:active,a#tabTop100.active {
background: url('//images.epromos.com/newimages/hnav/onTop100.png')
no-repeat;
z-index: 100;
}
a#tabServices {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redServices.png')
no-repeat;
position: relative;
z-index: 90;
margin-left: -20px
}
/*a#tabServices:hover, */
a#tabServices:active,a#tabServices.active {
background: url('//images.epromos.com/newimages/hnav/onServices.png')
no-repeat;
z-index: 100;
}
a#tabEducation {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redEducation.png')
no-repeat;
position: relative;
z-index: 80;
margin-left: -20px
}
/*a#tabEducation:hover, */
a#tabEducation:active,a#tabEducation.active {
background: url('//images.epromos.com/newimages/hnav/onEducation.png')
no-repeat;
z-index: 100;
}
a#tabSupport {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redSupport.png')
no-repeat;
position: relative;
z-index: 70;
margin-left: -20px
}
/*a#tabSupport:hover, */
a#tabSupport:active,a#tabSupport.active {
background: url('//images.epromos.com/newimages/hnav/onSupport.png')
no-repeat;
z-index: 100;
}
a#tabAboutUs {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/redAboutUs.png')
no-repeat;
margin-left: -20px
}
/*a#tabAboutUs:hover, */
a#tabAboutUs:active,a#tabAboutUs.active {
background: url('//images.epromos.com/newimages/hnav/onAboutUs.png')
no-repeat;
position: relative;
z-index: 100;
}
a#tabMyAccount {
width: 136px;
height: 25px;
background: url('//images.epromos.com/newimages/hnav/blueMyAccount.png')
no-repeat;
margin-left: -20px
}
/*a#tabMyAccount:hover, */
a#tabMyAccount:active,a#tabMyAccount.active {
background: url('//images.epromos.com/newimages/hnav/onMyAccount.png')
no-repeat;
position: relative;
z-index: 100;
}
#tablineLinks {
vertical-align: text-top;
width: 249px;
height: 25px;
position:absolute;
right:0;
bottom:63px;
}
#tablineLinks .contactInfo {
clear: both;
font-weight: bold;
width: 380px;
margin-left: -100px
}
#deal {
clear: both;
height: 31px;
width: 100%;
text-align: center
}
#deal img {
border: none
}
#content {
clear: both;
padding: 10px;
}
.redBold {
margin-top: 30px;
margin-left: 17px;
line-height: 30px;
padding-bottom: 0px;
width: 969px;
font-size: 20px;
color: #B60000;
margin-bottom: 7px;
}
#more-content-1 {
z-index: 1000;
}
/* end hNav.css */
/* megamenu.css */
#menuWrapper {
background: #FFF
url('//images.epromos.com/newimages/hnav/submenuBG.jpg') repeat-x
bottom left;
height: 29px;
width: 100%;
margin: 0 auto;
display: block;
position: relative;
z-index: 400;
}
.menu {
list-style: none;
width: 100%;
margin: 30px auto 0px 0px;
height: 43px;
padding: 0px 18px 0px 18px;
}
.menu li {
float: left;
text-align: center;
position: relative;
margin-right: 20px;
margin-top: 6px;
border: none;
}
.menu li.fullwidth {
position: static !important;
}
.menu li.nodrop:hover a {
padding: 0px;
}
.menu li a {
outline: 0;
text-decoration: none;
display: block;
}
.menu li:hover a {
position: relative;
z-index: 11;
}
.menu li:hover div a {
display: inline;
}
.menu li .drop {
padding-right: 27px;
}
.menu li:hover .drop {
padding-right: 27px;
}
/* Right aligned menu item */
.menu .right {
float: right;
right: 0;
margin-right: 0px;
}
.menu li.right:hover {
margin-right: -1px;
}
/* _______________________________________
02 DROP DOWN MENU
_______________________________________ */
/* Left & right aligned common styles */
.menu .dropdown_1column,.menu .dropdown_2columns,.menu .dropdown_3columns,.menu .dropdown_4columns,.menu .dropdown_5columns,.menu .dropdown_fullwidth
{
font: normal 12px Arial;
margin: 4px auto;
margin-left: 9px;
left: -999em;
background: #FFF;
position: absolute;
border: 1px solid #a2a2a2;
border-top: none;
border-left: none;
border-right: none;
padding: 10px 10px 5px 5px;
text-align: left;
-moz-box-shadow: 3px 1px 3px #a2a2a2, -3px 1px 3px #a2a2a2;
-webkit-box-shadow: 3px 1px 3px #a2a2a2, -3px 1px 3px #a2a2a2;
box-shadow: 3px 1px 3px #a2a2a2, -3px 1px 3px #a2a2a2;
}
/* Drop Downs Sizes */
.menu .dropdown_1column {
width: 145px;
}
.menu .dropdown_2columns {
width: 300px;
}
.menu .dropdown_3columns {
width: 455px;
}
.menu .dropdown_4columns {
width: 610px;
}
.menu .dropdown_5columns {
min-height: 200px;
width: 865px;
}
.menu .dropdown_fullwidth {
width: 920px;
}
/* Showing Drop Down on Mouse Hover - Left aligned */
.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns,.menu li:hover .dropdown_3columns,.menu li:hover .dropdown_4columns,.menu li:hover .dropdown_5columns
{
left: -1px;
top: 25px;
padding-left: 20px;
}
.menu li:hover .dropdown_fullwidth {
left: 21px;
top: 33px;
display: block;
}
/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li:hover .align_right {
left: auto;
right: -1px;
top: 25px;
}
.menu li.right:hover .dropdown_fullwidth {
right: 18px;
top: 33px;
}
/* Columns Sizes */
.menu .col_1,.menu .col_2,.menu .col_3,.menu .col_4,.menu .col_5,.menu .col_6
{
display: inline;
float: left;
position: relative;
margin-left: 10px;
}
.menu .col_1 {
width: 145px;
}
.menu .col_2 {
width: 300px;
}
.menu .col_3 {
width: 455px;
}
.menu .col_4 {
width: 610px;
}
.menu .col_5 {
width: 765px;
}
.menu .col_6 {
width: 920px;
}
/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
margin-left: 0;
clear: left;
}
/* _______________________________________
03 CONTENT STYLING
_______________________________________ */
.menu p,.menu h2,.menu h3 {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 21px;
text-align: left;
}
/* Standard lists styles */
#menuWrapper .menu li ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menuWrapper ul {
height: 29px;
margin: 0 auto;
padding: 0 0 0 10px;
}
#menuWrapper ul li.subHead {
height: 100%;
text-align: left;
float: left;
list-style: none;
position: relative;
bottom: 0;
padding: 0px 3px 0px 3px;
margin: 0px;
background: url('//images.epromos.com/newimages/hnav/menuSeparator.jpg')
no-repeat;
}
#menuWrapper ul li.subHead:first-child {
background: none;
}
#menuWrapper ul li.subHead a {
padding: 8px 5px 3px 5px;
color: #000;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
}
#menuWrapper ul li.subHead a:hover {
background: #FFF;
color: #cc0000;
}
#menuWrapper .menu li ul li {
font-size: 12px;
width: 100%;
position: relative;
padding: 0;
margin: 0;
float: left;
text-align: left;
/*background: url("//images.epromos.com/newimages/hnav/redArrow.jpg") no-repeat scroll 0 3px transparent; */
padding-bottom: 5px;
}
#menuWrapper .menu li ul li a {
padding: 0;
color: #000;
}
#menuWrapper .menu li ul li a:hover {
color: #cc0000;
}
.subCatColumn {
float: left;
width: 220px; /*width of each menu column*/
margin: 8px 0px 8px 0px;
}
.divColumn {
height: 140px;
float: left;
width: 1px; /*width of each menu column*/
background: url('//images.epromos.com/newimages/hnav/divider.jpg')
no-repeat 0px center;
}
.shopByColumn {
float: left;
width: 150px; /*width of each menu column*/
text-transform: uppercase;
font-weight: bold;
/*background:url('//images.epromos.com/newimages/hnav/shopByBG.jpg') no-repeat center center;*/
}
.shopByColumn h3 {
font: bold 12px arial, sans-serif;
color: #000066;
text-transform: none;
margin: 6px 0px 4px 0px;
padding: 0;
}
.prodColumn {
padding-left: 10px;
float: left;
margin-top: 10px;
width: 120px; /*width of each menu column*/
height: 160px;
margin-bottom: 30px;
color: #000066;
}
.prodColumn .megamenuProdImg {
width: 120px;
text-align: center;
}
.prodColumn .megamenuProdImg img {
width: 100px;
height: 100px;
text-align: center;
}
.prodColumn .megamenuProdText {
width: 120px;
text-align: center;
}
.prodColumn .megamenuProdText a {
color: #000066;
}
.prodColumn .megamenuProdText a:hover {
color: #cc0000;
}
.prodColumn p {
padding: 0;
margin: 0;
height: 40px;
overflow: hidden;
font: 12px Arial;
line-height: 14.4px;
}
.prodColumn .price {
color: #cc0000;
width: 120px;
text-align: center;
}
.menu .pens {
margin-left: 70px;
}
.menu .seeAll {
margin-left: 820px;
}
.menu .terms {
margin-left: 375px;
}
/* end megamenu.css */
/* subcat.css */
#leftBar {
float: left;
font-family: arial,sans-serif;
font-size: 12px;
margin-bottom: 20px;
text-align: left;
width: 220px;
margin-left:18px;
}
#leftBar .heading {
color: #001e63;
font-weight: bold;
float:left;
}
#leftBar .clear {
font-weight: bold;
text-align: right;
float:right;
}
#leftBar .clear a {
text-decoration: none;
color: #b60000
}
#leftBar .filter span {
font-weight: bold;
}
#leftBar a {
text-decoration: none;
color: #001e63;
}
#leftBar .link {
padding-left: 0px;
color: #001e63;
cursor: pointer;
background-color: #fff;
font-size: 11px;
border: 0;
font-weight: normal;
display: inline;
}
#leftBar #leftSearch {
border-bottom: solid 1px #ccc;
background: url('//images.epromos.com/newimages/sidebarGradient.png')
repeat-x center bottom;
width: 227px;
height: 56px
}
#leftBar #filters {
width: 100%;
background: #fff;
clear: both;
}
#leftBar #filters .keyword, #leftBar #filters .searchTerm, #leftBar #filters .crumbTrail {
clear:both;
}
#leftBar .filter ul {
list-style-type: none
}
#specialFilters {
color: #001e63;
font-weight: bold;
font-size: 14px;
margin-top: 5px;
}
#leftBar .leftMenu > li {
border: 3px solid #ececec;
margin-bottom: 8px;
padding-bottom: 0px;
}
#pageContent #leftBar ul.leftMenu a.filterGroupLabel {
background-color: #ececec;
padding-left: 15px;
font-size: 14px;
}
#leftBar .filterGroupLabel:before {
content: '';
border-left: 7px solid #001363;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid transparent;
display: inline-block;
vertical-align: middle;
}
#leftBar .filterGroupLabel {
background: transparent;
}
#leftBar ul.leftMenu a.active:before, #leftBar ul.leftMenu ul.leftMenu li a.active:before, #leftBar ul.leftMenu a.active:hover:before, #leftBar ul.leftMenu ul.leftMenu li a.active:hover:before{
border-left: 7px solid transparent;
border-top: 7px solid #001363;
margin-right: 3px;
margin-left: -3px;
vertical-align: bottom;
}
#leftBar ul.leftMenu a.active, #leftBar ul.leftMenu ul.leftMenu li a.active, #leftBar ul.leftMenu a.active:hover, #leftBar ul.leftMenu ul.leftMenu li a.active:hover{
background: transparent;
}
#leftBar ul.leftMenu ul{
padding: 10px 5px 10px 15px;
}
#leftBar ul.leftMenu > li > ul > li > div > span {
color: #999999;
}
.ti-icon {
background: url(//images.epromos.com/newimages/best-sellers-sale-icons.png) no-repeat;
width: 14px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.on-sale {
background-position: 0px -21px;
}
/* navigation fixes */
.paginationBar #bottomPage a img {
vertical-align: middle !important;
}
#pageButtons a img {
vertical-align: middle !important;
}
#viewAs .viewChangeButton {
vertical-align: middle !important;
}
#leftBar .ti-hide-me{
display: none;
}
#priceGo {
background: #fff;
border: 0px;
padding: 0px;
}
#subCatIntro {
width: 800px;
float: right;
}
#subCatIntro h1 {
position: relative;
left: 20px;
top: 12px;
color: #b60000;
margin: 0 0 20px 0;
font-size: 15pt;
width: 700px;
text-align: left;
}
#subCatIntro p {
color: #001E63;
position: relative;
left: 20px;
font-size: 9pt;
width: 750px;
text-align: left;
overflow: hidden
}
#subCatIntro #subCatHero {
position: relative;
float: right;
top: -150px;
height: 189px;
width: 260px;
float: right;
}
#clickToCall {
float: right;
width: 791px;
height: 70px;
background: url('//images.epromos.com/newimages/clicktocall.jpg')
no-repeat;
text-indent: -9999px
}
#clickToCall a {
display: block;
position: relative;
top: 16px;
left: 406px;
width: 165px;
height: 34px
}
#wowService {
float: right;
width: 786px;
height: 47px;
background:
url('//images.epromos.com/newimages/wowService/smallwow.jpg')
no-repeat
}
#wowService a {
text-indent: -9999px;
display: block
}
#wowService a#wowemail {
width: 100px;
height: 28px;
display: block;
position: relative;
top: 19px;
right: 97px;
float: right
}
#wowService a#wowskype {
width: 75px;
height: 33px;
display: block;
position: relative;
top: 17px;
right: 62px;
float: right
}
#bestMatchCats {
width: 770px;
padding-bottom: 10px;
margin-bottom: 5px
}
#bestMatchCats h4 {
margin: 3px 0px 3px 5px;
color: #000;
font-family: arial, sans-serif;
font-size: 13px;
text-align: left;
}
#bestMatchCats #innerBox {
margin: 0 auto;
width: 760px;
}
#bestMatchCats #innerBox a {
text-decoration: none;
color: #001e63;
font-weight: bold;
overflow: hidden
}
#productLocations {
width: 770px;
padding-bottom: 5px;
margin-bottom: 5px
}
#productLocations h4 {
margin: 3px 0px 3px 5px;
color: #000;
font-family: arial, sans-serif;
font-size: 13px;
text-align: left;
}
#productLocations #innerBox {
margin: 0 auto;
width: 760px;
height: 40px
}
#productLocations .resultColumn {
float: left;
width: 230px;
text-align: left;
padding-right: 20px;
font-size: 12px;
}
#productLocations .resultColumn:last-child {
padding: 0;
}
#productLocations .resultColumn a {
text-decoration: none;
color: #001e63;
font-weight: bold;
overflow: hidden
}
#productLocations .resultColumn a span {
float: right
}
#viewAs {
position: relative;
float: left;
margin-right:10px;
}
.paginationBar #bottomPage {
position: relative;
text-align: center;
height:38px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.paginationBar #bottomPage a {
font-size: 9pt;
text-decoration: none;
color: #000;
}
.paginationBar #bottomPage a.selected {
color: #b60000;
cursor:pointer;
font-weight: bold;
}
.paginationBar #bottomPage a img {
padding-bottom: 1px;
vertical-align: middle;
}
#searchedFor span {
text-decoration: none;
color: #b60000;
font-weight: bold;
}
#products {
width: 733px;
float: right;
}
/*Grid Styles */
.grid .prodRow {
height: 205px;
}
.grid .prod {
text-align: center;
width: 195px;
float: left;
padding-left: 2px;
padding-top: 15px;
font-size: 12px;
line-height: 13px
}
.grid .prod img {
border: none
}
.grid .prod a {
text-decoration: none;
color: #001e63;
}
.grid .prod .title {
text-align: center;
font-weight: bold;
width: 156px;
height: 40px;
overflow: hidden;
margin: 0 auto;
}
.grid .prod .price {
text-align: center;
display: block;
color: #b60000;
font-weight: bold;
padding: 5px;
}
/*List Styles */
.list .prod {
border-bottom: 1px dotted #CCCCCC;
clear: both;
float: left;
font-size: 10pt;
line-height: 20px;
padding-top: 10px;
}
#products.list {
width:100%;
}
.list .prod a {
text-decoration: none;
/* color: #001e63; */ 
}
.list .prod .prodImg {
position: relative;
float: left;
width: 105px;
height: 100%;
text-align: center
}
.list .prod img {
border: none
}
.list .prod .info {
text-align: left;
float: left;
width: 450px;
padding-left: 10px;
}
.list .prod .title {
color: #001e63;
font-weight: bold;
height: 20px;
overflow: hidden;
margin: 0;
width: 100%
}
.list .prod .description {
}
.list .prod table {
border: thin solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
border-collapse: collapse;
}
.list .prod th {
background-color: #ccc;
padding-right: 5px;
}
.list .prod td {
padding-right: 10px;
}
.list .prod .shipsIn span {
color: #001e63;
}
.list .prod .buttons {
width: 100px;
float: right
}
.list .prod .buttons img {
border: none;
float: right;
padding: 2px;
}
.list .prod .buttons .topRow {
height: 40px;
}
.list .prod .buttons .bottomRow {
/* height: 60px; */
}
.list .prod div.prodsku {
position: absolute;
text-align: center;
margin: 0 auto;
bottom: 0;
font-size: 10px;
width: 105px;
height: 15px;
color: #193c71
}
.dottedDivider,#products .dottedDivider {
clear: both;
margin: 0 auto;
width: 765px;
border: 1px solid #CCC;
border-top: none;
border-right: none;
border-left: none;
padding-top: 10px;
margin-bottom: 8px;
}
/* mouse_over_popup*/
#interface1 {
z-index: 1;
}
#loader_container {
text-align: center;
position: absolute;
top: 40%;
width: 100%
}
#loader {
font-family: Tahoma, Helvetica, sans;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
padding: 10px 0 16px 0;
margin: 0 auto;
display: block;
width: 135px;
border: 1px solid #6A6A6A;
text-align: left;
z-index: 255;
}
#progress {
height: 5px;
font-size: 1px;
width: 1px;
position: relative;
top: 1px;
left: 10px;
background-color: #9D9D94
}
#loader_bg {
background-color: #EBEBE4;
position: relative;
top: 8px;
left: 8px;
height: 7px;
width: 113px;
font-size: 1px
}
.border_preview {
z-index: 100;
position: absolute;
background: #fff;
border: 1px solid #444;
}
.preview_temp_load {
vertical-align: middle;
text-align: center;
padding: 10px;
}
.preview_temp_load img {
vertical-align: middle;
text-align: center;
}
.title_h2 {
padding: 12px;
color: #001e63;
font-size: 16px;
}
#resultsContent {
padding: 0 18px 18px 18px;
}
.highlightedText {
color: #b60000;
}
#searchTerm {
margin-bottom: 60px;
}
#searchBoxHeader {
margin-bottom: 10px;
}
#reSearchBox {
width: 300px;
float: left;
margin-right: 10px;
margin-top: 1px;
padding: 2px;
}
#assistance {
font-size: 14px;
}
#searchSubscribe {
float: right;
padding: 0;
overflow: hidden;
width: 280px;
height: 260px;
margin-top: -80px;
padding-left: 20px;
}
#searchSubscribe #sideBarSub {
height: 150px;
}
/* end subcat.css */
/* browseProducts.css */
.colmask {
position: relative; /* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 999px; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
background-color: #FFF
}
.fullpage .col1 {
width: 999px;
background-color: #FFF
}
h3.related {
margin-left: 15px
}
#pageContent {
width: 100%;
padding-bottom: 20px
}
#pageContent h1 {
border: none;
width: 969px;
font-size: 24px;
}
#rightSideContent {
float: right;
clear: none;
width: 730px;
padding-bottom: 45px;
margin-right: 10px;
}
.paginationBar a.active {
font-weight: bold;
color: #cf1111
}
#productGrid {
float: right;
}
#rightSideContent #productGrid {
width:730px;
}
#product-rest-info #productGrid {
width:100%;
}
#productGrid .productSquare, #product-similar .productSquare {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #FFFFFF;
background-color: #fff;
float: left;
margin-left: 0;
/*margin-right: 1%;*/
position: relative;
text-align: center;
border: 1px solid #FFFFFF;
}
#productGrid .productSquare {
height: 290px;
padding: 5px;
/*margin-right: 5%;*/
margin-bottom:45px;
margin-top:10px;
}
#product-similar .productSquare {
height: 280px;
margin-bottom: 16px;
padding: 5px 5px 10px 5px;
}
#productGrid .productSquare {
width:175px;
}
#product-similar .productSquare, #productCurrent {
width: 200px;
}
#productGrid .productSquare:hover, #product-similar .productSquare:hover {
border: 1px solid #f1f1f1;
}
#productGrid .quickView {
background: url('//images.epromos.com/newimages/quickViewBackgroundBG.png') repeat-x center bottom;
}
.productSquareTop {
min-height:72px;
}
#productGrid .productSquare .prodImg, #product-similar .productSquare .prodImg {
width: 220px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
height:150px;
clear:both;
}
#productGrid .productSquare .prodFlag, #product-similar .productSquare .prodFlag {
z-index: 3;
height:17px;
position:absolute;
top:5px;
left:5px;
}
#productGrid .productSquare .prodHead, #product-similar .productSquare .prodHead {
min-height:80px;
}
#productGrid .productSquare .prodName, #product-similar .productSquare .prodName {
font-size: 13px;
font-weight: bold;
line-height: 15px;
overflow: hidden;
line-height: 18px;
height: 54px;
clear: both;
text-align:left;
margin-bottom:3px;
}
#productGrid .productSquare .prodAction, #product-similar .productSquare .prodAction {
height: 45px;
padding-top: 5px;
padding-bottom: 9px;
width: 160px;
margin: 0 auto;
line-height: 15px;
overflow: hidden
}
#productGrid .productSquare .asLowAs, #product-similar .productSquare .asLowAs {
display: block;
color: #CE0000;
float: left;
font-size:12px;
line-height:15px;
}
#productGrid .productSquare .asLowAsPrice, #product-similar .productSquare .asLowAsPrice {
font-weight:bold;
}
#productGrid .productSquare .prodSku, #product-similar .productSquare .prodSku {
border-left: 1px solid #333333;
color: #333333;
float: right;
height: 15px;
line-height: 15px;
/*margin-left: 5px;*/
padding-left: 8px;
}
.asLowAs, .prodSku {
letter-spacing: 0;
font-size:11px;
}
.paginationBar #bottomPagination a {
font-weight: bold;
color: #000
}
.paginationBar #bottomPagination a.active {
color: #cf1111
}
#categoryDescription, #categoryDescriptionTop {
width: 98%;
float: right;
}
#categoryDescription h2, #categoryDescriptionTop h2 {
color: #031363;
font-size: 14px;
margin-top: 10px;
margin-bottom: 5px
}
#categoryDescription p, #categoryDescriptionTop p {
color: #000;
width: 100%;
padding: 0;
font-weight: normal;
line-height: 13px;
font-size: 12px;
padding-bottom: 5px;
}
#categoryDescription .call {
margin-top: 8px;
color: #031363;
font-weight: bold
}
#categoryDescription .call a {
color: #031363;
text-decoration: none
}
#bottomLinks {
float: right;
margin: 20px 0;
width: 98%;
}
#bottomLinks #linksImage {
width: 731px;
height: 27px;
border-bottom: solid 1px #ccc
}
#bottomLinks h3 {
color: #031363;
margin-top: 10px
}
#bottomLinks ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 10px
}
#searchLinks {
width: 227px;
border-bottom: solid 1px #CCC;
text-transform: uppercase
}
#searchLinks ul {
list-style: none;
margin: 5px 0px 5px 6px;
padding: 0;
color: #031363;
font-weight: bold
}
#guarantee {
clear: both;
font-size: 10px;
padding: 10px;
width: 960px;
margin: 0 auto
}
#footerv2 {
clear: both
}
/* browseProducts.css */
/* productPage.css */
/*PRODUCT PAGE-SPECIFIC STYLES*/
#productHeading {
min-height: 60px;
max-height: 120px;
width: 95%;
margin: 0 auto;
border-bottom: dotted thin #a6a6a6;
overflow: hidden;
}
#productHeadingLeft {
width: 74%;
float: left;
}
#productHeadingRight {
padding-top: 5px;
width: 25%;
float: left;
}
#productHeadingRight img {
float: right;
padding: 3px;
}
#productHeading h1 {
margin-left: 0;
margin-top: 5px;
color: #B60000;
}
#subtitle {
font-size: 18px;
font-weight: normal;
color: #11376f
}
#sku {
color: #666;
font-size:12px;
}
#productMain {
width: 95%;
margin: 0 auto;
}
#productLeft {
width: 83%;
float: left;
padding: 5px;
}
#productRight {
width: 15%;
float: left;
}
#guarantee {
width: 99%;
padding: 3px;
text-align: center;
}
#guarantee hr {
width: 55%;
}
#productTop {
height: 420px;
width: 99%;
}
#productImages {
width: 350px;
text-align: center;
height: 400px;
float: left
}
#productDescr {
float: right;
width: 403px;
padding-top: 6px;
}
#productDescr p {
line-height: 15px;
width: auto;
padding: 0;
}
#productDescr span a {
text-decoration: none;
font-weight: bold;
color: #002663
}
#productActions {
float: right;
width: 403px;
height: 133px;
background: none;
border: solid thin #ccc;
margin-top: 10px;
}
#productActionsTop {
width: 403px;
margin-top: 8px;
text-align: center;
padding-bottom: 2px;
border-bottom: solid 1px #ccc
}
#productActions a {
text-indent: -9999px;
display: block
}
#wishlist {
clear: left;
width: 185px;
top: 33px;
margin: 0 auto;
float: left;
border-right: solid 1px #ccc;
height: 50px;
position: inherit;
top: auto;
padding-left: 10px;
padding-top: 8px
}
#wishlist form select {
display: block;
float: left;
height: 22px;
margin-top: 1px;
}
#wishlist form input {
display: block;
float: right;
height: 24px;
}
#message {
position: relative;
top: 65px;
width: 206px;
height: 100px;
line-height: 15px;
font-size: 14px;
margin: 0 auto;
color: #002663
}
#message span {
text-transform: uppercase;
font-size: 14px;
font-weight: 900
}
#message img {
float: left;
border: none
}
#message #clickToCall {
text-indent: 0px;
}
#zoomLink {
left: 300px;
position: absolute;
top: 430px;
width: 200px;
z-index: 50
}
#zoomLink img {
border: none
}
#zoomLink a {
text-decoration: none
}
#additionalInfo p {
padding: 0;
width: auto;
}
/*Tabs*/
#productBottom {
width: 99%;
margin: 0px;
border: none;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
margin-left: -2px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
/*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: #666666;
display: block;
font-size: 14px;
padding: 0 20px;
border: 1px solid #fff;
/*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;
}
html ul.tabs li.active,html ul.tabs li.active a:hover {
/*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff;
/*--Makes the active tab look like it's connected with its content--*/
}
ul.tabs li.active a {
color: #002663
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left;
width: 100%;
background: #fff;
padding-bottom: 10px
}
.tab_content {
padding: 20px;
font-size: 12px;
}
.tab_content #priceTable {
float: left;
width: 550px
}
.tab_content table {
font: normal 12px/17px arial, verdana, sans-serif;
border-collapse: collapse;
width: 500px;
text-align: center
}
.tab_content table th {
font-weight: normal;
color: #FFF;
background-color: #001488;
border-width: 1px;
padding: 2px;
border-style: inset;
border: solid thin #FFF
}
.tab_content table .left {
text-align: left
}
.tab_content table td {
color: #000;
background-color: #ffffff;
border-width: 1px;
border-style: inset;
border: solid thin #ccc
}
.tab_content table td:first-child {
text-align: left;
padding-left: 5px
}
.tab_content table th:first-child {
padding-left: 5px
}
.tab_content table tr.strikeRow td {
text-decoration: line-through
}
.tab_content table tr.strikeRow td:first-child {
text-decoration: none
}
.tab_content table tr.saleRow td {
color: red
}
.tab_content p {
line-height: 15px;
}
/*Delete?*/
.tab_content table tr.red td {
color: #cd1200
}
.tab_content table tr.red td.blue {
color: #001488
}
.tab_content #priceTable span {
padding-left: 10px;
font-weight: bold;
color: #001488
}
.tab_content #priceTable span a {
text-decoration: none;
color: #0038dd
}
.tab_content #additionalInfo {
float: left;
width: 180px
}
.tab_content #additionalInfo h6 {
font: normal 18px arial, verdana, sans-serif;
color: #002663;
margin: 0;
margin-bottom: 5px
}
.tab_content #additionalInfo a {
color: #000;
text-decoration: none
}
.tab_content #additionalInfo a:hover {
color: #001e63;
text-decoration: none
}
.tab_content #bottomInfo {
clear: both;
width: 700px;
}
.tab_content #bottomInfo .column {
width: 700px;
float: left
}
.tab_content #bottomInfo .prodTime {
background: url('//images.epromos.com/newimages/productiontime.gif')
no-repeat left center;
}
.tab_content #bottomInfo p {
width: 700px;
padding-left: 35px;
margin: 0;
margin-bottom: 5px
}
.tab_content #bottomInfo table {
width: 675px;
margin: 0;
margin-left: 32px;
margin-bottom: 5px
}
#menuRelated {
font: bold 11px/15px arial, helvetica, sans-serif;
width: 200px;
border-right: solid thin #ccc;
border-bottom: solid thin #ccc
}
#menuRelated ul {
list-style: none;
margin: 0;
margin-bottom: 8px;
padding: 0;
padding-left: 10px;
width: 100%;
}
#menuRelated ul li {
width: 180px;
padding-left: 10px;
}
#menuRelated ul li.top {
color: #002663;
padding-left: 0px;
font-size: 12px;
line-height: 13px;
margin-top: 9px;
padding-bottom: 4px;
margin-bottom: 3px;
border-bottom: dotted thin #ccc
}
#menuRelated ul li.first {
margin-top: 0;
padding-top: 5px;
}
#menuRelated a {
color: #333;
text-decoration: none;
}
#menuRelated a:hover {
color: #FFF;
background: #002663;
}
#menuRelated ul li.top a {
color: #002663
}
#menuRelated ul li.top a:hover {
color: #FFF
}
#menuRelated form {
width: 200px;
padding-bottom: 10px
}
#menuRelated form select {
margin-left: 10px;
width: 180px;
margin-bottom: 4px
}
.tab_content #priceTable span#pricingNotes {
color: #000;
margin: 0;
padding: 0;
font: Arial, Helvetica, sans-serif;
font-size: 13px
}
#relatedProducts {
width: 155px;
text-align: center;
}
#relatedProducts .tabBox {
border-top: none;
clear: both;
width: 155px;
background: #fff;
}
ul.tabs2 {
margin: 0;
padding: 0;
float: left;
list-style: none;
/*height: 16px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
width: 100%;
border-left: 1px solid #999;
}
ul.tabs2 li {
float: left;
margin: 0;
padding: 0;
border: 1px solid #999;
border-left: none;
position: relative;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
}
ul.tabs2 li a {
text-decoration: none;
color: #666666;
display: block;
font-size: 12px;
padding: 0 5px;
border: 1px solid #fff;
/*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs2 li a:hover {
background: #ccc;
}
html ul.tabs2 li.active,html ul.tabs li.active a:hover {
/*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff;
/*--Makes the active tab look like it's connected with its content--*/
}
ul.tabs2 li.active a {
color: #b60000
}
.prod {
text-align: center;
width: 99%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 15px;
}
.prod img {
border: none
}
.prod a {
text-decoration: none;
color: #001e63;
}
.prod .productActionButton {
color:#fff;
}
.prod .title {
text-align: center;
font-weight: bold;
margin: 0 auto;
}
.prod .price {
text-align: center;
display: block;
color: #b60000;
font-weight: bold;
padding: 5px;
}
#crumbsProd {
margin-top: 10px;
font-size: 9pt;
text-align: left
}
#crumbsProd a {
text-decoration: none;
color: #000
}
#crumbsProd a.current {
color: #e31937;
font-weight: bold
}
.article {
width: 675px;
height: 100px;
float: left;
}
.moreArticlesLink {
text-align: right;
}
/* end productPage.css */
/* banner.css */
.slideshow {
position: relative;
padding: 0;
margin: 0
}
.slideshow a img {
border: none;
margin: 0;
width: 693px;
height: 170px;
}
.slideshow li.slide {
list-style-type: none
}
.slideshow .slides {
width: 693px;
height: 170px;
margin: 0;
}
.slideshow .slides li.slide {
display: none;
position: absolute;
left: 0px;
top: 0;
}
.slideshow #buttonWrapper {
float: left;
background-color: #eee;
border: solid 1px #ccc;
padding: 2px;
position: relative;
height: 31px;
width: 688px;
padding-left: 2px;
}
.slideshow .buttons {
display: inline;
margin: 0;
padding: 0
}
.slideshow .buttons li {
float: left;
display: inline;
width: 130px;
height: 50px;
margin: 0;
line-height: 30px;
background-repeat: no-repeat;
padding: 0
}
.slideshow .buttons li a {
float: left;
background-color: #4b4b4b;
text-decoration: none;
width: 125px;
height: 30px;
color: #fff;
outline: 0;
text-align: center;
border: solid 1px #eee;
font-weight: bold
}
.slideshow ul.buttons li a:hover {
text-decoration: underline;
}
.slideshow ul.buttons li.active a:hover,.slideshow ul.buttons li.active a
{
color: #fff;
background-image:
url(//images.epromos.com/newimages/homepage/progressBlue.gif);
height: 30px;
background-repeat: no-repeat;
background-position: -125px 0
}
.slideshow a#slidesPausePlay img {
width: 20px;
height: 50px
}
.slideshow a#slidesPausePlay {
outline: 0;
padding-right: 5px;
margin: 6px 5px 0 5px;
line-height: 30px;
width: 20px;
height: 30px;
float: left
}
.slideshow a#slidesPausePlay {
cursor: pointer
}
.slideshow a#slidesPausePlay img.slidesPause {
background: url(//images.epromos.com/newimages/homepage/PlayPause.png)
no-repeat top right
}
.slideshow a#slidesPausePlay img.slidesPlay {
background: url(//images.epromos.com/newimages/homepage/PlayPause.png)
no-repeat top left
}
.slide a:visited,.slide a:link {
text-decoration: none
}
.slide a:hover {
cursor: pointer
}
/* end banner.css */
#more-content-1 {
display: none; /* required */
position: fixed; /* required */
padding: 15px;
top: -10px;
left: -110px;
border: 1px solid black;
background-color: #CCC;
width: 500px;
z-index: 200
}
#more-content-1 p {
width: 100%
}
#productActions a {
display: inline;
padding-left: 5px;
padding-right: 5px;
}
#wishlist form select {
width: 115px
}
#wishlist form input {
float: none
}
.productActionButtons {
height: 50px;
padding-top: 8px;
float: left;
width: 68px;
text-align: center;
border-right: solid 1px #ccc
}
.productActionButtons img {
border: none
}
#productBottom .tab_container {
float: right
}
#relatedProducts .tabBox {
width: 155px
}
ul.tabs2 {
height: auto
}
ul.tabs2 li {
font-size: 14px;
width: 68px
}
ul.tabs2 li.active {
width: 69px
}
ul.tabs2 li.active a {
font-weight: bold;
color: #ff0000
}
/*Home Page-Specific Styles*/
/*--CAROUSEL--*/
.carousel .contentdiv img {
width: 799px;
height: 170px
}
.paging {
position: relative;
bottom: 50px;
right: 20px;
width: 178px;
height: 47px;
z-index: 25;
text-align: center;
line-height: 40px;
display: none
}
.paging a {
text-decoration: none;
color: #0621a5;
background: #FFF;
border: 1px solid gray;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 5px
}
.paging a:hover {
font-weight: 700
}
.carousel {
width: 799px;
height: 217px
}
.carousel img {
border: none
}
.paginationTop {
width: 400px;
text-align: left;
float: left;
padding-left: 15px;
position: relative;
top: -30px;
margin-bottom: -20px
}
.paginationTop a {
font-weight: 700;
text-decoration: none;
color: #0621a5;
background: #FFF;
border: 1px solid gray;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 5px
}
.paging a.active,.paginationTop a:hover,.paginationTop a.selected {
font-weight: 700;
color: #FFF;
background: #0621a5;
border: 1px solid #0621a5;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px
}
#awardsLink {
width: 182px;
height: 22px;
display: block;
position: relative;
top: 133px;
left: 18px
}
/*Homepage - eDeal Row*/
#dealsHome {
clear: both;
width: 799px;
height: 187px;
border-bottom: thin solid #ccc
}
#dealsHome img {
border: none
}
#dealsHome a {
text-decoration: none
}
#deals3 {
width: 459px;
float: right
}
#deals1,#deals2 {
width: 160px;
height: 187px;
border-right: thin solid #ccc;
text-align: center;
float: left
}
/*Homepage - Red Icons*/
#iconsHome {
clear: both;
width: 799px;
height: 110px
}
#imgContainer {
width: 765px;
height: 110px;
position: relative;
top: 5px;
text-align: center;
margin: 0 auto
}
#iconsHome #imgContainer a {
width: 85px;
display: block;
float: left;
line-height: 14px;
text-decoration: none;
color: #666
}
#iconsHome #imgContainer img {
width: 83px;
height: 68px;
border: none
}
/*Homepage - Hot Products*/
#hotProductsHome {
width: 799px;
height: 290px
}
#hotProductsHome a,#hotProductsHome img {
border: none;
text-decoration: none
}
.product {
line-height: 15px;
display: inline;
float: left;
padding-top: 25px;
text-align: center;
width: 131px;
height: 220px
}
a.productName {
margin-top: 15px;
display: block;
height: 18px;
color: #001e63
}
.productPrice {
display: inline;
color: #e31937;
font-weight: 700
}
img.getASample {
width: 129px;
height: 30px
}
/*Homepage - Why ePromos */
#whyEpromosHome {
float: left;
line-height: 13px;
width: 700px;
margin-top: 20px;
margin-left: 2px;
color: #001e63
}
.whyEpromosContent h4 {
font-weight: 700;
text-align: left;
font-size: 14px;
margin: 2px auto 8px 15px
}
.whyEpromosContent p {
font-size: 11px;
text-align: justify;
width: 659px;
margin: 0 8px 9px;
}
.whyLink {
margin: 5px auto 5px 15px
}
.whyLink a {
color: #e31937;
font-weight: 700;
text-decoration: none
}
.whyEpromosContent h1,.whyEpromosContent h2,.whyEpromosContent h3 {
font-weight: 700;
text-align: left;
line-height: 13px;
height: 13px;
font-size: 14px;
margin: 2px auto 8px 15px
}
.sliderwrapper {
position: relative;
width: 689px;
height: 200px
}
.sliderwrapper .contentdiv {
visibility: visible;
display: none; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
width: 689px;
/*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=100 );
-moz-opacity: 1;
opacity: 1
}
.pagination {
width: 400px;
/*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
float: right;
padding-right: 15px;
position: relative;
top: -30px
}
.pagination a {
font-weight: 700;
text-decoration: none;
color: #0621a5;
background: #FFF;
border: 1px solid gray;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 5px
}
.pagination a:hover,.pagination a.selected {
font-weight: 700;
color: #FFF;
background: #0621a5;
border: 1px solid #0621a5;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px
}
.rating-star {
width: 13px;
height: 12px;
display: block;
}
.star-red {
background:
url("//images.epromos.com/newimages/productPage/star-red.png")
no-repeat;
}
.star-gray {
background:
url("//images.epromos.com/newimages/productPage/star-gray.png")
no-repeat;
}
#simplemodal-overlay {
background-color: #000;
}
.red-text {
color: #ce4f41;
}
#imprintForm {
display: none;
position: absolute;
z-index: 1000;
background-color: #fff;
width: 500px;
min-height: 300px;
}
#shippingAddressList {
list-style: none;
padding: 0;
margin: 0;
clear: both;
}
#shippingAddressList li {
display: inline-block;
padding: 0;
margin: 0;
}
.order-build-shipping {
padding-left: 8px;
padding-right: 8px;
}
.selectedAddress {
outline: 2px solid black;
}
div.blockUI h1 {
margin: 0;
color: #fff;
font-size: 24px;
}
/* login modal 
===== */
#login-content {
display: none;
position: relative;
}
#login-modal {
padding: 17px 30px 30px 30px;
width: 500px;
background: #fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
height:520px;
}
#login-modal .simplemodal-data {
}
#login-modal a.modalCloseImg {
background: url(//images.epromos.com/newimages/modal/close-modal.png) no-repeat;
background-position: right;
width: 24px;
height: 26px;
display: inline;
z-index: 3200;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
#login-instructions {
color: #962a2a;
font-size: 18px;
}
#login-field-username {
border: 1px solid #000;
padding: 5px;
font-size: 18px;
line-height: 18px;
width: 250px;
}
#login-field-password {
border: 1px solid #000;
padding: 5px;
font-size: 18px;
line-height: 18px;
width: 250px;
}
#ajax-login-form label, #ajax-sign-form label {
display: inline-block;
font-size: 16px;
margin-bottom: 8px;
width: 30%;
}
#ajax-login-form input[type=text], #ajax-sign-form input[type=text], #ajax-login-form input[type=password], #ajax-sign-form input[type=password], #ajax-sign-form select {
width:68%;
display:inline-block;
font-size:16px;
margin-bottom:8px;
}
#login-field-btn, #signup-field-btn, #update-customer-btn, #review-field-btn {
position: relative;
width: 120px;
height: 44px;
color: #fff;
font-size: 12px;
font-weight:bold;
text-transform:uppercase;
display: inline-block;
background: url("//images.epromos.com/newimages/modal/login-btn.png") no-repeat;
border: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
float:right;
}
#login-form-actions {
float:right;
}
#login-content p {
font-size:18px;
}
#ajax-forgot-password-link {
margin-right:15px;
}
#favorite-content {
display: none;
}
#favorite-modal {
padding: 20px;
width: 810px;
background: #fff;
}
#favorite-modal .simplemodal-data {
}
#favorite-modal a.modalCloseImg {
background: url(//images.epromos.com/newimages/modal/close-modal.png) no-repeat;
background-position: right;
width: 24px;
height: 26px;
display: inline;
z-index: 3200;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
#favorite-header {
position: relative;
bottom:6px;
}
#favorite-name {
color: #01207b;
font-size: 18px;
margin-bottom: 5px;
}
#favorite-count {
color: #01207b;
font-size: 13px;
}
#favorite-share {
position: absolute;
right: 120px;
top: 0;
}
#favorite-products {
overflow: auto;
}
.favorite-product-name {
color: #000;
font-size: 18px;
}
.favorite-product-image {
padding: 5px 20px 5px 30px;
width:100px;
}
.favorite-product-image * {
max-width:100%;
}
.favorite-product-rating {
margin: 0;
padding: 0;
list-style: none;
float:left;
}
.favorite-product-rating li {
float: left;
padding: 0;
margin: 0 5px 0 0;
}
.favorite-product-reviews {
margin-left: 10px;
display: inline-block;
line-height: 20px;
}
.favorite-product-reviews {
color: #01207b;
}
.favorite-product-meta {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#favorite-pagination {
margin: 0;
padding: 30px 0 0 30px;
list-style: none;
}
#favorite-pagination li {
float: left;
padding: 0;
margin: 0 8px 0 0;
}
#favorite-done-btn {
display: block;
font-size: 16px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
}
.favorite-product-item {
padding: 3px 0;
}
.favorite-product {
padding: 10px 0;
height: auto;
overflow: hidden;
border-bottom: 1px solid #f7f7f7;
clear: both;
}
.favorite-product:last-child {
border-bottom: 0;
}
.favorite-left-col {
float: left;
}
.favorite-right-col {
margin-left: 150px;
}
#favorite-footer {
position: relative;
height: 60px;
overflow: hidden;
clear: both;
}
#favorite-products-list {
height: 400px;
overflow: auto;
}
#login-account {
border-top: 1px solid #000;
padding-top:10px;
}
select {
width: 225px;
}
#grid-product-filter-bar select {
width:auto;
}
.shippingInfo select {
width: 150px;
}
#login-account select {
width: 150px;
}
/* error modal
===== */
#error-content {
display: none;
}
#error-modal {
height: 100px;
width: 480px;
background: #fff;
padding: 50px;
}
#error-modal .simplemodal-data {
font-size: 18px;
line-height: 22px;
color: #000;
}
#error-modal a.modalCloseImg {
background: url(//images.epromos.com/newimages/modal/close-modal.png) no-repeat;
width: 24px;
height: 26px;
display: inline;
z-index: 3200;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.error-text-red {
color: #870c0c;
}
.swatch-color {
width: 23px;
height: 23px;
display: block;
border: 1px solid white;
}
#priceSliderContainer {
width: 210px;
}
.searchLinkItem {
clear:both;
}
#grid-filter-bar-checkboxes {
list-style: none;
padding: 0;
margin: 1px 15px 0 0;
float:left;
}
#grid-product-filter-pagination {
margin: 0;
padding: 0 0 0 0;
list-style: none;
display: inline-block;
vertical-align: middle;
float: right;
font-size: 13px;
}
#grid-product-filter-pagination a {
color: #b1053d;
}
#grid-product-filter-pagination li {
float: left;
padding: 0;
margin: 0 8px 0 0;
}
#grid-product-filter-bar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url("//images.epromos.com/newimages/filter-bg.png") repeat-x scroll 0 0 transparent;
background-image: url("//images.epromos.com/newimages/pagination-bar.png");
background-repeat: repeat-x;
background-color: #ebebeb;
/* border: 2px solid #CCCCCC; */
border-radius: 4px;
display: block;
height: 41px;
line-height: 38px;
margin-bottom: 10px;
padding: 0 15px;
position : relative;
width: 100%;
clear:both;
}
#leftBar select {
width: auto;
margin-left: 15px;
}
.prodImg img {
max-width: 100%;
max-height: 100%;
}
.productActionButton, .productActionButton:hover {
display: inline-block;
padding: 3px 6px;
margin-bottom:3px;
text-transform: uppercase;
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-weight:bold;
}
.moreInfoButton {
background-color: #0a0;
background-image: url("//images.epromos.com/newimages/more-info-btn-bg.png");
background-repeat: repeat-x;
}
.prodSwatches {
margin: 0;
padding: 0;
}
.colorSwatch, .swatchParent {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-moz-box-shadow: 0 0 1px #999999;
-webkit-box-shadow: 0 0 1px #999999;
box-shadow: 0 0 1px #999999;
border: 1px solid #333333;
display: inline-block;
height: 23px;
margin: 0 2px 2px 0;
width: 23px;
text-align:center;
font-weight:bold;
color: #FFF;
position:relative;
overflow:hidden;
}
#productCurrent {
position: absolute;
z-index: 5;
}
#productCurrent .productSquare /*, #productGrid .productSquare:hover */ {
-webkit-box-shadow: 0 0 6px 2px #888888;
-moz-box-shadow: 0 0 6px 2px #888888;
box-shadow: 0 0 6px 2px #888888;
height: auto;
/* min-height: 415px; */
/* overflow: hidden; */
overflow:visible;
padding: 5px;
/* width: 100%; */
}
#productGrid .productSquare.full {
-webkit-box-shadow: 0 0 6px 2px #888888;
-moz-box-shadow: 0 0 6px 2px #888888;
box-shadow: 0 0 6px 2px #888888;
display:none;
min-height:415px;
overflow:hidden;
padding:5px;
background-color:#fff;
position:absolute;
z-index:10;
height:auto;
}
#productGrid .productSquareWrapper {
position:relative;
float:left;
margin-right:1%;
}
#productGrid .productSquareWrapper:hover .productSquare.full {
display:block;
}
.productSquare:hover .prodActions {
display:block;
}
.paginationBar {
background: url("//images.epromos.com/newimages/filter-bg.png") repeat-x top left;
border: 2px solid #CCCCCC;
float: left;
font-size: 20px;
height: 38px;
line-height: 34px;
/* margin-right: -11px; */
padding: 0;
width: 98%;
}
.fancySelect,.fancyOptions {
display: none;
}
div.fancySelect {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url("//images.epromos.com/newimages/filter-select-bg.png");
background-repeat: repeat-x;
border: 1px solid #AAAAAA;
border-radius: 2px 2px 2px 2px;
height: 26px;
line-height: 26px;
font-size : 14px;
padding-left: 10px;
padding-right: 20px;
position: relative;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
min-width:90px;
}
div.fancySelect+.fancySelect {
}
.fancySelectArrow {
background-image: url("//images.epromos.com/newimages/sub-filter-arrow.png");
background-repeat: no-repeat;
width: 4px;
height: 4px;
position: absolute;
right: 5px;
bottom: 5px;
}
.leftMenu {
list-style: none;
padding: 0;
margin: 0;
}
.leftMenu .filter {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.fancyOptions {
background-color: #FFFFFF;
border: 1px solid black;
-moz-border-radius: 2px 4px 4px 4px;
-webkit-border-radius: 2px 4px 4px 4px;
border-radius: 2px 4px 4px 4px;
padding: 4px 0;
position: absolute;
z-index: 10;
}
.fancyOption a {
padding: 8px;
display: block;
}
.fancyOption a:hover {
background-color: #eee;
}
#moreOptions {
float: left;
height: 26px;
line-height: 26px;
padding: 0 10px;
}
#moreOptions,#moreOptionsLink {
color: #CE4F41;
}
.viewChangeButton {
border: 1px solid #AAAAAA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius : 4px;
vertical-align: middle;
border-radius: 4px;
}
.viewChangeButton.selectedIcon {
background-color: #FCFCFC;
}
#grid-product-filter-bar select {
margin-top:10px;
}
.prodSwatchesHeader {
text-align:left;
margin-top:12px;
}
.gridViewProductFavoriteButton, .list .prod .listViewProductFavoriteButton {
text-decoration:underline;
text-transform: lowercase;
color: #006;
font-size: 12px;
font-family: arial, verdana, sans-serif;
}
#headerFavoritesDropdown {
background-color: #FFFFFF;
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: none;
margin-left: -20px;
padding: 10px;
position: absolute;
z-index: 500;
-moz-box-shadow: 0 3px 4px 0 #666666;
-webkit-box-shadow: 0 3px 4px 0 #666666;
box-shadow: 0 3px 4px 0 #666666;
}
#headerRight #account #headerFavoritesDropdownList li {
list-style: none;
text-align: left;
float: none;
padding: 0;
padding-left: 0;
margin: 0;
font-weight: normal;
color: #000;
clear:both;
}
#headerRight #account #headerFavoritesDropdownList li + li {
padding-top:10px;
}
a.understated {
color:#999;
}
.gridViewProductImage {
width:150px;
}
#pageButtons {
position: relative;
float: right;
display: block;
height: 43px;
line-height: 38px;
padding: 0 0;
}
#pageButtons a img { 
position: relative;
vertical-align: middle;
}
#pageButtons select { 
width: 100px;
position: relative;
margin-left: 4px;
}
#results {
float:right;
height:26px;
line-height:26px;
margin-bottom:6px;
margin-right:20px;
}
#repInfoLabel {
color:#001f7c;
text-transform:uppercase;
font-weight:bold;
}
#repInfo {
float: right;
position: relative;
top: 4px;
width: 350px;
}
#repInfoImage {
float: left;
margin-right: 10px;
}
#repInfoInfo {
padding-top: 3px;
width: 350px;
font-size:13px;
}
#headerRight #searchBox.loggedInSearchBox {
top:11px;
}
.favoriteDropdownImage {
width:60px;
float:left;
margin-right:5px;
}
.favoriteDropdownImage * {
max-width:100%;
}
.favoriteDropdownTitle {
line-height:16px;
font-weight:bold;
}
.favoriteDropdownPrice {
}
#headerRight #account #headerFavoritesDropdownList a {
color:#000066;
}
#sample-simplemodal-container {
width:900px;
height:600px;
padding:10px;
padding-top:32px;
}
.simplemodal-container {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-color:#fff;
}
#products.list .prod .title {
text-align: left;
}
.prod .buttons .bottomRow .productActionButton {
float: right;
}
.favoritesButtonLink, .favoritesButtonLink:hover {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding: 4px 9px;
font-size:14px;
line-height:16px;
color:#fff;
background-color: #74ac16;
background-image: url('//images.epromos.com/newimages/green-button-bg.png');
background-repeat: repeat-x;
background-size: contain;
cursor: default;
}
.favoritesStartOrderButton {
}
#sampleModalClose {
background: url(//images.epromos.com/newimages/modal/close-modal.png) no-repeat;
background-position: right;
width: 24px;
height: 26px;
display: inline;
z-index: 3200;
position: absolute;
top: 5px;
right: 4px;
cursor: pointer;
}
#hotProducts .productActionButton, #hotProducts .productActionButton:hover {
font-size:10px;
}
.buttonLink {
border-radius:3px;
display:inline-block;
padding:2px 9px;
}
#newsletterSubscribe a#homeSignUp {
background-color:#da000f;
color:#fff;
}
#why_1 p span, #why_2 p span, #why_3 p span {
font-family: arial,sans-serif !important;
}
iframe {
border:0;
}
.clearBoth {
clear:both;
}
.paginationNavLink {
position: relative;
top: -2px;
}
.floatRight {
float:right;
}
#logo {
width:275px;
}
#logoImage {
margin-left:18px;
}
.bottomPaginationButton {
border: 1px solid #999;
border-radius: 4px;
box-shadow: 0 0 2px #BBB;
padding: 6px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#c6c6c6));
background: -webkit-linear-gradient(#f2f2f2, #c6c6c6);
background: -moz-linear-gradient(#f2f2f2, #c6c6c6);
background: -ms-linear-gradient(#f2f2f2, #c6c6c6);
background: -o-linear-gradient(#f2f2f2, #c6c6c6);
background: linear-gradient(#f2f2f2, #c6c6c6);
height:27px;
line-height:14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pageNumber {
padding-left: 10px;
padding-right: 10px;
display:inline-block;
}
.swatchParent {
z-index:3;
overflow:hidden;
position:relative;
}
.topLeft {
width: 0;
height: 0;
position:absolute;
border-top-width: 23px;
border-top-style: solid;
border-right: 23px solid transparent;
top:0;
left:0;
}
.bottomRight {
width: 0;
height: 0;
position:absolute;
border-bottom-width:19px;
border-bottom-style:solid;
border-left: 23px solid transparent;
bottom:0;
right:0;
}
/* Three-color add-on */
.smallTopLeft {
width: 0;
height: 0;
left:0;
top:0;
position:absolute;
border-top-width: 12px;
border-top-style: solid;
border-right: 15px solid transparent;
}
.smallBottomRight {
width: 0;
height: 0;
right:0;
bottom:0;
position:absolute;
border-bottom-width:12px;
border-bottom-style:solid;
border-left: 15px solid transparent;
}
.middleColor{
width:100%;
height:100%;
}
.button, .button:hover {
border: 1px solid #DDDDDD;
display: inline-block;
padding: 4px 10px;
color:#000;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #eee 0px 0px 3px;
-moz-box-shadow: #eee 0px 0px 3px;
box-shadow: #eee 0px 0px 3px;
background: #eee;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee));
background: -webkit-linear-gradient(#fff, #eee);
background: -moz-linear-gradient(#fff, #eee);
background: -ms-linear-gradient(#fff, #eee);
background: -o-linear-gradient(#fff, #eee);
background: linear-gradient(#fff, #eee);
cursor:default;
}
#headerFavoritesLink {
padding:6px;
border:1px solid white;
}
#headerFavoritesLink.activated {
background-color: #FFFFFF;
border:1px solid #999;
padding-bottom: 4px;
position: relative;
z-index: 600;
border-bottom:none;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.prodSwatchesHeader, .prodSwatches {
display: none;
}
.productSquare.full:hover .prodSwatchesHeader, .productSquare.full:hover .prodSwatches {
display:block;
} 
.gridViewProductImage {
width:150px;
height:150px;
}
.clearFix {
clear:both;
}
span.error {
color:#da000f;
font-weight: bold;
}
.gridViewProductFavoriteButton {
clear:both;
}
/* LEFT-NAV STYLES */
/* SHADE MENU */
ul.leftMenu, ul.leftMenu ul {
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}
/* Heading, Closed */
ul.leftMenu a {
display: block;
text-decoration: none
}
ul.leftMenu li {
margin-top: 1px;
padding-bottom: 2px;
}
#specialFilters {
padding-top: 5px;
}
.leftMenu > li {
border-top: 1px solid #ccc;
}
.filterGroupLabel {
background: #FFF;
color: #001e63;
padding: 0.5em;
background: url("http://images2.epromos.com/newimages/navItemClosed.png") no-repeat left center;
padding-left: 1.3em;
font-weight: bold;
font-size: 13px;
}
ul.leftMenu ul.leftMenu li a:hover {
border-left: 0;
padding-left: 0.5em;
}
ul.leftMenu ul.leftMenu {
border-left: 5px #f00 solid;
}
ul.leftMenu a.active, ul.leftMenu ul.leftMenu li a.active, ul.leftMenu a.active:hover, ul.leftMenu ul.leftMenu li a.active:hover {
background: url("//images.epromos.com/newimages/navItemOpen.png") no-repeat left center;
color: #001e63;
text-decoration: none;
border-bottom: none;
}
div.panel {
border: none;
padding: 5px;
margin-top: 1px;
}
ul.leftMenu div.panel a, ul.leftMenu div.panel li a:hover {
display: inline;
color: #666;
background: none;
margin: 0;
padding: 0;
border: none;
font-weight: bold;
}
ul.leftMenu div.panel a:hover {
color: #000;
text-decoration: underline;
}
ul.leftMenu ul li label, ul.leftMenu ul li span {
font-weight: normal;
font-size: 11px;
}
ul.leftMenu ul li span {
color: #0061c3;
}
.prodActions {
clear: both;
}
.indentation30 {
padding-left: 30px;
}
.strong {
font-weight: bold;
}
.tempPageContent {
width: 100%;
margin: 0 0 60px 18px;
}
/* product page css */
#ti-product-sample-btn{
background-image: url("//images.epromos.com/newimages/productPage/product-sample-btn.png");
background-repeat: no-repeat;
}
.ui-draggable .ui-dialog-titlebar {
position: absolute;
width: 99%;
z-index: 3001;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
padding-top: 5px;
padding-bottom: 5px;
background: transparent;
border: 0px;
}
.ui-draggable .ui-dialog-titlebar span.ui-dialog-title {
display: none;
}
button.ui-dialog-titlebar-close {
top: 70%;
}
.prodFlag {
background: transparent url(//images.epromos.com/newimages/ep-flag-sprite.png) no-repeat;
}
.closeoutFlag {
background-position: -60px 0px;
width: 20px;
height: 68px !important;
}
.saleFlag {
background-position: -40px 0px;
width: 20px;
height: 68px !important;
}
.hotFlag {
background-position: -20px 0px;
width: 20px;
height: 68px !important;
}
.bestValueFlag {
background-position: -80px 0px;
width: 20px;
height: 68px !important;
}
.freeShippingFlag {
background-position: 0px 0px;
width: 20px;
height: 105px !important;
z-index: 2 !important;
top: 50px !important;
}
.freeShippingFlag.short {
background-position: 0px -19px !important;
width: 20px !important;
height: 86px !important;
z-index: 3 !important;
top: 5px !important;
}