@charset "utf-8"; /* CSS Document for BCP */ /* Main Original -------------------------------------------------------------------------------- */ body { padding: 0px; margin: 0px; background-color: #F0F0F0; } h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; font-style: italic; color: #F2F2F2; background-image: url('../graphics/bg1.jpg'); background-repeat: repeat-x; padding: 5px; margin: 3px 0px 0px 0px; } .text-bottom{ font-weight: bold; text-align: center; display: inline-block; width: 100%;} #right_col h5 a, #left_col h5 a{ color: #f2f2f2; text-decoration: none; } #minct { margin: 4px 0px 8px 0px; } h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: medium; color: #666666; padding: 5px; /*background-image: url('../graphics/bg2.jpg'); background-repeat: repeat-x; border-bottom-style: solid; margin: 3px 0px 0px 0px; border-bottom-color: #F5F5F5; border-bottom-width: 1px;*/ } #headerrt { float: right; width: 320px; height: 107px; padding: 0px; margin: 0px; background-image: url('../graphics/bgh.jpg'); text-align: right; font-size: small; color: #F5F5F5; } .style1 { text-align: left; } #right_col img { margin-top: 8px; } #prodinfo h5 { font-style: oblique; background-image: url('../graphics/bg3.jpg'); } #left_nav span a { background-color: #FF9933; color: #FFFFCC; font-weight: bold; font-size: 14px; } #prodinfo { padding: 0px; margin: 0px; } #prodinfo a { font-style: oblique; background-color: #AB91C4; } #prodinfo a:hover { color: #9D4BE7; font-style: oblique; background-color: #D6BADA; } #footer ul li { margin: 0px; padding: 0px 0px 0px 8px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: capitalize; line-height: 20px; font-size: small; font-weight: bold; height: 20px; width: 225px; border-left-style: solid; border-left-width: 1px; border-left-color: #f5f5f5; clear: both; } #footer ul li a { display: block; text-decoration: none; color: #FFFFFF; font-weight: normal; background-color: #808080; float: left; text-transform: capitalize; font-size: x-small; } #footer ul li a:hover { text-decoration: underline; color: #FFFFFF; } #company { padding-top: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-align: center; margin-top: 20px; line-height: 20px; } #company a{ color: #fff; } #rbs { width: 140px; margin-right: auto; margin-left: auto; } #rbs img { margin: 0px 0px 10px 0px; padding: 0px; text-align: center; } #middle_col h1 { font-family: Arial, Helvetica, sans-serif; color: #484848; text-align: center; font-size: 275%; font-weight: 600; margin-bottom: 5px; margin-top: 5px; } #middle_col h2 { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #484848; font-style: italic; margin-top: 0px; padding-top: 0px; text-align: center; } #amazon { margin-top: 20px; padding: 0px; } #google { margin-top: 20px; text-align: center; margin-bottom: 20px; } #left_nav { } #shopct { padding: 0px; margin: 0px; } #shopct img { padding: 0px; margin: 0px; } #content { background-color: #F5F5F5; padding: 0px; margin-left: 0px; } #content p { font-family: Arial, Helvetica, sans-serif; padding: 5px; } div#onecol{ padding-left: 8px; line-height: 1.5em; } #onecol p{ padding-left: 0px; } #onecol a{ text-decoration: underline; } #onecol a:hover{ color: #d00; } #bricks { width: 100%; padding: 3px; float: left; margin-bottom: 20px; } #bricks img { margin: 2px 2px 10px 2px; float: left; } #bricks p { clear: left; width: 100%; } #showdate { margin: 10px 1px 10px 1px; border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; text-align: center; } #showdate p { margin: 0px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777; } #featured h2 { font-size: 14px; background-color: #95ACFB; color: #FFFFFF; margin-bottom: 0px; padding: 3px 5px 1px 5px; font-weight: bold; text-align: left; margin-top: 10px; } #quicklinks { padding: 0px; margin-top: 5px; margin-bottom: 40px; width: 620px; clear: both; } #quicklinks img { float: left; padding: 0px; margin: 0px 5px 5px 5px; } #quicklinks h2 { font-size: 14px; background-color: #95ACFB; color: #FFFFFF; margin-bottom: 5px; padding: 1px 5px 1px 5px; font-weight: bold; text-align: left; margin-top: 10px; } #quicklinks h3 { font-size: 15px; color: #808080; font-weight: bold; margin-bottom: 0px; margin-top: 10px; text-align: center; } #quicklinks p { color: #484848; padding: 0px; margin: 0px; } #quicklinks a, a:link { color: #484848; padding: 0px; margin: 0px; } #quicklinks a:hover { color: #800080; padding: 0px; margin: 0px; } #bricks h6 { padding: 0px 5px 5px 5px; margin: 0px; float: left; width: 210px; text-align: center; font-size: 16px; color: #484848; font-style: italic; font-family: "Times New Roman", Times, serif; line-height: normal; } #postage { padding: 0px; margin: 3px 0px 3px 0px; background-color: #F5F5F5; position: relative; float: left; } #postage img { padding: 0px 0px 5px 0px; margin: 0px; } #about span { font-size: medium; font-style: italic; color: #000000; text-align: center; font-family: "Times New Roman", Times, serif; } #affiliate { } #affiliate ul { padding: 10px; margin-left: 10px; font-size: small; color: #484848; font-family: Arial, Helvetica, sans-serif; } #affiliate h3 { font-size: medium; color: #484848; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #magazine { background-color: #FFFFDF; margin-right: auto; margin-left: auto; padding: 15px 10px 10px 10px; margin-top: 50px; width: 80%; } #magazine img { background-color: #FFFFDF; padding: 5px 10px 5px 10px; float: left; margin: 0px; } #fimo { margin-right: auto; margin-left: auto; width: 257px; margin-top: 30px; } #fimom { margin-right: auto; margin-left: auto; margin-top: 30px; width: 350px; } #fimosoft { width: 210px; margin-top: 30px; margin-right: auto; margin-left: auto; } #giftvoucher { width: 400px; margin: 30px auto 20px auto; } #infopage { margin-right: auto; margin-left: auto; width: 139px; } #custinfo { margin-bottom: 30px; } #custinfo span { font-size: 16px; font-weight: bold; } #left_nav span a:hover { background-color: #F7E273; color: #A64469; } #spacer { margin: 20px 0px 20px 0px; width: 100%; float: left; text-align: center; } #recommended { padding: 10px; margin: 40px 50px 10px 60px; float: left; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #808080; border-bottom-color: #808080; } #recommended h2 { padding: 0px; margin: 0px; color: #484848; } #cartsp { margin: 20px; width: 600px; } #content a:hover { color: #CC3300; } #validated { padding: 10px; margin-right: auto; margin-left: auto; height: 40px; width: 205px; } #validated img { padding: 5px; } #gap { margin: 10px; } #recent { padding: 0px; margin: 0px 0px 9px 0px; float: left; } #login { padding: 0px; position: relative; margin-bottom: 8px; } #addthis { margin: 10px auto 20px auto; width: 125px; } #quicklinks h2 a { font-size: 14px; background-color: #95ACFB; color: #FFFFFF; margin-bottom: 5px; padding-left: 5px; font-weight: bold; } #leftcol h3 { clear: left; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; } #leftcol h6 { text-align: center; font-weight: normal; margin-top: 20px; } #leftcol a { text-align: center; font-weight: normal; text-decoration: none; color: #808080; } #bricklinks { clear: left; margin-top: 20px; margin-bottom: 50px; padding: 5px; margin-bottom: 100px; text-align: center; } #bricklinks ul { list-style-type: none; margin: 0px; } #bricklinks li { border: 2px solid #f5f5f5; list-style-type: none; margin: 0px; padding: 2px; line-height: 55px!important; height: 80px!important; min-height: 50px!important; } #bricklinks a { list-style-type: none; display: block; background-color: #e2e2e2; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; height: 60px!important; } #bricklinks a:hover { background-color: #cccccc; color: #333333; display: block; } #lccc { float: left; width: 100%; } #lccc h6 { font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 30px; margin-top: 7px; margin-bottom: 0px; padding-bottom: 0px; width: 100%; } #lccc em{ float: left; clear: left; font-size: 10px; margin-bottom: 30px; } #magne { background-color: #FFFFD9; width: 151px; margin: 10px 0px 15px 0px; padding: 0px; border: 1px solid #999999; } #magne p { background-color: #FFFFD9; padding: 2px; text-align: center; margin-top: 2px; margin-bottom: 2px; font-weight: bold; } #magne img { padding: 0px; margin: 0px auto 0px auto; } #magne a { padding: 0px; margin: 0px 36px 0px 36px; color: #666666; } #closed { padding: 5px; margin: 5px; background-color: #FFEAFF; border: 1px solid #999999; } #closed p { padding: 0px; margin: 0px; line-height: 20px; text-align: center; } #minct img { margin: 0px; padding: 0px; } #login img { margin: 0px; padding: 0px; } #recent img { margin: 0px; padding: 0px; } #facebook img{ padding: 10px; } #promo { background-color: #DFE4FF; width: 151px; margin: 10px 0px 15px 0px; padding: 0px; border: 1px solid #B1B4FC; font-size: large; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; float: left; } #promo p { margin: 0px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; } #promo img { border: 1px solid #808080; margin: 2px 0px 2px 0px; padding: 0px; text-align: center; } #store { float: left; width: 100%; margin-bottom: 30px; line-height: 1.5em; } #store a{ text-decoration: underline; color: #333;} #store a:hover{ color: #dd0000} #cstnotice { margin: 0px 0px 15px 0px; padding: 10px; font-size: 1.0em; width: 100%; background-color: #FFFAE1; font-family: Arial, Helvetica, sans-serif; } #cstnotice p{ padding-bottom: 10px; } .tpromom{display:none;} #cstpromo { padding: 10px; width: 100%; } #nls { margin: 7px 0px 7px 0px; padding: 0px; } #nls p { padding: 0px; margin: 0px; color: #808080; } #nls form { border: 1px solid #A2A6DB; padding: 0px; margin: 0px; color: #808080; background-color: #CCCCDD; } #clear { border: 1px solid #9933FF; background-color: #E7CEFF; width: 151px; margin: 10px 0px 15px 0px; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #FF0000; padding-top: 3px; padding-bottom: 3px; background-image: url('../graphics/sale.jpg'); } #clear a { font-size: small; color: #333333; } #clear img { border: 1px solid #FFFFFF; } #prodinfo ul { list-style-type: none; margin: 0px; } #prodinfo li { padding: 0px; border-color: #EBEBEB #EBEBEB #808080 #808080; border-style: solid; border-width: 1px; line-height: 20px; } #fadeshow1 { margin: 10px 10px 10px 10px; z-index: 1; } #featured { margin-top: 20px; } #onecoltop h3 { font-size: 14px; color: #808080; font-weight: bold; margin-bottom: 0px; margin-top: 10px; text-align: center; } #featured h3 { font-size: 14px; color: #666666; font-weight: bold; text-align: center; padding: 2px 5px 1px 5px; } #wrap { top: -30px; position: relative; padding: 0px; margin: 0px; } #headerinfo { padding: 0px; float: right; position: relative; width: 300px; height: 90px; right: 10px; top: 8px; font-weight: bold; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #DDDDDD; } #headerinfo p{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #DDDDDD; font-weight: bold; text-align: right; } #headerinfo a{ color: #DDDDDD; } #headerinfo span{ font-size: 14px; vertical-align: middle; } #headerinfo img { margin: 0px; padding: 4px 4px 0px 0px; } #ppromo { padding: 0px 5px 5px 5px; background-color: #95ACFB; border-radius: 7px; } div.minimailsignup{ padding: 0px; margin: 20px; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } label.minimailsignup{ width: 200px; padding-top: 5px; } input.minimailsignup{ font-size: 14px; padding: 5px; border: solid 1px #999; width: 260px; margin: 5px; } input.minimailsubmit{ margin: 10px; } #footer ul { display: inline; line-height: 25px; float: left; } #footerl { margin: 0px; padding: 0px 0px 0px 12px; font-family: Arial, Helvetica, sans-serif; color: #f5f5f5; text-decoration: none; line-height: 18px; font-size: 14px; width: 220px; float: left; } #footerc { margin: 0px; padding: 0px 0px 0px 14px; font-family: Arial, Helvetica, sans-serif; color: #f5f5f5; text-decoration: none; line-height: 18px; font-size: 14px; width: 220px; border-left-style: solid; border-left-width: 1px; border-left-color: #f5f5f5; float: left; } #footerc a, #footerl a { color: #f5f5f5; text-decoration: none; font-size: 12px; } #footerc img{ padding-top: 10px; } #hpcat img { padding: 0px 4px 0px 4px; margin: 0px; } #hpcat { padding: 0px 5px 0px 5px; margin: 0px; } /*top search-------------------------------------------------------*/ form.searchform{ margin-top:0px; padding:0px; } div.search-box{ background:url(../images/search-box.jpg) no-repeat top left; margin: 0px; padding: 0px ; width: 190px; height: 44px; } input.search-field{ float: left; margin-left: 0px; border-color: #EBEBEB #EBEBEB #808080 #808080; border-style: solid; border-width: 1px; font-family:tahoma; font-size: 12px; font-weight: bold; padding: 2px 0px 0px 14px; height:40px; color: #999; background: #9393C4 url(../images/search.jpg) no-repeat top left; width: 174px; } input.search-go { position: relative; top: -31px; left: 159px; border:0; padding:0; height: 21px; width: 21px; background: url(../images/search-icon.png) no-repeat top left; cursor: pointer; } input.search-go:hover{ background:url(../images/search-icon.png) no-repeat bottom left; } .rimage img{ width: 100%;} div.rcont_contain{ float: left; width: 100%; background: #f7f7f7; } div.rcont_contain a{ text-decoration: underline;} div.rcont_top{ width: 100%; background: #777; padding: 5px; font-size: 1.1em; color: #fff; font-weight: bold; } div.rcont1{ float: left; overflow: hidden; width: 97%; background: #f7f7f7; padding: 10px; margin: 0.9%; } div.rcont2{ float: left; width: 47.5%; background: #f7f7f7; padding: 5px; margin: 0.9%; } div.rcont1i{ width: 70%; margin-left: auto; margin-right: auto; } div.rcont3{ float: left; width: 31%; background: #f7f7f7; padding: 4px; margin: 0.9%; } div.rcont4{ float: left; width: 24%; background: #f7f7f7; padding: 5px; margin: 0.4%; } .rcontimage img{ max-width: 100%;} div.rconttext{ width: 100%} #leadpics { margin-top: 20px; margin-right: auto; margin-left: auto; width: 310px; } #leadpics img { width: 250px; padding: 30px 30px 5px 30px; } #tiles { clear: both; } #tiles li { margin-left: 25px; padding: 5px 0px 0px 0px; font-size: 12px; } #tilespic { margin: 20px auto 20px auto; width: 80% } #tilespic img { max-width: 100%; padding: 10px; } #ext { margin: 20px auto 45px auto; padding: 0px; float: left; } #ext p{ padding-left: 5px; clear: left; } #ext span { font-size: 15px; font-style: italic; font-family: "Times New Roman", Times, serif; color: #000080; font-weight: bold; } #ext_pic { width: 90%; margin-right: auto; margin-left: auto; position: relative; } #ext_pic img { padding: 10px; float: left; clear: left; } #ext_app { width: 396px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } #ext_app img { padding: 5px; float: left; } #fimopic { width: 600px; height: 200px; margin-right: auto; margin-left: auto; } #search { width: 100%; float: left; padding-top: 20px; } h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } #sbi { margin: 0px; padding: 10px 0px 3px 0px; width: 190px; height: 891px; } #sbia { margin: 0px; padding: 10px 6px 3px 8px; width: 120px; height: 712px; } /* Main Saved -------------------------------------------------------------------------------------------- */ body { padding: 0px; margin: 0px; background-color: #F0F0F0; } div#onecol{ padding-left: 8px; } #onecol h2 { /* font-family: Arial, Helvetica, sans-serif; */ font-size: 1.2em; font-family: 'Exo 2', Arial, Helvetica, sans-serif; font-weight: normal; margin: 5px 0px 5px 0px; } #onecol p{ padding-left: 0px; margin-top: 10px; } #onecol a{ text-decoration: underline; } #onecol a:hover{ color: #d00; } #quicklinks { padding: 0px; margin-top: 5px; margin-bottom: 40px; width: 620px; clear: both; } #quicklinks img { float: left; padding: 0px; margin: 0px 5px 5px 5px; } #quicklinks h2 { font-size: 14px; background-color: #95ACFB; color: #FFFFFF; margin-bottom: 5px; padding: 1px 5px 1px 5px; font-weight: bold; text-align: left; margin-top: 10px; } #quicklinks p { color: #484848; padding: 0px; margin: 0px; } #quicklinks a, a:link { color: #484848; padding: 0px; margin: 0px; } #quicklinks a:hover { color: #800080; padding: 0px; margin: 0px; } #magazine { background-color: #FFFFDF; margin-right: auto; margin-left: auto; padding: 15px 10px 10px 10px; margin-top: 50px; width: 80%; } #magazine img { background-color: #FFFFDF; padding: 5px 10px 5px 10px; float: left; margin: 0px; } h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; } #about span { font-size: medium; font-style: italic; color: #000000; text-align: center; font-family: "Times New Roman", Times, serif; } /* Main settings and resets */ *{ padding:0px; margin:0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } body{ padding:0px; margin:0px; font-family:Arial; font-size:18px; color:#666; /*! background:url(../graphics/bricktile1.jpg) repeat; */ background-color: #f5f5f5; } div, ul, li{ padding:0px; margin:0px; } img{ padding:0px; margin:0px; border:none; } img a{ padding:0px; margin:0px; border:none; } input, select, textarea{ padding:3px; margin:4px; } .clear { clear:both; } p{padding-bottom:20px;} /*building guid css*/ div.building{ float: left; width: 30%; text-align:center; margin: 5px;} div.building img{max-width: 100%; height: auto;} div.buildingtitle{ float: left; width: 100%; text-align:center; font-weight: bold; padding: 5px;} div.buildingdesc{ float: left; width: 100%; margin: 15px 0 15px 0;} /*link properties*/ a:link { color: #333; text-decoration: none; } a:visited { color: #666; text-decoration: none; } a:active { color: #333; text-decoration: none; } a:hover { color: #666; text-decoration: none; } .price{ color: #666; font-size:1.2em; } .detailprice .price{ font-size:1.6em; } .prodpricelabel{ display:none; } .prodprice, .csprodprice{ font-weight: bold; font-size: 15px!important;} /* Hader section */ /*.header_top{ background:#464569 url(../images/header2c1.jpg) repeat-x;} .header_top{ background:#464569 url(../images/header_xmas1.jpg) repeat-x;}*/ .main{ width:1600px; margin:0px auto;} /* Social media icons */ .connect_flow{float: right;height :35px; text-align:right; padding:4px 20px 4px 4px; font-family:Arial; font-size:12px; line-height:34px; color: #ddd;text-transform:uppercase; width: 340px; display:none;} .connect_flow img{ float:right; } img.t{ margin-left:6px;} .footer_top_right #netwh{ width: 100%; } .footer_top_right #netwh a{ float: left; color: #f0f0f0; padding-right: 10px; } #netwh {padding: 0px; margin: 5px 0px 0px 0px; width: 170px; text-align: right; float: right; vertical-align: middle; font-size: 20px;} #netwh a{ padding-right: 3px; color: #777; } .header_image { max-width:320px; padding:10px; } .header_middle{ padding-top:5px; min-height:100px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .header_middle_left{ width:50%; float:left; padding-top:12px; padding-bottom:8px; padding-left: 18px; padding-right: 8px;} .header_middle_left img{ max-width:100%;} .header_middle_right{ width:50%; float:left;padding: 2px 20px 8px 10px;margin-bottom:5px;} /* Top search */ .search_bg{ float: right; margin-top: 5px; padding:0px; width:100%; height:35px; position:relative; margin-bottom: 12px;} .search_text{ width:100%; height: 35px;float:left; border-style: solid; border-width: 1px; border-radius: 5px; border-color: #555 #aaa #aaa #555; font-family:Arial; font-size:14px; color:#777; padding: 2px 5px;} .search_button{ background:url(../images/search_icon.jpg) no-repeat; width:16px; height:16px; position:absolute; right:5px; top: 15px;border:0px; cursor:pointer;} .search_text:focus{border: 2px solid #47d1ff; color: #000} /* Shopping cart icon and link */ .shopping_cart_bg{ width:30%; float: right; text-align:left;background:url(../images/cart_iconbg.jpg) no-repeat; padding:6px 7px;font-family:Arial; font-size:12px; line-height:26px; color:#575757; text-decoration:none;} .shopping_cart_bg img{ float:left; margin-right:18px;} .shopping_cart_bg a{color:#666;text-decoration:none;} .shopping_cart_bg a:hover{color:#999900;text-decoration:none;} /* Top sub-menu settings */ .top_nav{ background: #81807f; /*border-top: 1px solid #ccc;*/} .down_nav{background:#e5e3e0; /*border-top: 1px solid #999; border-bottom: 1px solid #ccc;*/min-height: 39px;padding-top: 2px; display:none;} .down_nav ul{ list-style-type:none;padding-left:220px;} .down_nav ul li{ background: url(../images/divider.jpg) no-repeat right; font-size:12px ; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:14px;float:left;text-transform: capitalize;} .down_nav ul li a{ color:#777; text-decoration:none;padding:8px; display:block;} .down_nav ul li a:hover{ background:#d0d0d0; } .down_nav ul li:first-child{} .down_nav ul li.last{ padding-right:0px; background:none; } /* Main content */ .body_contain{ padding:7px 0; background-color: #f5f5f5;} /* Home page top layout */ .bb {width: 100%; } .bannner{display:none;} Turned off on all pages except home page .bannner_left{ width:100%; } .bannner_right{ width:32%; float: right; padding:0 4px;display:none;} .bannner_right img{ max-width:100%;} .bannner_right_top{ margin-bottom:0px;} .r_image_border{ border:1px solid #c2c2c2;} .r_image_border img{ max-width:100%;} .main_contain{} .bbtop{position: absolute; background: url(../images/bfooter.png) repeat-x; height: 6px;z-index: 100;width: 100%;} .bbbottom{position: absolute; background: url(../images/bfooter.png) repeat-x; height: 7px;z-index: 100;width: 100%;margin-top: -7px;/*! top: -115px; */} .bbfooter{width: 100%; /* background: url(../graphics/csbg.jpg) repeat-x; border-top: #ccc 2px solid;*/ border-bottom: #ccc 1px solid; float: left; margin-bottom: 20px; background-color:#eaeaea;} .cse1, .cse2, .cse3, .cse4{ width: 25%; float: left; padding: 8px; font-family: 'Exo 2', Arial, Helvetica, sans-serif; font-size: 16px; /*! border: #ccc 1px solid; */ margin-top: 6px; margin-bottom: 6px; } .cse1 img, .cse2 img, .cse3 img, .cse4 img { float: left; padding-right: 8px; padding-top: 4px; } .cse1 p, .cse2 p, .cse3 p, .cse4 p { padding: 0px; margin: 0px; float: left; } .bbfooter .cse1 a, .cse2 a, .cse3 a, .cse4 a{ color: #666; } /* 3 column layout */ .left_contain{ width:20%; float:left; padding-right:9px;} .middle_contain{ width:80%; float:left;} .right_contain, .right_contain_minicart{ width:20%; float:left; padding-left:10px;} .right_contain,.right_contain_minicart{ margin-top:-7px;display: none;} .left_contain_main{ padding-bottom:10px;padding-top:7px; } .left_contain_top{ /*background:url(../images/categories_left_top.jpg) no-repeat;*/ padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;} .left_contain_top h1, .left_contain_top h2{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:1.2em ; font-weight:bold; color:#666; text-decoration:none; } .left_text{ padding-top:20px;} .left_itext{ padding-top:20px;} .left_itext ul{ list-style-type:none;} .left_itext ul li{ background: url(../images/left_arrow.jpg) no-repeat left 5px; padding:0 0 17px 15px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:15px; } .left_itext ul li a{ color:#333333; text-decoration:none;} .left_itext ul li a:hover{ color:#999900; text-decoration:none;} .left_contain_bottom{/*background:url(../images/categories_left_bottom.jpg) no-repeat bottom left;*/ padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px; } .left_itext ul li:last-child{ padding-bottom:0px; } .middle_contain_top{ /*! background:url(../images/mid_categories.jpg) repeat-x; */ padding:10px 0px 0 0px; border:0px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;} .middle_contain_top h1, .middle_contain_top h2{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:24px; font-weight:bold; color:#666; text-decoration:none; padding: 0px 0px 0px 10px;text-align: center;} .mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; display:none; } .middle_contain_main{ padding:0px 0px 0px 0px;} .middle_product{ padding-top:0px;} .middle_product img{max-width:100%;} .middle_product ul{ list-style-type:none;} .middle_product ul li{ width:33%; float:left; padding-bottom:28px;} .midle_produt_image{ text-align:center;} .midle_produt_image img{ max-width:100%;} .product_text{ padding-top:17px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center;} .product_price{ padding-top:15px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center; font-weight:bold;} .product_price b{ color:#ff9400; text-decoration:none; } .right_t{ text-align:center; position:relative;} .right_t_text{ background:url(../images/right_img.png) repeat-x; position:absolute; padding:6px; bottom:3px; width:100%;} .right_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:20px; line-height:20px; text-align:center; text-transform:uppercase; color:#FFF;} .right_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:15px; line-height:20px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;} .right_t_text a{ color:inherit; text-decoration: none;} .right_t_text_bottom b{ font-style:normal; font-weight:normal; color:#ffcc00; text-transform:capitalize;}.best_image img{ max-width:100%; } .best_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#9f9f11;} .best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f;} .right_img{ padding-top:25px;} .right_img img{ max-width:100%;} .right_co{ padding-top:0px; padding-bottom: 15px;} .right_co img{ max-width:100%;} .best_image{padding-top: 10px; text-align: center;} /* Manufacturers display */ .manufacturers_contain{ padding:20px 0; margin-bottom:50px;} .manufacturers_contain_top{ background:url(../images/manufacturer.jpg) no-repeat; border-bottom:5px solid #e9e9e9; padding-left:14px;font-family:'Exo 2', sans-serif; font-size:18px; line-height:38px; text-decoration:none; color:#ffffff; font-weight:bold;} .manufacturers_contain_down{ margin-top:20px; border:1px solid #e3e3e3;} .manufacturers_contain_down ul{ list-style-type:none;} .manufacturers_contain_down ul li{ width:16%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;} .manufacturers_contain_down ul li:last-child{ border-right:0px;} .footer_top{ background:#555555; padding:30px 0 50px 0; margin-top: 60px;} /* Footer */ .footer_top_left{ width:25%; float:left;} .footer_top_left h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:5px; font-weight: 900;} .footer_top_left ul{ list-style-type:none;} .footer_top_left ul li{ padding:0 0 10px 0px;font-size:16px ; color:#CCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .footer_top_left ul li a{ color:#ffffff; text-decoration:none;} .footer_top_left ul li a:hover{ color:#ccc; text-decoration:none;} .footer_top_right{ width:50%; float:left;} .footer_top_right h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:5px; font-weight: 900;} .footer_top_right p{ font-size:16px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; padding-bottom:20px; line-height: 1.7; } .footer_bottom{ background:#343333; padding:20px 0;} .footer_bottom_left{ width:50%;float:left;} .footer_bottom_left_top{font-size:12px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .footer_bottom_left_bottom{ padding-top:10px; } .footer_bottom_left_bottom ul{ list-style-type:none; } .footer_bottom_left_bottom ul li{ font-size:12px ; line-height:14px; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; float:left; padding-right:10px; border-right:1px solid #ffffff; margin-right:10px;} .footer_bottom_right{ width:50%;float:left; text-align:right; position:relative;} .footer_bottom_left_bottom ul li a{ color:#FFF; text-decoration:none;} .footer_bottom_left_bottom ul li a:hover{ color:#999900; text-decoration:none;} .footer_bottom_left_bottom ul li:last-child{ border-right:0px; padding-left:0px; margin-right:0px;} .footer_bottom_left_top a{color:#ccc;text-decoration:none;} .footer_bottom_left_top a:hover{color:#999900;text-decoration:none;} /* Shopping cart classes ----------------------------------------------------------------------------------------------------*/ /*Mini cart*/ table.mincart{ width:98%; background:#f5f5f5; } td.mincart{ background:#f5f5f5; font-size:12px; font-family:Arial; padding-top:4px; border-bottom: 2px solid #ccc; } /*Shopping cart*/ table.cobtbl{ background-color: #efefef; border-bottom:1px solid #ccc; font-size:0.9em; } td.cobll, td.cobhl{ background-color: #fff; color : #333; padding-left:4px; } td.cobhdr{ background-color:#e4e4e4; font-size:1em; color:#333; text-transform:uppercase; padding-left:4px; } span.cartoption{ font-size:12px !important; color:#333; } div.giftwrap a{ color:#666; font-size:0.8em; text-decoration:none; } .cartquant{ width:36px !important; } div.checkoutsteps{ text-align:center; padding:4px; margin-bottom:0px; background-color:#fff; border:1px solid #ddd; } .checkoutsteps img{ width: 95%; } .cdform1fixw,.cdform2fixw{ width: 300px; } textarea.addinfo { width: 300px; } input.cdformsmfixw{ width: 145px; } /*Internal store naviagtion*/ a.ectlink:link { color: #333; text-decoration: underline; } a.ectlink:visited { color: #333; } a.ectlink:hover { color: #de0808; text-decoration: underline; } /*Button and form field styles*/ .buybutton, .notifystock, input.sccheckout, .ectbutton.configbutton, .ectlink.scclink, input.checkoutbutton, input.submit, input.vieworderstatus, input.minimailsubmit, input.viewlicense, input.trackpackage, input.login, input.newaffiliate, input.affiliatelogin, input.search, input.gcsubmit,input.cartaccountlogin, input.newaccount, input.forgotpassword, input.logintoaccount, input.createaccount, input.checkoutbutton.checkoutbutton1, input.checkoutbutton.checkoutbutton2,input.checkoutbutton.checkoutbutton3, .csconfigbutton { color: #ffffff!important; font-size: 16px!important; background: #7f7f7f!important; padding: 3px 20px 3px 20px!important; text-decoration: none!important; border: none!important; -webkit-appearance: none!important; -webkit-border-radius: 0!important; cursor: pointer!important;} div.csaddtocart, .csconfigbutton{ margin-top: 6px; text-align:center; } .buybutton, .ectbutton.configbutton, .notifystock, .csconfigbutton { width: 95%; padding: 0px; /*font-weight: normal!important;*/ } input.checkoutbutton.checkoutbutton1, input.checkoutbutton.checkoutbutton2,input.checkoutbutton.checkoutbutton3 { font-weight: normal; font-size: 1.1em!important; padding: 8px 30px 8px 30px!important; } .buybutton:hover, input.sccheckout:hover, .ectbutton.configbutton:hover, .notifystock:hover, input.checkoutbutton:hover, .ectlink.scclink:hover, input.submit:hover, input.vieworderstatus:hover, input.minimailsubmit:hover, input.viewlicense:hover, input.trackpackage:hover, input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover,input.gcsubmit:hover,input.cartaccountlogin:hover, input.newaccount:hover, input.forgotpassword:hover, input.logintoaccount:hover, input.createaccount:hover, input.checkoutbutton.checkoutbutton1:hover, input.checkoutbutton.checkoutbutton2:hover, input.checkoutbutton.checkoutbutton3:hover { background: #666!important; text-decoration: none!important; } .sclinks{ margin-top: 8px; } /* input.createaccount{ font-size: 14px!important; background: #7f7f7f!important; padding: 2px 8px 2px 8px!important; } */ div.tofreeshipping { width: 90%; margin: 6px auto 6px auto; } .detailwishlist {float: left; font-family: Arial;text-decoration: none;font-size: 16px;font-weight: 100; text-align: center;/* border: 1px solid #ccc; */border-radius: 4px!important;padding: 3px 0px 3px 0px;margin: 20px 35px 5px 6px;max-width: 350px;-webkit-appearance: none;-webkit-border-radius: 0;} .ectbutton.detailwishlist{ text-decoration: none!important; color:#666!important; display: block; background-color: #f5f5f5!important; border: 1px solid #999; } .ectbutton.detailwishlist:hover{ background-color: #eee!important; border: 1px solid #ccc; color: #666!important; } /* .cartcontinue, .cartupdate, input.logintoaccount, input.createaccount{ cursor: pointer; padding: 6px; color: #fff; font-weight: bold; background-color: #e9e9e9; border: 1px solid #999; padding: 5px 5px 5px 5px; margin: 5px 10px 5px 10px; -webkit-appearance: none; -webkit-border-radius: 0; } .cartcontinue, .cartupdate{ width: 40%!important; margin: 10px 7% 0px 0%; } .cartcontinue a, .cartupdate a, .logintoaccount , .createaccount { color:#666!important; display: block; } .cartcontinue a:hover, .cartupdate a:hover{ text-decoration: none; } .cartcontinue:hover, .cartupdate:hover, input.logintoaccount:hover, input.createaccount:hover{ background-color: #e9f4ff; border-color: #66a3ff; } div.logintoaccount, div.createaccount { margin-bottom: 10px; } */ div.loginprompt{ padding: 10px!important; } .loginprompt:before { content: "If you wish to save your shopping cart and customer details please login to your account before proceeding. Alternatively you can continue as a guest."; font-size: 1.0em; display: block; text-align: left; padding: 5px; color: #777; font-weight: normal; } div.cartlistlogin{ border: none; } /*This is the first breakpoint and contains styles for screens up to 1280px*/ @media all and (max-width:1620px) { .main{ width:100%; padding:0 10px;} .slidercaptionbottom{font-size: 46px!important;} .slidercaptionlinks a{font-size:16px!important; padding:3px 8px!important;} } @media all and (max-width:1220px) { .main{ width:100%; padding:0 10px;} .down_nav ul li a{ padding:8px 7px;} .down_nav ul{padding-left:124px;} .cse1, .cse2, .cse3, .cse4 {font-size:13px; padding:4px;} .bbfooter img{width:34px;} .slidercaptionbottom{font-size: 46px!important;} .catname a{font-size:15px!important;} } /*This is the second breakpoint and contains styles for screens below 1180px*/ @media all and (max-width: 1180px) { .main{ width:100%; padding:0 10px;} .down_nav ul li a{ padding:8px 7px;} .down_nav ul{padding-left:20px;} .product {width:32%!important;} .middle_contain_top h1{font-size: 20px;} .ectmegamenu > ul > li a{padding-left:1.0em!important; padding-right:1.0em!important;} .ectmegamenu{font-size: 1.0em!important;} .ectmegamobile{padding: 12px;} } @media all and (max-width: 990px) { .csproduct{width: 32% !important;} div.category{width:29%!important;} .catname a{font-size:16px!important;} .cse4 {display: none;} .cse1, .cse2, .cse3 {width:33%;} .middle_contain_top h1{font-size: 18px;} .recentviewname, div.recentviewimage{width: 98%!important;} .infoguides {font-size: 14px!important;} } @media all and (max-width: 950px) { } @media all and (max-width: 940px) { .ectmega-has-dropdown::before{ content: "\002B"; font-family:Helvetica; background: none; color: #fff; cursor:pointer; float:right; padding:14px 50px 14px 50px; font-size: 30px; clear:both;} .ectmegamenu{width: 100%!important;} .header_middle_left{ width:100%; padding-bottom:0px;} .header_middle_right{ width:100%;padding: 12px 3px 10px 3px; margin-bottom:5px;} .header_image{padding:0px; margin-left:auto!important; margin-right:auto!important;} .search_bg #ecttext.search_look {height:50px!important;} .ectmegamenu > ul > li a{padding:0.7em !important;} .search_bg #ecttext.search_look {border-radius:16px!important;} .tpromom{display:block!important;} .tpromo{display:none!important;} } /*This is the third breakpoint and contains styles for screens below 900px*/ @media all and (max-width: 900px) { div.detailimage, .detailaddtocart, .detailid,.detailmanufacturer,.detailcustom1, .detailname, .detailinstock, .detailprice, div.detailreviewstars, .detailcurrency, div.customdetail, div.ahead, div.customin, div.socialmediabuttons, div.detailcurrency, .detaillistprice, div.pcatdetail, .detailcustom3 { width:98%!important;} .detailquantity{display: none;} .detailwishlist{width: 70%!important;} .socialmediabutton{float: left!important;} .detailimage{padding-left: 0px!important;} .detailoptions{float: left!important; width: 250px!important;} .manufacturers_contain_down ul li{ width:47%; border-right:0px; border-bottom:1px solid #e3e3e3;} .cartcontinue, .cartupdate {width: 90%!important;margin-top: 10px; } .product {width:32%!important;} .cse1, .cse2, .cse3 {font-size:13px;} div.ectpacount{display: none; } .header_middle_left{padding-left: 8px;} } /*This is the third breakpoint and contains styles for screens below 800px*/ @media all and (max-width: 800px) { div.category{width: 29%!important;} .shopping_cart_bg{ width:38%;} .midle_produt_image{ min-height:150px;} .down_nav ul li a {font-size: 13px;padding: 15px 6px;} /*.middle_product ul li{ min-height:250px;}*/ .footer_bottom_left_bottom ul li{ font-size:11px; padding-right:5px; margin-right:5px;} .down_nav{padding-left:0px;} div.product{width:98%;} .TabbedPanelsTab {min-height: 30px!important;} #bricklinks li { width: 100%;} .slidercaptionbottom{font-size: 46px!important; margin-bottom:10px!important; padding:20px 50px!important;} } /*This is the fourth breakpoint and contains styles for screens below 768px*/ @media all and (max-width: 768px) { .down_nav ul li a{ padding: 8px 1px;} .down_nav{padding-left:0px;} .csproduct{width: 49% !important;} .product {width:49%!important;} div.category{width: 46%!important;} body{ -webkit-text-size-adjust: none; } .cse1, .cse2, .cse3, .cse4{font-size:11px;} .bbtop, .bbbottom{display:none;} .infoguides {font-size: 11px!important;} #onecol{padding-left:0px!important;} .main{ padding:0px 5px;} } /*This is the fourth breakpoint and contains styles for screens below 720px*/ @media all and (max-width: 720px) { /* Menu break point from 940px ectcart.css .menu-container, .ectmegamenu > ul > li > ul.normal-sub{ width:100%; } .ectmegamobile, .ectmegamenu .show-on-mobile{ display:block !important; text-align:left; } .ectmega-has-dropdown > a::after{ display:none; } .ectmega-has-dropdown::before{ content:"\25bc"; font-family:Helvetica; cursor:pointer; float:right; padding:14px 14px 14px 30px; font-size:22px; clear:both; background-color:#FFF; color:#333; } .ectmegamenu > ul{ display:none !important; } .ectmegamenu > ul > li{ width:100%; float:none; display:block !important; } .ectmegamenu > ul > li a{ padding:1.5em !important; width:100%; display:block !important; } .ectmegamenu > ul > li > ul, .ectmegamenu > ul > li > ul > li > ul{ position:relative; } .ectmegamenu > ul > li > ul > li{ float:none; width:100%; margin-top:20px; } .ectmegamenu > ul > li > ul > li:first-child{ margin:0; } .ectmegamenu > ul > li > ul > li > ul > li{ float:none; }*/ /* --- */ } /*This is the fiftt breakpoint and contains styles for screens below 640px*/ @media all and (max-width: 640px) { .down_nav ul li a{ padding:0px 12px 5px 12px;} .down_nav ul li:first-child{ padding-top:4px;} .down_nav {margin-bottom: 10px;} .body_contain, .listing_contain_menu, .middle_contain_main, .middle_contain_top{padding:0px;margin:0px;} .middle_contain_top{padding:2px;margin-top:8px;} .search_bg{ width:100%; margin-top: 8px;} .shopping_cart_bg{ width:100%; margin:10px 0; text-align:left;} .bannner_left{ width:100%;} .bannner_right{width:100%;} .left_contain{ display:none;} .middle_contain{ width:100%; margin-bottom:10px; float:none;} .middle_product ul li{ width:100%;} .right_contain, .right_contain_minicart{ width:200px; margin:0px auto; float:none; } .footer_top_left{ width:50%;} .footer_top_right{width:100%; padding-top: 20px;} .footer_bottom_left{ width:100%;} .footer_bottom_right{ width:100%; margin-top:20px; padding-right: 10px;} .down_nav ul li{ float:none; background:none; font-size:14px;} .csproduct{width: 49% !important;} .product {width:49%!important;} .cse1, .cse2{width:50%; display:block;} .cse3, .cse4{display:none;} .cse1, .cse2, .cse3, .cse4{font-size:14px;} .cse1, .cse2, .cse3, .cse4{font-size:14px;} .minicartoneline2{ display: none; } /* .minicartoneline1 {width: 95%; float: left; display: inline-block;display: none;}*/ } @media all and (max-width:550px) { .bbfooter {display:none;} /* .slidercaptionbottom{display:none!important;}*/ .ectdp_minicartmainwrapper {margin-right: 5px!important;} #csl, #csr{width: 50%!important; } #csl {overflow: hidden; } .header_middle_left{ width:100%; padding-bottom:0px;} .header_middle_right{ width:100%;padding-bottom: 10px;} .connect_flow{display: none;} } /*This is the sixth breakpoint and contains styles for screens below 480px*/ @media all and (max-width:480px) { /* ~~ Remove left hand field on checkout ~~*/ /*.cobcol1{ display:none;} */ .csproduct{width: 98% !important;} .product {width:98%!important;} /* ~~ Modify additional info field on checkout ~~*/ textarea.addinfo{ width:300px;} .manufacturers_contain_down ul li{ width:100%; border-right:0px; border-bottom:1px solid #e3e3e3;} div.building{ float: left; width: 95%; text-align:center; margin: 5px;} input.cdformradio{clear: left;display: block;} } /*This is the seventh breakpoint and contains styles for screens below 370px*/ @media all and (max-width:370px) { .csproduct{width: 98% !important;} .product {width:98%!important;} div.notifyinstock,div.outofstock{width:280px!important;} div.category{width: 97%!important;} } /*The Cross Selling Display----*/ .cstitle { color: #999; font-size: 16px; margin-bottom: 5px; margin-top: 60px; padding: 3px 5px 3px 5px; font-weight: bold; float:left; width:100%; } div.csproduct{ width:24%; line-height: 15px; padding:8px; border:1px solid #eee; background-color:#fefefe; margin:5px 0.5% 5px 0.5%;border-radius: 4px; float:left; /*clear: both;*/ height: 290px; display: -moz-inline-stack; display: inline-block; /*width:24%; line-height: 15px; padding:7px; border:1px solid #eee; background-color:#fefefe; margin:6px 0.2% 6px 0.2%; border-radius: 4px; display: inline-block; display: -moz-inline-stack; display: inline-block; vertical-align: top; */ } div.csprodname{ margin-top: 8px; height: 32px; overflow: hidden; font-weight: normal; text-align: center; } .prodname a:link, .prodname a:visited { color: #675555; } .addtocart{ background-color: #fff;} .csprodimage{ max-width: 180px; margin: auto; } div.csproduct:hover{ position:relative; background-color:#fefefe; border: 1px solid #ccc; box-shadow: 0px 0px 8px #bbb; /* transition: all .2s ease-in-out; transform: scale(1.03);*/ } /*.csprodprice{ text-align: center; font-size: 15px; font-weight: bold} .cslistprice {position: absolute;font-size: 0px!important;} .cslistprice span.yousave{ position: relative; top: -80px; font-size: 12px; }*/ .products .prodmanufacturer, .csprodmanufacturer,.csprodrating,.csprodcurrency { display: none; } /* The product page -------------------------------------*/ div.products { clear: both; } div.prodfilter{ float:left; background-color:#F9F9F4; border: 1px dotted #D7D1C9; padding:6px; color: #42619a; margin-bottom:10px; margin-top:10px; } .csproduct:hover .csprodname a, .product:hover .prodname a{ color: #dd0000;} div.prodfilterbar{ float:left; width:100%; } div.filtertext{ padding:8px; } select.prodfilter{ padding:0px; margin:0px; } div.product{ width:24%; line-height: 15px; padding:7px; border:1px solid #eee; background-color:#fefefe; margin:6px 0.2% 6px 0.2%; border-radius: 4px; display: inline-block; display: -moz-inline-stack; display: inline-block; vertical-align: top; } .product.prodarticle, .product.prodarticle:hover{ background-color: #ccdeef } div.product:hover{ position:relative; background-color:#fefefe; border: 1px solid #ccc; box-shadow: 0px 0px 8px #bbb; /* transition: all .2s ease-in-out; transform: scale(1.03); */ } div.prodnavigation{ padding:10px 0px 10px 0px; float:left; margin-top:15px; margin-bottom: 15px; } .prodimage { padding: 1px 0px 1px 0px; width: 100%; } div.prodid{ height: 14px; overflow: hidden; text-align: center; } .prodid{ font-size: 12px; } div.prodimage{ padding: 10px; margin-left: auto; margin-right: auto; } div.prodname, .csprodname{ padding-top:0px; font-size: 16px; line-height: 15px; height: 40px; overflow: hidden; text-align: center; } .prodname a, .csprodname a{ font-family: 'Exo 2', sans-serif; color: #666!important; text-decoration: none!important; } .prodname a:hover, .csprodname a:hover{ text-decoration: underline!important; color: #dd0000!important; } div.proddescription { margin-top:22px; font-size: 12px; height:30px; line-height:15px; overflow:hidden; text-align: left; display: none; } .prodprice, .csprodprice{ width:98%; margin-top:6px!important; text-align:center; } div.prodcurrency{ float:left; width:100%; font-size: 12px; color:#666; margin-bottom: 4px; text-align:center; display:none; } .pagenumbers{ text-align:center; float:left; color: #777; background-color: #eaeaea; font-weight:700; font-size:18px; padding:6px 0px 6px 0px; margin: 7px 0px 7px 0px; width: 100%; } .pagenumbers a{ color:#777!important; } .pagenumbers a:hover{ color:#dd0000!important; } SPAN.currpage {color: #dd0000;font-weight:700;border:2px solid #777;font-size:18px;padding:0 4px;background-color: #f0f0f0;} .addtocart{ text-align:center; padding-top:6px; } div.prodrating{ font-size: 10px; float: left; display: none; } .prodratinglink{ font-size:0.8em; } div.listprice, .cslistprice { font-size: 15px; float: left; text-align: left; color: #666; margin:2px 7px; } .cslistprice{ margin-top:6px; } .listprice .yousave, .cslistprice .yousave{ position: relative; top: -100px; left: -50px; font-size: 12px; } div.checkoutbutton{ float: right; } .allproddiscounts{ clear: left; color: #dd0000; padding: 5px; } div.notifystock,div.outofstock{ width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 15px; } /* The detail page (float Right) -------------------------------------*/ .detailprodnavigation { padding-left: 5px!important; } div.detailimage{ width: 47%; clear: left; float:left; padding:0px; margin: 10px; padding-left: 10px; } /* img.detailimage {width:100% !important} */ .detailid { width:47%; padding-top: 10px; padding-bottom:0px; float: right;} div.detailmanufacturer{ float:right; width:47%; padding-top: 0px; } .detailinstock{ float: right; font-weight:bold; color: #3bbd3b; width: 47%; clear: right; margin-top:35px; } .detailname { padding-top: 5px; font-size: 14px; width:47%; float:right; border-bottom:1px #ccc solid; margin-bottom: 10px; } .detailname h1{ font-size: 1.7em; text-align: left; padding-left: 0px; /* font-weight: normal; */ color: #666; } div.detaildiscounts{ font-size:1.0em; color: #dd0000; padding: 8px 10px 15px 5px; float:left; clear: left; display:none; } span.detaildiscountsapply{ display: none; } div.detaildescription{ font-size: 1.0em; margin-top:35px; float:left; padding-left:8px; padding-top:10px; padding-bottom: 20px; width:100%; border-bottom:1px #ccc dotted; font-weight: normal; } .detaildescription .tabpanelcontent ul{ list-style-type:disc; display: flex; flex-direction: column; margin-left: 30px; height: auto; margin-bottom: 30px; width: 90%!important; } .detaildescription .tabpanelcontent li{ padding-bottom: 12px; width: 100%!important; } .detaillistprice{ font-size: 16px; text-align:left; color: #999999; float:right; width:47%; padding-top:0px; margin-top: 35px!important; color: #666; } option.oostock { color : #f7b7b7; } .yousave {background-color: #b71b1bc4;font-size: 14px;color: #fff;margin-left: 8px;padding: 12px 3px 12px 3px;font-weight: bold;border-radius: 20px;margin-left: 15px;} div.detailprice{ font-size: 18px; font-weight:bold; text-align:left; float:right; width:47%; margin-top:35px; clear: right; } div.detailcurrency{ padding-top: 1px; font-size: 10px; text-align:left; float:right; width:47%; clear: right; padding-bottom: 2px; display:none; } div.detailreviewstars, .detailcustom1{ float:right; width:47%; padding-top: 5px; } .ecthreview{ padding-top: 20px;} .detailoptions{ margin: 8px 25px 18px 0px!important; float:right; width: 46%; /* background-color: #e7e7e7; */ padding: 6px; margin-left: 5px; border-radius: 3px; } div.detailoptiontext{ width:97%; float:left; font-size: 14px; font-weight: bold; padding-left:5px; margin-top: 0px; margin-bottom: 0px; text-align: left; } div.detailoption{ width:97%; } select.detailprodoption { display: block; padding: 10px 70px 10px 13px !important; max-width: 450px; width:100%; height: auto !important; border: 1px solid #d0d0d0; border-radius: 3px; background: url("../images/select-menu-arrow.png") right center no-repeat; background-color: #fff; font-size: 1.0em; appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #666;} div.prodoptioncontainer{ margin:0px; display:block; align-items: normal; } .previousnext{ display: none; } div.emailfriend{ padding-top: 10px; text-align:center; float:left; width:200px; } div.detailquantity{ float:right; width:52px; margin-top:7px; background-color: #fff; } div.detailquantitytext{ margin:4px; float:left; width:40px; text-align:right; display: none; } div.detailquantityinput{ float:right; text-align:left; padding-right: 3px; } div.detailaddtocart{ float: right; width: 43%; background: none; clear: right; margin-top:0px; margin-bottom: 50px; } div.detailaddtocart .detailbuybutton { float:left; clear: right; background: none; margin-left: 10px; max-width: 400px; } div.quantity1div { width: 55px; height: 38px; } div.quantity1div div{ background-color: #fff; } .detailbuybutton, input.checkoutbutton{ font-weight: normal; min-height:40px; } .detailbuybutton, .buybutton, input.checkoutbutton, .ectbutton.configbutton, .notifystock{ padding-top: 6px; padding-bottom: 4px; cursor: pointer; border-radius: 4px!important; } div.detailnotifystock { width: 47%; float: right; text-align: left; } .detailbuybutton, .detailnotifystock img{ float: left;} div.checkoutbutton{ padding: 10px; float: right } .detailnotifystock{ text-align:center; padding-top:6px; float:left; width:80%; } div.review{ width:60%; } div.navdesc{ padding-top:10px; } input#w0quant {height: 36px; font-size: 18px; font-family: Arial; color: #333;} #addthiswrap{ position: absolute; top: 250px; margin-left: 15px; width: 250px; } img#prodimage0.prodimage.detailreviewimage{ width: 30%; margin: 1%;} span.review.reviewsforprod{ display: block; padding-top: 20px; font-size: 15px; font-weight: bold; } span.review.reviewback{ padding-top: 20px; font-weight: bold; } div.addthis_sharing_toolbox{ width: 100%; padding-top: 10px; float: right; margin-bottom: 10px;} div.customdetail{ float: right; position: relative; top: 100px; width: 47%; margin-bottom: 0px;} div.customin{ float: left; background-color: #f1f5fb; width: 80%; padding: 10px; border: 2px #c1c4ea solid;} div.pcatdetail, .detailcustom3{ float: right; position: relative; width: 47%; background-color: #f5f5f5; clear: right } div.pcatin{ float: left; /* background-color: #e87e7e; */ color: #dd0000; /* width: 100%; */ /*padding: 7px;*/ /* height: 55px; */ overflow: hidden; /*border-radius: 10px;*/ text-align:center; /*margin-top:20px;*/ max-width: 550px; font-size: 1.05em } div.detaildel{ float: left; position: relative; max-width: 550px; background-color: #edf0f9; clear: right; margin: 10px 0px; Padding: 8px 12px; font-size: 0.9em; border-radius: 10px; border: 1px solid #ddd; } /* The category page ------------------------------------*/ div.category{border: none;border-radius: 6px;width:22%;float:left;padding: 0px;margin: 16px 0.9%;color: #666;background-color: #ededed; overflow:hidden;} div.category:hover{ position:relative; box-shadow: 0px 0px 8px #999; transition: all 0.3s ease-in-out; transform: scale(1.06); } div.category{ transition: all 0.3s ease-in-out; } /*div.category{border: none;border-radius: 6px;width:22%;float:left;padding: 0px;margin: 16px 1.2%;color: #666;background-color: #ededed;}*/ /*div.category:hover{ position:relative; box-shadow: 0px 0px 8px #999; transition: all .2s ease-in-out; transform: scale(1.03); }*/ div.catnavwrapper{ width: 100%;} .catimage{ width: 100%; border-radius: 6px 6px 0px 0px; } div.catdesc{font-size: 13px;padding: 4px;height:68px;overflow:hidden;margin-top: -12px; line-height: 1.3; display: none; } div.navdesc{ display:none; /* Removes the text "View all products in all categories */ } div.catname{ margin-top:-8px; height: 36px; overflow:hidden; background-color:#81807f; border-radius: 0px 0px 6px 6px; } .catname a{ font-family: 'Exo 2', Arial, Helvetica, sans-serif; font-size:18px; color: #fff!important; font-weight: bold; text-decoration: none!important; padding: 4px 6px; display:block; margin: 0px; } /*div.catname:hover{ background-color: #999;} div.catname a:hover{color: #f7f7f7!important;} */ div.catnavigation{ padding-left: 5px; } div.catdiscounts, .allcatdiscounts{ display: none; } .categorymessage{ padding-left:5px; } /*-------------------------------------------------------------------*/ div.minicartoneline{ background-color: #f5f5f5; padding-left: 5px; font-size: 1.0em; font-weight: normal; display: block; } div.minicartoneline1{ padding: 0px; float: left; color: #666; font-size: 1.0em; } div.minicartoneline2{ padding-right: 8px !important; float: left; color: #666; font-size: 1.0em; } div.minicartoneline3{ padding: 0px 3px 0px 3px; color: #666; font-size: 1.0em; } div.minicartoneline3 a{ padding: 0px; font-size: 1.0em; } a.ectlink.mincart { color: #666; font-size: 1.0em; white-space: nowrap; text-decoration: none; } .ectbutton.ectlink.mincart{ margin-left: 3px; padding: 3px 7px!important; height:unset; font-size:14px; } #csr .minicartoneline a.ectlink.mincart{background-color: #777!important; padding: 3px 6px; color: #fff; text-decoration:none;border-radius: 4px;} #csl a.ectlink.mincart:hover{ color: #555!important; } .cstat {padding: 0px 0px 0px 0px; background-color: #e5e3e0; width: 100%; } #csl {float: left; width: 50%; padding: 5px;} #csr {width: 50%; float: left; padding: 0px;} #csc { position: relative; background-color: #e5e3e0; padding-top: 5px; width: 0%; float: left; overflow: hidden; display:none;} #csc img { float: right; padding: 0px; } div#csl .minicartoneline a.ectlink.mincart{ font-weight: normal; } /*--Dynamic Menu---------------------------------------*/ ul.ectmenu1 { list-style: none; border:0px solid; font-size:1.1em; font-family: 'Exo 2', sans-serif; padding:0px; background-color: #f5f5f5; position: relative; z-index: 10; } li.ectmenu1 { border-bottom: 1px dotted #bbb; padding:0px; } li.ectmenuhassub1 a{ display:block; padding:4px; background-image:url(../images/arrow2.gif); background-position: right bottom; background-repeat: no-repeat; } li.ectmenuhassub1 a:hover{ display:block; background-image:url(../images/arrow2ov.gif); background-position: right bottom; background-repeat: no-repeat; background-color: #e69d01; color: #fff; } li.ectmenu1 a{ display:block; padding:8px; } li.ectmenu1 a:hover{ background-color: #999; color: #fff; } li.ectsubmenu1{ margin-top: 1px; background-color: #e5e3e0; border-bottom: 1px solid #ccc; border-left: 2px solid #ccc; position: relative; z-index: 100; } #ect0_86.ectmenu1 a{ border-top: 1px dotted #bbb; /* font-weight: bold; font-size: 1.0em; */ } #ect0_84.ectmenu1 a{ background: url(../graphics/new.png) no-repeat center right; } #ect0_54.ectmenu1 a{ color: #dd0000; } #ect0_54.ectmenu1 a:hover, #ect0_86.ectmenu1 a:hover,#ect0_84.ectmenu1 a:hover { background-color: #999; color: #fff; } img.cartimage { width: 75%!important; height: 75%!important; vertical-align:middle;} .mantlogo{ float: right; margin-right: 7px; padding: 0px; } .mantlogo img{ width: 90px;} .tpromo, .tpromom{ background-color: #a2a1b2; padding: 8px; text-align: right; color: #fff; min-height:33px; } .tpromom{ text-align:center; } .tpromo a, .tpromom a{ color: #fff; text-decoration:underline;} /*--Recent View---------------------------------------*/ div.recentviewheader a{ font-family: 'Exo 2', sans-serif; font-size: 16px; } div.recentview { font-family: 'Exo 2', sans-serif; } div.recentviewheader{ width:100%; border-bottom:1px solid #ccc; padding-bottom:6px; } div.recentviewline{ width:100%; border-bottom:1px solid #ccc; padding:6px 2px; float: left; } div.recentviewimage{ width:48%; float:left; } img.recentviewimage{ width:70px; float:left; } div.recentviewname{ width:48%; float:left; font-size:12px; margin-top:8px; } div.recentviewcategory{ font-weight: bold; } /*--Social Buttons ---------------------------------------*/ div.socialmediabuttons{ width: 47%; padding-top: 10px; float: right; margin-bottom: 30px; -webkit-appearance: none; -webkit-border-radius: 0;} div.socialmediabutton{float:left;width:105px;text-align: center;height:30px;} div.socialmediabutton.smpinterest{width:140px;height:30px;} div.socialmediabutton.smfacebook{height :30px;} div.socialmediabutton.smfacebook.smtwitter{width:70px;margin-top:7px;margin-left: -20px;height:30px} div.socialmediabutton.smaskaquestion{width:100px;height:30px;margin-left: -26px;} /*--Side Filter ---------------------------------------*/ div.sidefiltercont{ font-family: 'Exo 2', sans-serif; background-color: #eaeaea; padding:12px; margin-bottom: 20px; /* box-shadow: 1px 3px 5px #999;*/ border-radius: 5px; } div.sidefiltercont .left_text{ padding-top:5px;} .sidefiltercont h2{ font-size: 1.5em!important; font-weight: bold; margin-top: 5px; margin-bottom: 0px; } div.ectpat { font-size:1.1em; padding-top: 3px; color:#D00; } div.ectpat a:hover{ color: #d00; } div.ectpattitle{ font-size:1.2em; border-bottom: 2px solid #999; } div.moreattributes{ background: rgba(184,184,184, .8) !important; color:#000; font-size:15px; font-weight:bold; padding:1px; border:1px solid #999 !important; } div.ectpacount{ font-size:0.9em; color:#666; display: none; } div.ectpatgrp{ margin-bottom:4px; padding:6px; /*background-color: #eaeaea;*/ } div.ectpattitle a{ color: #d00; font-weight:normal; } div.ectpattitle a:hover{ color: #333; font-weight:normal; } .ectpatcbset{ font-weight: 700; } .csprodinstock, .csprodsku, .csprodid { display: none; } div.cartbg { background-color: #fff; padding: 5px; float: left; width: 99%; } div.ectdiv2column ul li{ width: 100% } .middle_contain_top h1{ margin: 5px 0px 5px 0px; } .middle_contain_top h2{ margin-left: 3px; } .left_contain_top h2{ margin-top: 5px; margin-bottom: 0px; } .cdformpayment .cdformradio{ margin-right: 8px; } .cartloginbuttons .cartloginlogin, .cartloginbuttons .cartloginnewacct { width: auto; padding-right: 5px } /* ~~ Drop Down Mini Cart ~~*/ /* ~~ Main container ~~*/ .ectdp_minicartmainwrapper{ /* background: #fff none repeat scroll 0 0; */ position: absolute; right: 0; margin-right: 0px; background-color: #f5f5f5; } .ectdp_minicartmainwrapper_ct{ width: 100%; } #csr a.ectlink.mincart:hover{ background:none!important; } /* ~~ View cart line display ~~*/ .ectdp_minicartopen{ padding: 5px; cursor:pointer; width:160px; float:right; clear:both; border-radius: 20px; border-bottom: 1px solid #7f7f7f; } .ectdp_minicartopen img{display:none;} .ectdp_minicartopenimg{ margin-top:2px; margin-left:20px; } /* ~~ Products in cart message ~~*/ .ectdp_pincart{ width:100%; float:left; margin-top:12px; } /* ~~ Drop down display ~~*/ .ectdp_minicartcontainer{ background:#fff; font-size: 0.9em; padding:10px; margin:0px; width:320px; box-shadow: 0 5px 6px 0 rgba(161,161,161,161); -webkit-box-shadow: 0 5px 6px 0 rgba(161,161,161,161); } /* ~~ Close and checkout buttons ~~*/ .ectdp_minicartclose, .ectdp_minicartcheckout{ cursor:pointer; background-color:#666 !important; padding:4px 16px!important; border-radius:0px; line-height:38px; } a.ectdp_minicartclose, a.ectdp_minicartcheckout{ color:#fff !important; } a.ectdp_minicartclose:hover, a.ectdp_minicartcheckout:hover{ background-color:#333 !important; text-decoration:none; } /* ~~ Delete button ~~*/ a.deletecartitem{ color:#fff !important; text-decoration:none; background-color:#EE5249 !important; border-radius: 50%; width: 40px; height: 40px; font-size:0.9em; padding:1px 4px; } a.deletecartitem:hover{ color:#000 !important; text-decoration:none; } .ectdp_minicartitemImg{ width:60px; float:left; margin-right: 5px; } .ectdp_minicartitemDelete{ float:left; width:24px; padding-top:16px; text-align:right; } /* ~~ Totals display ~~*/ .ectdp_minicarttotal{ text-align:right !important; margin-right:28px; margin-bottom:10px; font-size: 1.0em; border-bottom:1px solid #ccc; padding: 6px 0px; } /* ~~ Discounts display ~~*/ .ecHidDsc{ text-align:right !important; margin-right:28px; color:#EE5249; padding-top:6px; } /* ~~ Product image ~~*/ .ectdp_minicartImg{ padding: 10px 2px; width:60px !important; height:auto; } /* ~~ Product name display ~~*/ .ectdp_minicartitemName{ float:left;width: 208px; text-align: right; padding: 15px 2px; border-bottom:1px solid #ccc; } /* ~~ Div setting ~~*/ div.minicartcnt_dp{ text-align:center; clear:both; } /* ~~ Empty cart display ~~*/ div.ectdp_empty{ width:100%; float:left; text-align:center; padding:12px 0px; } /* a.ectlink.mincart{ color: #ccc; text-decoration: none; } .down_nav{ display:none; } */ /* ~~ Drop Down Mini Cart End ~~*/ #dinfo{ background-color: #f5f5f5; margin: 15px; padding: 15px; border-radius: 10px; border: 1px solid #dedede; } #ginfo{ background-color: #eeeeee; padding: 15px; text-align: center; margin: 15px; } #glinfo{ padding: 10px; margin-bottom: 10px; } #ginfo a, #glinfo a{ text-decoration: underline; } div.socialmediabutton.smaskaquestion input, input.emailfriend{ background:#6967ad!important; color:#fff; height:22px; border-radius:4px; font-size:13px; cursor:pointer; margin-top:0px; margin-left: -10px; padding: 0px 8px 0px 8px; -webkit-appearance: none; -webkit-border-radius: 0; } div.socialmediabutton.smaskaquestion input:hover, input.emailfriend:hover{ background:#575590!important; -webkit-appearance: none; -webkit-border-radius: 0; } h1.scrheader{ text-align: left; margin-top: 20px; padding-left: 0px; } .search_bg #ecttext.search_look:focus{ outline: none; } .search_bg #ecttext.search_look{ width:100%; height: 45px; float:left; border-style: solid; border-width: 2px; border-radius: 30px; border-color: #ddd; font-family:Arial; font-size: 16px; color:#777; padding: 12px 12px 8px 15px; } .search_bg #ecttext.search_look::placeholder{ color:#919191; } .search_bg #ecttext.search_look:focus{border: 2px solid #adb1d2; color: #333} .search_bg .autosearch{ top: 38px; left: 5px; max-height: 150px; overflow-x:hidden; overflow-y: auto; width: 100%; } .search_bg div.autosearch{ min-width:150px; } div.autosearch:before{ content: "Suggested products..."; font-style: italic; color: #999; padding-left: 5px; } div.autosearch{ font-size:16px; } #hpprods{ background-color: #e2e1ef; width:97%; margin: 10px 2% 30px 1%; padding: 18px; border:0; /* border-radius:5px; */ } .hptitle{ color: #fff; font-size: 20px; font-weight: bold; float:left; width:100%; padding-left: 6px; } #hpprods p.cstitle{ display: none; } .hptitle p{ margin: 0px; padding: 0px; } #qao { padding-left: 20px; margin-bottom: 20px; font-family: times; font-weight: bold; font-size: 18px; } #qaqa { padding-top: 10px; padding-bottom: 0px; } #qac { padding-bottom: 10px; clear:left } #qal { margin-left: -80px; font-family: times; font-weight: bold; font-size: 14px; float: left; } #qaq { padding-left: 80px; font-family: times; font-weight: normal; font-size: 14px; } input.widecheckout2, input.widecheckout3 { font-weight: bold; font-size: 18px; background: #7f7f7f!important; } input.widecheckout2:hover, input.widecheckout3:hover { background: #666!important; color: #fff; } input.ectbutton,button.ectbutton{ background:#7f7f7f!important; color:#FFF!important; } input.ectbutton:hover,button.ectbutton:hover{ background:#666!important; color:#FFF!important; } #onecol td { padding: 10px; border: 5px #f5f5f5 solid; } .infoguides { background-color: #ccdeef; background-image: url('../images/htlogo.png') ; background-repeat: no-repeat ; background-position: 95% 40%; padding-right: 65px; /*border: 1px solid #ddd;*/ /*border-radius: 9px;*/ line-height: 1.4em; font-weight: bold; } .infoguides .left_contain_main a{ text-decoration: underline } .infoguides .left_contain_top, .infoguides .left_contain_bottom{ border: 0px; } .infoguides h2{ font-size: 1.6em; line-height: 1.2em; padding-bottom: 6px; } .infoguides .left_contain_bottom{ height: 15px; } /* Responsive Content */ .comed { max-width: 49%; display: inline-block; display: -moz-inline-stack; vertical-align: top; padding: 10px; } .cosm { max-width: 32%; display: inline-block; display: -moz-inline-stack; vertical-align: top; padding: 6px; } .colg{ width: 90%; margin-left: auto; margin-right: auto; } .coimage{ padding: 5px; display: block; margin-left: auto; margin-right: auto; width: 98% } .coimage img, .coimagel img, .coimager img{ width:100%; padding: 1% } .cotext{ padding: 0px 10px 20px 10px; line-height:1.5; } .cotext a{ text-decoration: underline; } .coimagel{ float: left; width: 50%; padding: 0px 55px; } .coimager{ float: right; width: 50%; padding: 0px 25px; } .coflow{ width: 95% } @media all and (max-width:900px) { .cosm{max-width: 49%} .coimager, .coimagel{width:100%;} } @media all and (max-width:600px) { .cosm{max-width: 97%} .comed{max-width: 97%} } div.product.hide-addtocart div.addtocart, div.csproduct.hide-addtocart div.csaddtocart, div.product.hide-addtocart div.prodprice {display: none} div.detaildateadded{ float:right; width:47%; padding-top: 0px; } div.detailsku{ float:right; width:47%; padding-top: 0px; } .detailmultioptiontext{ min-width: 450px; } .ahead{ float: right; width: 47%; margin-bottom: 0px; } .ahead h2{ float: left; text-align: left; font-weight: normal; font-style: italic; } input.ectbutton,button.ectbutton{padding:2px 8px;border:0;border-radius:4px;font-family:Fontawesome, sans-serif;cursor:pointer;font-weight:normal;font-size:16px; height:38px;} div.largereviewstars svg.icon,div.smallreviewstars svg.icon{display:inline-block;fill: #ffda08;} .ectmegamenu > ul > li{float:left;margin:0;padding:0;background: #81807f;} .ectmegamenu > ul > li > ul{display:none;width:100%;background: #b5b3b0;padding:20px; z-index: 999;left:0;margin:0;list-style:none;/* box-sizing:border-box; */} .ectmegamenu > ul > li a{text-decoration:none;color: #fff;padding:10px 40px 10px 40px;display:block;/*font-weight: bold;*/} .ectmegamenu > ul > li:hover {background-color: #666;} .ectmegamenu > ul > li > ul {background-color: #fffbfb; z-index: 5000; border:1px solid #444; box-shadow: 0px 5px 50px #444;font-family:Fontawesome, sans-serif;font-size: 0.95em;} .ectmegamenu > ul > li > ul > li a{color: #333; font-weight: normal; line-height: 1em; overflow: clip; white-space: nowrap; border-bottom:1px solid #333;padding-left: 0px!important; padding-right: 0px!important;}.ectmegamenu > ul > li > ul > li a:hover{color:#ff3939;} .ectmegamenu > ul > li > ul > li {padding: 0px;} .ectmegamenu {margin: auto;font-family:Fontawesome, sans-serif;font-size: 1.0em; width: fit-content; } .ectmegamenu > ul > li > ul > li img{max-width: 100%;} button.smaskaquestion, button.smemailfriend{width: max-content;height: unset;} .tns{ background-color: #d75656; border: 6px solid #81807f; border-radius: 10px; padding: 4px 30px!important; } .ectbutton.notifystock:hover{background-color: #d87c7c!important;} .ectbutton.notifystock{background-color: #b5b3b0!important; padding: 7px!important;} .ectmega-has-dropdown > a:after{content:"\25bc";font-family:"Helvetica";font-size: 0.7em;} .ectmegamenu > ul > li > ul > li > ul > li{text-align:left; float:left; margin:0; width:100%; padding:4px 0; font-size:0.95em; line-height: 10%;} .ectmega-has-dropdown:before{background-color:#b5b3b0;} span.megamobiletext:before{ content:"Menu"; color: #fff;font-size : 1.1em; font-weight: bold;font-family: Fontawesome, sans-serif;} .ectmegamenu > ul > li > ul.normal-sub > li a{border:0;padding:1em 0;line-height: 10%; font-size:0.95em;} .ectmega-has-dropdown::before{color: #fff; background: none; } img.menuicon{ padding: 10px 20px 10px 5px; width: 100%; } .moffer{margin: 0px 8px; } .moffer img:hover{ position:relative; transition: all 0.3s ease-in-out; transform: scale(1.06); } .moffer img{ transition: all 0.3s ease-in-out; border-radius: 3px; } .menuimage img{ border-radius:10px;} .soffer{ margin-top:24px; } .soffer ul li{ width:25%; } .soffer ul li ul li{ width:100%!important; } .sliderimages { overflow:hidden } .sliderimages img { min-width: 1200px; float:right } .slidercaptionbottom { display: block; position: absolute; z-index: 2; font-size: 40px; font-family: 'Exo 2', Arial,sans-serif; color: #fff; /*! background: #000; */ /*background: rgba(0,0,0, .3);*/ /*! border-top:1px solid #000; */ bottom: 30px; margin: 0; width: 100%; text-align: center; padding-bottom:12px; font-weight: bold; } .slidercaptionlinks{ text-align: center; padding: 20px 5px; } .slidercaptionlinks a{ font-weight:bold; font-size:20px; color: #fff; background-color:#5f5f5f; border-radius:3px; } .ectverticalmenu3 .ectmenu1, .ectmenu1.ectsub1{ background-color: #f5f5f5; border: none; border-bottom: 1px #ccc solid; margin-bottom: 0px; } .ectmenu1.ectsub1{ border-left: 2px #ccc solid; } ul.ectverticalmenu3 > li, ul.ectsubverticalmenu3 > li{border:1px solid #CCC; min-width:0;min-height:34px;margin-bottom:-1px;background-color:#FFF;} ul.TabbedPanelsTabGroup > li.TabbedPanelsTab { background-color:#eee } #TabbedPanels1 > ul > li.TabbedPanelsTab.TabbedPanelsTabSelected{ background-color:#fff } .product.prodarticle .addtocart, .product.prodarticle .prodprice, .product.prodarticle .prodcurrency{ display: none; } .ectbutton{ font-size: 16px; padding: 6px 10px!important; } div.quantity1div { line-height: 0.66em; } div.ectsoftwrapper input[type=text], div.ectsoftwrapper input[type=email], div.ectsoftwrapper input[type=password], div.ectsoftwrapper textarea, div.ectdivright input[type=text], div.ectdivright input[type=password], div.cobll input[type=text], div.cobll input[type=email], div.cobll input[type=tel], div.ectdivright textarea, input.ecttextinput, textarea.ecttextinput{ font-size: 1.0em; } div.ectdivright select, select.ectselectinput, div.cobll select, div.ectsoftwrapper select{ font-size: 1.0em; color: #666; } input[type=button].widecheckout2, input[type=button].widecheckout3, input[type=submit].widecheckout2, input[type=submit].widecheckout3, button.widecheckout3{ font-size: 1.1em; padding: 9px!important; border-radius: 0px;} .ectbutton, input.ectbutton, input.checkoutbutton.checkoutbutton, .ectbutton.configbutton { border-radius: 4px!important; padding-top: 7px!important; padding-bottom: 7px!important; } div.TabbedPanelsContentGroup{ background-color:#FFF; border:1px solid #ccc; } ul.TabbedPanelsTabGroup > li.TabbedPanelsTab{ border:1px solid #ccc;} ul.TabbedPanelsTabGroup > li.TabbedPanelsTabSelected{ border-bottom:1px solid #FFF; } #cartlistid2 > div:nth-child(26) > div.cdaddflag.cdformterms{ font-weight: bold; } /* ----------------------------------- */ /* ----------------------------------- */ .label-top-seller div.prodimage, .label-top-seller div.csprodimage{ position:relative; } .label-top-seller div.prodimage::after, .label-top-seller div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f0e7" ' TOP SELLER'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#0c0c0c; background:#ffc300; padding:8px 6px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-discount div.prodimage, .label-discount div.csprodimage{ position:relative; } .label-discount div.prodimage::after, .label-discount div.csprodimage::after {font: 12px FontAwesome, arial,sans-serif; content: "\f02b" ' DISCOUNT'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#ffffff; font-weight:bold; background:#373737; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-hot div.prodimage, .label-hot div.csprodimage{ position:relative; } .label-hot div.prodimage::after, .label-hot div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f0e7" ' HOT'; position: absolute; letter-spacing: 1px; left: 6px; top: 10px; color:#0c0c0c; background:#ffb800; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-popular div.prodimage, .label-popular div.csprodimage{ position:relative; } .label-popular div.prodimage::after, .label-popular div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f0e7" ' POPULAR'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#0c0c0c; background:#ffb800; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-clearance div.prodimage, .label-clearance div.csprodimage{ position:relative; } .label-clearance div.prodimage::after, .label-clearance div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f006" ' CLEARANCE'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#0c0c0c; background:#e6ff00; padding:8px 6px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-sale div.prodimage, .label-sale div.csprodimage{ position:relative; } .label-sale div.prodimage::after, .label-sale div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f145" ' SALE'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#ffffff; font-weight:bold; background:#f23232; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-save div.prodimage, .label-save div.csprodimage{ position:relative; } .label-save div.prodimage::after, .label-save div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f02b" ' SAVE'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#ffffff; font-weight:bold; background:#f23232; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-unavailable div.prodimage, .label-unavailable div.csprodimage{ position:relative; } .label-unavailable div.prodimage::after, .label-unavailable div.csprodimage::after {content: 'CURRENTLY UNAVAILABLE'; position: absolute; font: 14px Arial,sans-serif; letter-spacing: 0px; left: 6px; top: 10px; color:#0c0c0c; background:#ccc; padding:8px 12px; opacity:0.7; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-new div.prodimage, .label-new div.csprodimage{ position:relative; } .label-new div.prodimage::after, .label-new div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f006 " ' NEW'; position: absolute; letter-spacing: 2px; right: 6px; top: 10px; color:#0c0c0c; background:#fdd017; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-limited-stock div.prodimage, .label-limited-stock div.csprodimage{ position:relative; } .label-limited-stock div.prodimage::after, .label-limited-stock div.csprodimage::after {content: 'LIMITED STOCK'; position: absolute; font: 14px Arial,sans-serif; letter-spacing: 1px; right: 6px; top: 10px; color:#0c0c0c; background:#ffaeae; padding:8px 12px; opacity:0.7; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } .label-offer div.prodimage, .label-offer div.csprodimage{ position:relative; } .label-offer div.prodimage::after, .label-offer div.csprodimage::after {font: 14px FontAwesome, arial,sans-serif; content: "\f02b" ' OFFER'; position: absolute; letter-spacing: 1px; right: 6px; top: 10px; color:#ffffff; font-weight:bold; background:#212121; padding:8px 12px; opacity:0.8; border-radius:3px; z-index:10; /*transform: rotate(330deg);*/ -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /*VAT Display Off */ div.cartcountrytax_cntnr{ display:none; } /* Contact form added by Mark from VTS Web Services */ #onecol #vtscontactform h2, #contact-info h2 {text-align:left!important;color:#333!important;margin-left:-10px!important; margin-bottom:25px!important;} #vtscontactform{ width: 58%; float:left;margin-right:2%;} #contact-info{ width: 38%; float:left; background-color: #e9e9e9; padding: 10px;margin-top:20px;margin-left:2%} #vtscontactform label {display:block!important;margin-top:15px!important;} #vtscontactform br {max-height:1px!important;} .mediumwidth {width:100%!important;} .longwidth {width:100%!important;} #vtscontactform input { font-size: 1.1em; color: #666; padding: 6px;} #vtscontactform textarea{ font-size: 1.1em; color: #666;padding: 6px;} #Subresult {margin-top:10px!important; max-width:450px;display:none;background:#eeffdc!important; color:#333; padding:5px 10px!important; border:1px solid #7a9617!important;box-shadow: 5px 5px 8px #aca5a5;border-radius: 10px;} #Subfail {margin-top:10px!important;width:100%;display:none;background:#ff0000!important; color:#fff; padding:10px!important; border:1px solid #ccc!important;} #contactlink {font-weight:600!important; cursor:pointer!important;text-decoration:none!important;} .vts-submit {cursor:pointer!important;display:inline-block!important; font-weight:600!important; border:1px solid #ccc!important; border-radius:5px!important; background:#666!important; padding:8px 12px!important; color:#fff!important; } .vts-submit:hover {background:#555555!important; color:#fff!important;} @media screen and (max-width: 400px) { #Subresult {width:100%!important;} #Subfail {width:100%!important;} .longwidth {width:100%!important;} textarea {width:100%!important;max-width: 100%!important;min-width:100%!important;} } @media screen and (max-width: 950px) { #vtscontactform{ width: 100%; } #contact-info{ width: 100%; margin-left:0px; } } .sfslidercontainer div{ background:#8d8ab4; } .promobanner{ display:inline-block; /* background-color:#e2e1ef; */ /* padding: 10px; */ width:97%; margin: 10px 2% 30px 1%; } .promocontent { width:50%; float:left; padding:10px; } .promocontent { width:33%;} @media all and (max-width: 990px) { .promocontent {width: 50%!important;} .promocontentl{display:none;}} @media screen and (max-width: 450px) { .promocontent {width:100%!important;} .promocontentl {display:inline;} } .promoimg{ width:100%; margin:auto; overflow:hidden; border-radius: 3px; float:left; } .promoimg img { width:100%; padding:0px; transition: all 0.3s ease-in-out; } .promoimg img:hover { transition: all 0.3s ease-in-out; transform: scale(1.06); } .sliderimages { animation-name: fadeIn; animation-duration: 2s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } span.prodidlabel.detailidlabel{ background-color: #dde2ed; border: 1px solid #dde2ed; padding: 3px 0px 3px 10px; border-radius: 20px 0px 0px 20px; } #ectform0 > div.detailid > span:nth-child(2){ border: 1px solid #ddd; padding: 3px 12px 3px 5px; border-radius: 0px 20px 20px 0px; background-color: #fafafa; } /* Top Menu Mod --------------- */ .top_nav{background: #f5f5f5;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .ectmegamenu > ul > li{float:left;margin:0;padding:0;background: #f5f5f5;} .ectmegamenu > ul > li > ul{display:none;width:100%;background: #b5b3b0;padding:20px; z-index: 999;left:0;margin:0;list-style:none;/* box-sizing:border-box; */} .ectmegamenu > ul > li a{text-decoration:none;color: #7e7e7e;padding:10px 40px 10px 40px;display:block;font-weight: bold;} .ectmegamenu > ul > li:hover {background-color: #d7d7d7;} .ectmegamenu > ul > li > ul {background-color: #fffbfb; z-index: 5000; border:1px solid #444; box-shadow: 0px 5px 50px #444;font-family:'Exo 2', Arial, Helvetica, sans-serif;font-size: 0.95em;} .ectmegamenu > ul > li > ul > li a{color: #333; font-weight: normal; line-height: 1em; overflow: clip; white-space: nowrap; border-bottom:1px solid #333;padding-left: 0px!important; padding-right: 0px!important;}.ectmegamenu > ul > li > ul > li a:hover{color:#ff3939;} .ectmegamenu > ul > li > ul > li {padding: 0px;} .ectmegamenu {margin: auto;font-family:'Exo 2', Arial, Helvetica, sans-serif;font-size: 1.0em; width: fit-content; position:relative; z-index:200;} .ectmegamenu > ul > li > ul > li img{max-width: 100%;} .tns{ background-color: #f5f5f5; border: 0px; border-radius: 0px; padding:10px 40px 10px 40px!important; color:#ec5050!important; } .tns:hover {background-color: #d7d7d7;} .ectmega-has-dropdown > a:after{content:"\25bc";font-family:'Exo 2', Arial, Helvetica, sans-serif;font-size: 0.7em;} .ectmegamenu > ul > li > ul > li > ul > li{text-align:left; float:left; margin:0; width:100%; padding:4px 0; font-size:0.95em; line-height: 10%;} .ectmega-has-dropdown:before{background-color:#b5b3b0;} span.megamobiletext:before{content:"Menu";color: #666666;font-size : 1.1em;font-weight: bold;font-family: 'Exo 2', Arial, Helvetica, sans-serif;} .ectmegamenu > ul > li > ul.normal-sub > li a{border:0;padding:1em 0;line-height: 10%; font-size:0.95em;} .ectmega-has-dropdown::before{color: #666666; background: none; } img.menuicon{ padding: 10px 20px 10px 5px; width: 100%; color: #666666!important; } /*---------------------------------------------*/ .menuacc{ /* border: 1px solid #666666; */ margin:5px; padding: 10px; text-align:center; border-radius: 3px; background-color: #eee; } .pmenuacc .menuacc{font-family: 'exo 2', Arial, Helvetica, sans-serif;float:left;width: 24%;margin-left: 0.5%;margin-right: 0.5%;} .menuacc:hover, .menuacc a:hover{background-color:#ccc; color:#333!important;} .menuacc a{text-decoration:none!important;} .pmenuacc{ margin-left:auto; margin-right: auto; width:90%; margin-bottom:30px; } @media all and (max-width: 940px) { .pmenuacc{width:100%;} .pmenuacc .menuacc{ float:left; width:48%} } @media all and (max-width: 640px) { .pmenuacc .menuacc{ float:left; width:100%} } .minicartoneline{ font-size: .8em!important; line-height:1.5em; } .minicartoneline1 { font-size: 20px!important; } /* Banner Caption Left -------------- */ .slidercontainer{ z-index:1; } .slidercaptionbottom { font-size:72px; line-height:1em; text-align: left; padding:30px 120px; font-weight: bold; min-width:400px; margin-bottom:30px; color: #df692b; } .slidercaptionbottom p{ font-size:20px; font-weight: normal; color: #363636; line-height:1em; padding: 5px; } .slidercaptionlinks{ text-align:left; } .slidercaptionlinks a{ line-height:normal; background-color: #696868bf; margin: 5px 20px 5px 0px; padding:5px 8px; white-space:nowrap; float:left; } .slidercaptionlinks a:hover{ background-color:#2b2b2bab; } @media all and (max-width: 940px) { .slidercaptionbottom { background-color:#fbfafa80; } } /* -------------------------- */ .tpcontent{ display: inline-block; padding: 0px 45px; font-size: 0.8em; } .tpcontent a { text-decoration:none; } #cartlistid2 > div:nth-child(24) > div.cdaddflag.cdformterms > label{ font-weight:bold; } div.cobll2{padding: 8px 0;}