/* @import must be at top of file, otherwise CSS will not work @import url("//hello.myfonts.net/count/2911c2");*/ /* RESET CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /* /RESET CSS */ /* FONTS */ @font-face {font-family: 'WalburnItalic';src: url('244053_0_0.eot');src: url('244053_0_0.eot?#iefix') format('embedded-opentype'),url('244053_0_0.woff') format('woff'),url('244053_0_0.ttf') format('truetype');} @font-face {font-family: 'Walburn';src: url('244053_1_0.eot');src: url('244053_1_0.eot?#iefix') format('embedded-opentype'),url('244053_1_0.woff') format('woff'),url('244053_1_0.ttf') format('truetype');} @font-face {font-family: 'TradeGothicLTPro-Cn18';src: url('2911C2_0_0.eot');src: url('2911C2_0_0.eot?#iefix') format('embedded-opentype'),url('2911C2_0_0.woff') format('woff'),url('2911C2_0_0.ttf') format('truetype');} #subnav h2, .featureblock p, #primary-menu li a, .fieldgrp .submit, .fieldgrp label, #cheese h3, .page-head h1, .midlink a, .blog,#blog-nav a, #fullscreen, #slides .notice, .page-head h2, .col1 h2, .col2 h2 { font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; } html{overflow: -moz-scrollbars-vertical; overflow-y: scroll;} body{background: #FFF; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; padding-top:154px; position: relative; z-index:1;} body.scrolled {padding-top: 104px;} a{color:#00a4ba; font-weight:bold; text-decoration:none; outline-color:#ccc} a:hover{text-decoration:underline} .wrapper{width:auto; max-width:1030px; /*min-width: 1030px;*/ padding:0 15px; margin:0 auto} .clr,.hr,#footer{clear:both} h1, h2, h3, h4{text-transform:uppercase;font-family:"Arial Narrow",Arial, Helvetica, sans-serif;padding:0 0 14px 0;font-weight:normal;} h1, .h1{font-size:36px} #main-info h1.h2 { border-bottom: 1px solid #999; padding-bottom: 6px; margin-bottom: 10px; } h2, .h2{font-size:24px; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 2px;} h3, .h3{font-size:18px; padding:0 0 5px 0} h3 a{font-weight:normal} h4, .h4{font-size:14px;} .variant{ } .hr{height:1px; background:#d9d9d9; margin:10px 0} small{font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px;} input, textarea, select{ background: #fff; box-shadow: none; border-radius: 0 !important; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:4px;outline-color:#ccc; outline:none;} input[type=submit] { -webkit-appearance:none;} select{background:#f6f5f2; border:1px solid #d9d9d9} .input-image{padding:0} #header-bar{width:100%; position: relative; background:#C7C8CA;} #header-bar .wrapper{padding:0;} #header{width:100%; position: fixed; top: 0; left: 0; z-index:999;background: #fff; } .homepage #header {background: #fff; height: 104px;} .scrolled #header:after {content: ''; position: absolute; top:0; left: 0; width: 100%; height: 104px; background: #FFF;} #content{width: 100%; clear: both; z-index: 1;} #data-tots { float: left; margin:2px 15px 3px 0; } #data-tots a, #data-tots img { display:block; } #logo {padding: 17px 0; float:left; position: relative; z-index:4; } #logo a, .homepage.scrolled #logo a {width:120px; display: block; transition: width 0.5s ease;} .scrolled #logo a {width:70px; transition: width 0.5s ease;} #logo img{ display:block; width: 100%; height: auto;} #logo a:hover img{background-image:url(logo_blue.png);} .blog-logo{position:relative} .blog-logo span{background: url(blog_ribbon.png) no-repeat; width:113px; height:74px; position:absolute; right:-3px; bottom:-4px} #sidebar,#mainbar{/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/} #sidebar, .scrolled.homepage #sidebar {float:left; background-size: contain; padding: 0;font-family:"Arial Narrow",Arial, Helvetica, sans-serif; text-transform:uppercase; margin: -107px 0 0 0; width: 100%; padding-left: 120px; box-sizing: border-box; transition: margin 0.5s ease;} .scrolled #sidebar {margin-top:-57px; transition: margin 0.5s ease;} #sidebar a{font-weight:normal;} #sidebar a:hover{color:#000;text-decoration:none} #sidebar .current{ } #cart .current { } #secondary-menu{margin:15px 0 0 0; font-size:18px} #primary-menu { position: relative; } #primary-menu a, #secondary-menu a{ display:block; } #secondary-menu span{padding:0 3px} #primary-menu li{ font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding:6px 0; text-align:left; margin: 0 10px; } #sidebar #primary-menu li.item-data-tots > a:after {content: ''; position: absolute; bottom: 9px; left: auto; width: 35px; height: 17px; margin-left: -25px; background: url(kids_burst3.png) no-repeat center center; background-size: contain; } @media screen and (max-width: 961px) { #sidebar #primary-menu li.item-data-tots > a:after { bottom: 13px; margin-left: -20px; width: 28px; height: 13px; } } @media screen and (max-width: 850px) { #sidebar #primary-menu li.item-data-tots > a:after { bottom: 16px; } } @media screen and (max-width: 767px) { #sidebar #primary-menu li.item-data-tots > a:after { bottom: -5px; width: 35px; height: 17px; margin-left: -24px; } } #open-menu { display: none; } #primary-menu li:last-child { padding-right: 0; background: none;} #primary-menu li a { font-weight:normal; font-size:19px; line-height:23px; letter-spacing: 1px; color: #000;} #primary-menu li a:hover { color: #00a4ba;} #primary-menu li a.current { color:#00A4BA; position: relative; z-index: 2;} #primary-menu > li.submenu > a.current.show_submenu:after { content:''; position: absolute; width: 5px; height:22px; border-left:1px solid #939598; border-right:1px solid #939598; border-bottom:1px solid #FFF; top: 30px; left: 50%; margin-left: -7px; } #primary-menu li.submenu ul { position: absolute; left: 22px; top: 58px; border: 1px solid #939598; border-bottom: none; z-index:1; } #footer #primary-menu li.submenu ul { display:none; } #footer #primary-menu > li > a.current:after { display:none; } #primary-menu li { float: left; } #primary-menu li.item-news { float: right; border-left:1px solid #d9d9d9; margin-left:-1px; margin-right: 0; } #primary-menu li.item-about { float: right; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin-left:-1px; margin-right:-1px;} #primary-menu li.item-news a, #primary-menu li.item-about a {font-weight:normal; padding: 0 50px;} #primary-menu li.submenu li { padding:8px 0 0; } #primary-menu li.submenu li a { font-size: 13px; line-height: 13px; } #secondary-menu ul{margin:5px 0 5px 10px; display:none} #secondary-menu .submenu.opened ul{display:block} #secondary-menu .submenu a {background-image:url(submenu_arrow3.gif); background-repeat:no-repeat; background-position:right 0} #secondary-menu .submenu.opened a{background-position:right -45px} #secondary-menu .submenu.closed a:hover{background-position:right -95px} #secondary-menu .submenu.opened a:hover{background-position:right -140px} #secondary-menu ul a{font-size:16px; background-image:none !important} #secondary-menu ul .current{color:#92d3dc;background:none} #cart a{ display:block; color:#C7C8CA; text-decoration:none; text-transform: none; background:#FFF url(cart_btn.png) no-repeat 5px center; font-family:10px/10px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; padding:0 5px 0 26px; min-width:14px; height: 20px; } #cart{font-family: 'Walburn', Georgia, serif; float:right; height:20px; color:#C7C8CA; text-align:center; line-height:20px; position: relative; z-index:2; margin:15px 0 8px;} .scrolled #crumb, .scrolled .textbanner {display: none;} #social{background:url(ribbon.png) no-repeat; width:121px; height:99px; margin:0 0 0 17px; padding:0 4px 0 2px;} #blog #social{background:url(ribbon_blog.png) no-repeat;} .sm-holder{padding:12px 0 0 0; text-align:center; width:84px; margin:0 auto} .networks a{padding:0 2px;} .networks img{background-image:url(ic_social.gif); background-repeat:no-repeat} #ic-facebook img{background-position:top left} #ic-twitter img{background-position:top right} #ic-facebook:hover img{background-position:left bottom} #ic-twitter:hover img{background-position:right bottom} .blog{/*border-top:1px solid #4dbfcf;*/ margin:1px 0; padding:1px 0} #blog-nav{float:left;font-family:"Arial Narrow",Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:22px; font-weight:normal; color:#00a4ba} #blog-nav a{padding:0 8px} #social .blog a{color:#fff; font-size:18px;font-family:"Arial Narrow",Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; padding:0 2px} #social .blog a:hover,#blog-nav a:hover{background:#d9f1f5; color:#00a4ba; text-decoration:none} /*SLIDER*/ #top-banner{background:#fff; position:relative; margin:0 0 15px 0; border-bottom: 1px solid #d9d9d9; /*top: -60px;*/} #topbanner.nob { border: none !important;} .slidewrap { position: relative; width: 100% !important; /*min-width: 1060px;*/ top: -50px; margin-bottom: 15px; } #slider { position: relative; width: 100% !important; height: 574px !important; overflow:hidden;} #slider2 { position: relative; width: 100% !important; height: auto !important; } #slider .slide { width: 100% !important;} .sl-image img{display:block; width: 100%; height:auto; max-width: 100%; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d;} .sl-image img.mobile {display:none;} .sl-caption{height:49px; line-height:49px; /*padding:0 20px; border-bottom: 1px dotted #999;*/ display:none;} .sl-caption span{padding:0 3px} #slidernav{margin:4px; z-index:20; position:absolute; left:0px; bottom: 0;} #slidernav a{margin:4px;height:8px; width:8px; border-radius:10px; text-indent:-9999px; background:#00A0B5; float:left; outline:none; border: 1px solid #fff;} #slidernav a.activeSlide{background:#231F20;} img[usemap] { border: none; height: auto;width: 100%; } /*END SLIDER*/ .midlink, .lowlink { margin-bottom: 15px; font-size: 18px; text-align: center; clear: both; font-family: 'Walburn', Georgia, serif; } .midlink a, .lowlink a { text-transform: uppercase; font-size: 28px; letter-spacing:2px; } .homeblock { background: #fff; clear: both; border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; padding-bottom: 30px; } .homeblock img { /*-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d;*/ /* CCTK CAUSE OF MOBILE BLUR? */} .col1, .col2{width:47.5%; float: left;} .col1{margin-right: 2.5%;} .col2{margin-left: 2.5%;} .col1 img, .col2 img { max-width: 100%; max-height: 276px;} .more{padding:5px 0 0 0 } .threecol1, .threecol2, .threecol3 { width: 30%; margin: 0; float: left;} .threecol1 img, .threecol2 img, .threecol3 img { max-width: 100%; max-height: 257px;} .threecol1 { margin-right: 5%;} .threecol3 { margin-left: 5%; } .home_top_row { margin: -60px 0 15px; } .home_top_row .connections {float:left;} .home_top_row .connections span {display:inline-block; vertical-align:top; text-transform:uppercase; font: 13px/25px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; padding:0 0 10px; letter-spacing: 1px;} .home_top_row .connections a {display:inline-block; width:25px; margin:0 6px 6px 0;} .home_top_row #home-menu {float:left;} .home_top_row #home-menu li {display:inline-block; padding:0 8px;} .home_top_row #home-menu a {font-size:13px; line-height:25px; font-family: 'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #231F20;} .home_top_row .newsletterblock {float:right; margin-right:13px;} .home_col_1 { clear:both; width:48.252%; float:left; } .home_col_2 { width:48.252%; float:right; } .home_col_1 .connections, .home_col_1 .featureblock, .home_col_2 .featureblock {width:46.48%; margin:0 0 7.04%; padding-right:0; border-bottom:1px solid #d9d9d9;} .home_col_1 .connections, .home_col_2 .featureblock {float:left;} .home_col_1 .featureblock, .home_col_2 .featureblock + .featureblock {float:right;} .home_col_1 .featuretext, .home_col_2 .featuretext { font-size:22px; font-family: 'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; border-bottom:1px solid #d9d9d9; margin-bottom: 7.04%; } .home_col_1 .featuretext span.blue, .home_col_2 .featuretext span.blue { color: #00a4ba; } .home_col_1 .featuretext span.black, .home_col_2 .featuretext span.black { color: #231F20; } .home_col_1 .product, .home_col_2 .product {height:auto; width:46.48%; margin:0 0 7.04% 7.04%; border-bottom:1px solid #d9d9d9;} .home_col_2 .product.first { margin-bottom: 7.04%; } .home_col_1 .product.horiz, .home_col_2 .product.horiz { width:100%; margin-bottom:7.04%;} .home_col_1 .product h2 a, .home_col_2 .product h2 a {padding:3px 0 6px; letter-spacing: 1px;} .home_col_2 #blog-box {clear:both; border-bottom:1px solid #d9d9d9; margin-bottom:7.04%; padding-bottom:6px;} .home_col_2 #blog-box h2 {font:bold 13px/16px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; padding:0;} .home_col_2 #blog-box span {display:block; font:bold 12px/15px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif;} .home_col_2 #blog-box a {display:block; font-weight:normal;} .home_col_2 #home-images-row {clear:both;} .home_col_2 #home-images-row a {display:block; float:left; width:21.93%; padding-right:7.04%;} .home_col_2 #home-images-row img {display:block; width:auto; height:auto; max-width:100%;} .post p,.page-holder p{line-height:16px; margin:0 0 16px 0} p.date{margin:0 0 3px 0} .copy ul,ol{margin:0 0 1.5em 2em;} .copy li{list-style-type:disc; list-style-position:outside;line-height:1.5em} .copy p{clear:both} .post blockquote{padding: 10px;border-left:2px dashed #ddd; font-style:italic; margin:0 10px 16px} .post blockquote:first-letter {float: left;margin: 5px 3px 1px 0;font-size: 40px;font-weight: bold;} .page-holder{min-height:300px} .page-holder ul{margin:0 0 0 20px} .page-holder li{list-style-position:outside; list-style-type:square;line-height: 16px; margin:0 0 16px} /*TUMBLR*/ .tmblock{padding:0 0 32px 0;} .tm-img,.album_art{text-align:center} .tm-date{background:url(bg_tumblr_date.png) no-repeat; width:740px; height:37px; margin:0 0 32px 0} .tm-date span{float:left; width:122px; height:34px; margin:0 0 0 59px; line-height:34px; color:#fff; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:20px} .tm-date span a{color:#fff} .hires{height:27px; width:206px; float:right;margin:10px 0} .hires img{background-image:url(image_hires.gif); background-repeat:no-repeat;} .hires:hover img{background-position:bottom left} .btn_rss{height:32px; width:42px; float:right;} .btn_rss img{background-image:url(btn_rss.gif); background-repeat:no-repeat;} .btn_rss:hover img{background-position:bottom left} .tm-caption{width:500px; margin:0 auto} .tm-caption .title{font-size:16px; font-weight:bold;padding:0 0 10px 0} .tm-notes{float:right; margin:15px 60px 0 0} .tmblock .share{margin:0 0 0 120px} .quote{font-size:26px; background:url(quote_bg.png) no-repeat; padding:0 0 0 70px} .copy table{margin:16px 0} .tm-quote{position:relative} .link{background:#d9f1f5;font-size:16px; margin:0 0 16px 0; float:left; padding:10px} #blog-header{height:50px} .source_url{display:block; margin:16px 0 15px 120px; font-size:11px; font-weight:normal} .tm-notes .reblog, #post-notes .action{font-size:11px; color:#666} .chat {background-color: #fff;border-left: 5px solid #8bdae4;font-size: 14px} .chat .lines{margin-left: 1px;} .chat .lines .line {background-color: #ccedf1;margin-bottom: 1px;padding: 3px 5px;} .chat .line.even {background-color: #8bdae4;} #searchresults{margin:0 0 32px} .tags{width:500px; margin:0 auto; font-size:11px; margin:0 auto 16px} .tags a{font-weight:normal} .tag-commas:last-child {display: none;} .audio{background: none repeat scroll 0 0 #d9f1f5;border-radius: 4px 4px 4px 4px; float:left; margin: 0 0 10px 120px;padding: 7px;} .audio .player{float:left} .audio .meta{float:left; padding: 8px 13px; height:13px} #post-notes { margin: 3em 0; } #post-notes li { border-bottom: 1px solid #ccc; list-style: none; padding: 0.75em 0; } #post-notes li blockquote { margin-bottom: 0; } #post-notes .like{margin:0} /*TWEET*/ .loading {padding:20px 0} .tweet { margin-top: 20px; font-size: 13px; font-family: 'Walburn', Georgia, serif; text-transform: uppercase; } .tweet_text,.loading {line-height:16px; display: inline;} .tweet_time{display: inline; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; padding:3px 0 0 5px;} .source a{color:#000} .tweet_list li, .goto{float: left; } .tweet_list li { width: 38%; margin-right: 2%; border-right:1px solid #d9d9d9; padding-right: 2%; } .tweet_list li.tweet_first { background: url(icon-tweet2.png) no-repeat top left; padding-left: 6%; } .goto { width: 2.5%;} .goto a span {position: absolute; left: -999em;} .goto a { display: block; width: 53px; height: 35px; background: url(more_tweets.png) no-repeat top left; } .goto a:hover { background: url(more_tweets_hover.png) no-repeat top left;} .clear { clear: both; padding-bottom: 1px;} /*END TWEET*/ #newsletter_text{ float: left; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; font-size: 9px; text-transform: uppercase; padding-right: .75em; line-height: 12px; color:#231F20; } #newsletter{ float:left; } #newsletter p{margin:0 0 5px 0} #newsletter .input,#newsletter input{ float:left;} #newsletter .input{ } #newsletter .input input {background:transparent; border:1px solid #231F20; color: #9B9DA0; width:110px; height:15px; font-style: normal !IMPORTANT; font:11px/11px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase;} #newsletter button[type="submit"]{ letter-spacing: 1px; background:#231F20; color:#FFF; margin:0; padding:0 0.615384em 0 0.769230em; border: none; height: 25px; position:relative; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; text-transform:uppercase; outline: none;} #newsletter button[type="submit"]:after{content:''; position:absolute; top:0; right:-13px; width:0; height:0; border-top:12px solid transparent; border-bottom:13px solid transparent; border-left:13px solid #231F20;} #newsletter button[type="submit"]:hover, #newsletter button[type="submit"]:hover:after{cursor:pointer; outline: none;} #search{float:left; margin:0 10px 0 0} #search .input{background:url(bg_input_search.png) no-repeat; width:140px; height:30px;} #search .input input {margin:4px 0 0 6px; width:120px; border:0; background:#e3f5f5} .newsletter-holder{background:url(dots.gif) repeat-x;padding:32px 0;} .newsletter-holder #newsletter{height:40px; width:430px; margin:0 auto} .newsletter-holder p{float:left; line-height:34px; padding: 0 10px 0 0} #to-top { margin-top: 15px; display:none; position: fixed; bottom: 276px; right:0; background: #414042; color: #fff; font-size: 15px; line-height: 18px; z-index: 9999; text-decoration: none; font-family: 'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:normal; width: 40px; padding: 3px 48px 3px 8px; } #to-top:after { content:''; width:0; height: 0; position: absolute; top:0; left:-11px; border-top:30px solid transparent; border-bottom:30px solid transparent; border-right:11px solid #414042; } #footer #newsletter_text {color:#636466;} #footer #newsletter .input input {border-color:#636466; color:#9B9DA0;} #footer #newsletter button[type="submit"]{background:#636466; color:#E6E7E8;} #footer #newsletter button[type="submit"]:after{border-left:13px solid #636466;} .like{margin:15px 0 0 0; text-align: right;} .page-head{background:#fff; padding: 20px 0; margin:0 0 14px 0} .page-head h1 { margin: 0; padding: 0; !IMPORTANT} /* ADD TO CART OVERLAY */ #overlay-bg { width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8;} #cartbox-overlay { cursor: pointer; display: none; position: absolute; width: 100%; height: 100%;top: 0; left: 0; z-index: 10000; } #cartbox { padding: 10px 20px 20px 20px; cursor: auto; width: 80%; max-width: 600px; background:#fff; border: 1px solid #ccc; margin: 0px auto; position: relative; top: 12%;} .cartbox-close { color: #999; cursor: pointer; font-family: "Arial Narrow",Arial, Helvetica, sans-serif; background: #efefef; border: 1px solid #ccc; padding: 0 6px; font-size: 20px; float: right;} .cartbox-close:hover { background: #ddd;} #cartbox h2 { float: left; } #cartbox h3 { padding: 5px 0 15px; margin-top: 25px; border-top: 2px dotted #999; } #cartbox #info { width: 48%; padding-right: 5%; float: left; clear: both; border-right: 2px dotted #999;} #cartbox #actions { width: 38%; padding-left: 5%; float: right;} #cartbox #actions p { margin-bottom: 1.0em; } #cartbox #actions p.notice { font-size: 10px;} #cartbox #relatedcart { clear: both; padding-top: 20px; } #cartbox img.incart { padding: 10px; width: 100px; height: 100px; overflow:hidden;} #products { margin-top: 30px; } .product{margin:0 0 3.398% 3.398%; float:left; width:227px; height:289px; overflow:hidden; -webkit-transition:background-color 0.2s ease-in;-moz-transition:background-color 0.2s ease-in;transition:background-color 0.2s ease-in; position:relative} .product.first {clear:both;margin:0;} .product.horiz {width: 48.2524%; height: auto;} .product.vert {width: 22.4272%; height: auto; } .product.vert a img { /*width: 100%; max-width: 286px;*/ } #blogmain .product.vert a img { width: auto; max-width: none; height: 100%;} .product .optionribbon { position: absolute; bottom: 0; left: 0; background: #fff; padding: 6px 12px; font-size: 10px; font-weight: normal; color: #000; z-index:99; } .product a{-webkit-transition:color 0.2s ease-in;-moz-transition:color 0.2s ease-in;transition:color 0.2s ease-in;} .product > a:first-child, .product > .optionribbon + a {display:block; height:200px; overflow:hidden;} #blogmain .product a { -webkit-transition: none;-moz-transition: none;transition: none;} .product h2,.product h2 a{padding:0; float:left; width:192px;font-size:12px; font-weight: normal !important;} .alt-product .product h2, .alt-product .product h2 a { width:232px;} .product.horiz h2,.product.horiz h2 a{width:75%;} .product.vert h2,.product.vert h2 a{width:75%;} #blogmain .product.vert h2, .product.vert h2 a { width: 100%; } .product h2 a{padding:3px 0 0 0; color:#000} .product h2 a:hover{text-decoration:none} .product > a:first-child {display:block; height:200px; overflow:hidden; position: relative; } .product img{ /*max-height: 200px; max-width:100%;*/ width:100%; height:auto; overflow: hidden;} .product .img{text-align:center; background:#fff; width:227px; height:245px; padding:5px 0 0 0; overflow:hidden} .product .img img{display:inline} .product em{float:right; font-style: normal; padding:3px 0 0 10px; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif;} .product .onsale{padding:5px 0 6px 10px} .product:hover, .product:hover .optionribbon {color:#00a4ba; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in;} #blogmain .product:hover { background: none; } .product:hover a{color:#00a4ba} #blogmain .product:hover a { color: #00a4ba;} .paging{color:#d9d9d9; border-top:1px solid #d9d9d9; text-align:center; color:#d9d9d9; padding:20px 0; margin:20px 0 0 0} #blog .paging{border:0; background:url(dots.gif) repeat-x;} .paging a{padding:0 3px} .paging .selected{color:#000} .paging a:hover{text-decoration:none; color:#666;} .sort{float:right} .new-item, .sale-item{position:absolute; width:73px; height:73px;right:17px; top:17px} .new-item{background:url(badge-new.png) no-repeat;} .sale-item{background:url(badge-sale.png) no-repeat;} #product { padding-top: 30px; } #product-images{float:left; width:48.544%;} .landscape #product-images{float:none; width:auto} #product-images #slides{overflow:hidden; width:100% !important; /*padding-bottom: 10px; formerly 50 */} .landscape #product-images #slides{width:100% !important} #product-images .slide{ width:100% !important;} #product-images .slide img { width:100%; height:auto; max-width:100%; } .landscape #product-images .slide{width:100% !important; text-align:center;} #second_image, #third_image { height: auto; } /*#zoomed{background:#fff;width:100%; height:100%; position:fixed; visibility:hidden; top:0; left:0; z-index:10000}*/ .overlay{background:#000; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999;-moz-opacity:.50; filter:alpha(opacity=50);-webkit-opacity:.50; opacity:.50;} #zoomed{background:#fff; position:fixed; visibility:hidden; top:50px; left:50px; z-index:10000} #zoomed #product-images-zoomed{margin:0 auto; float:none; /*padding:43px;max-height:618px !important*/} #zoomed #product-images-zoomed #slides-zoomed{overflow:hidden; /*max-height:580px*/ } #zoomed #product-images-zoomed .slide-zoomed{ text-align:center; height:618px; /*max-height:580px */} #zoomedimg,.fauximg{/*max-height:580px*/} .fauximg{/*max-width:434px*/} #product-details, #aside-info{width:48.544%; float:right; clear:right;} #aside-info .product > a:first-child {height: auto;} .landscape #product-details{float:none; clear:both; width:auto; padding:75px 0 0} .landscape #aside-info {float:none; clear:none;} .landscape #main-info{width:48.544%; margin-top:-220px; float:left} .landscape .fauximg{max-width:740px} #subnav + #product{ padding-top:25px; } #product .size{font-size:18px; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; font-style: italic;} /*#wrap{width:434px}*/ #zoom-close{position:absolute; bottom:10px; right:10px; background:#000; color:#fff; font-size:14px; font-weight:bold; padding:4px 6px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block; text-decoration:none; z-index:10000} #zoom-close:hover{ background:#00A4BA} #fullscreen{font-weight: normal !important; letter-spacing: 2px; text-transform:uppercase; font-size:19px; padding:2px; float:left; margin:2px 0 10px 0; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; color: #999;} .landscape #fullscreen {padding:2px 0; float:right; width:48.544%; } .fauximg{position:absolute; left:50%;} .cloud-zoom-lens { cursor:zoom-in !important; } .nozoom .tap-to-zoom, .nozoom .tap-to-un-zoom { display:none !important; } .tap-to-zoom, .tap-to-un-zoom { display: block; text-align: center; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; text-transform: uppercase; color: #4c4c4c; font-size: 15px; padding: .5em 0; } .tap-to-zoom:hover, .tap-to-un-zoom:hover { text-decoration: none; color: #000; } .landscape .tap-to-zoom, .landscape .tap-to-un-zoom { float: right; width: 50%; } .btn_update, .btn_checkout, .btn_addtocart, .btn_send_inquiry{padding:0} .cart-btn{position:relative; width:60.367%; height:45px; padding:0; margin: 20px 0 26px !important; } .cart-btn:before{background:#00A4BA; content:'Add to Cart'; text-transform:uppercase; width:100%; padding-left: 0; height:100%; text-align:center; position:absolute; z-index:1; top:0; left:0; letter-spacing: 1px; font: 24px/45px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; color:#FFF;} .cart-btn:hover:before{background:#22C5D9;} .btn_addtocart{position:relative; z-index:2; background:none; width:100%; height:45px;} .btn_addtocart:hover{background:none;} .btn_ok{background:#FFF; width:20px; height:20px; padding:0; position:relative; margin-left:5px; background:#FFF url(btn_news_arrow.png) center center no-repeat; } .btn_send_inquiry{background:url(btn_send_inquiry.gif) no-repeat; width:146px !important;} .btn_send_inquiry:hover{background:url(btn_send_inquiry.gif) left bottom no-repeat;} .ajax-loading{margin:0 0 0 10px;} .btn_update{background:url(btn_update2.gif) no-repeat;} .btn_update:hover{background:url(btn_update2.gif) left bottom no-repeat;} .btn_checkout{background:url(btn_checkout2.gif) no-repeat;} .btn_checkout:hover{background:url(btn_checkout2.gif) left bottom no-repeat;} .btn_moreinfo img{background:url(btn_moreinfo.gif) no-repeat;} .btn_moreinfo:hover img{background:url(btn_moreinfo.gif) left bottom no-repeat;} .open-zoom{position:absolute; background:url(btn_zoom.png) no-repeat; width:44px; height:44px; right:3px; bottom:3px; z-index:10000} .suggest{padding:0 0 0 68px; background:url(birdie.gif) no-repeat; color:#707070} .sidebox{margin:0 0 20px 0;} .sidebox, .box-holder{background-image:url(dots.gif); background-repeat:repeat-x} .box-holder{background-position:bottom left; padding:27px 0 17px 0} .alt-product .product{margin:0; width:394px; margin:0 0 10px 0; height:auto; float: none;} .alt-product h3 a { color: #000; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 16px;} #detail-thumbs{float:left;margin:2px 0 0 -5px;} .landscape #detail-thumbs{float:right; width:48.544%;} #zoomed #detail-thumbs-zoomed{float:right; position:relative; z-index:10001} #detail-thumbs li{float:left; margin:2px;} #zoomed #detail-thumbs-zoomed li{float:none;margin:0 0 4px;} #detail-thumbs img, #detail-thumbs a,#detail-thumbs-zoomed img, #detail-thumbs-zoomed a{display:block} #detail-thumbs a,#detail-thumbs-zoomed a{padding:3px} #detail-thumbs a:hover, #detail-thumbs-zoomed a:hover{ background: transparent; opacity: 0.8; transition: all 0.3s ease-in-out; text-decoration:none} #product-images .notice{transition: all 0.3s ease-in-out; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif !important; transition: all 0.3s ease-in-out; text-align:center; padding:10px 0; float:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .share{margin:0 0 10px 0} .share li{float:left} .share li{width:92px; overflow:hidden} .share .price .subtotal{color:#000;} .share .price{font-size:24px; color:#00a4ba; font-weight:bold; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; /*border-right:1px solid #d9d9d9;*/ float:none; padding:0 10px 0 0; margin:0 10px 5px 0} .share .price strike{color:#000; font-weight:normal; font-size:16px} .share iframe{margin:3px 0 0 0} .share li:first-child {/*width:85px*/ float: none; display: block; width: auto;} .share2{clear:both; margin:0 0 10px 0} .landscape .share2{float:right; width:48.544%;} .share2 li{float:left; width:92px; overflow:hidden} .share2 iframe{margin:3px 0 0 0} .the-product-details { font-size: 14px; line-height: 18px; } .the-product-details p { line-height: 18px; margin-bottom: 18px; } .product_bullets { margin-left: 1em; list-style: disc; list-style-position: initial; padding-bottom: 4px; font-family: 'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.0; } .product_bullets li { padding: 0 0 0.666em; } .product_bullets li:hover { color: #000;} #stores{width:740px; position:relative; float:left} .eachstore{float:left; width:220px; margin:0 20px 0 0} #sideinfo{width:230px; float:right} #footer{background:#E6E7E8;margin:12px 0 0 0; color:#4c4c4c; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; position:relative; z-index: 0;} #footer #copyright{border-top:1px solid #939598;} #footer span{padding:0 5px;} #footer a{font-weight:normal; color:#636466;} #footer #primary-menu {text-align:center; border-bottom: 1px solid #939598; margin: 0 99px 0 55px; } #footer #primary-menu li {float: none; display:inline-block; margin: 0 0 0 35px;} #footer #primary-menu li:first-child {margin-left: 0;} #footer #primary-menu a {font-size:10px; color:#636466; text-transform: uppercase; letter-spacing: 2px;} #footnav {padding: 0 202px 0 157px; padding: 0 65px 0 578px; text-align:left;} #footnav ul {padding:7px 0;} #footnav li {display:inline-block; padding:0; width:27.132%;} #footnav li.short {width:14.212%;} #footnav a {display:block; text-transform:uppercase; font-size:11px; line-height:23px;} #footer p.handcrafted { float: right; margin:-5px 0 -4px;} #footer p.connections { float:left; padding:20px 0 14px; } #footer p.connections span { line-height: 24px; display: inline-block; vertical-align: top; text-transform: uppercase; padding: 0 8px 0 0; } #footer p.connections a {display:inline-block; width:24px; margin-right: 8px;} #footer p.connections a img {display:block; max-width:100%; height:auto;} #footer p.credit{color:#636466; clear:both; border-top:1px solid #939598; padding:9px; font-size:9px; line-height:12px; text-transform:uppercase; text-align:center; margin: 0 99px 0 55px; } #footer p.credit a{color:#636466;} #footer p.copy{padding:15px 0 0 0} #footer .credit span {padding:0 5px;} #footer .credit span:first-child {border-right:1px solid #939598; } .soldout{color:#fe0000; font-weight:bold; font-size:14px} .warning{font-size:12px} #graphic{background:url(pcl_our_story.jpg) bottom left no-repeat; padding:0 0 645px; height:102px; position:relative; margin:30px 0} #graphic .division{position:absolute; text-align:right; width:125px} #graphic h5{color:#00A4BA; background:url(asterisk.png) no-repeat; padding:0 0 0 13px; float:right} #patrick{top:154px;left:27px} #ben{top:287px;left:422px} #prints{top:163px;left:395px} #research{top:154px;left:603px} #apparel{top:640px;left:212px} #wholesale{top:640px;left:585px} .side-text{width:345px; float:left} .side-text.right{float:right; width:320px} /*CART*/ #shoppingcart table{border-collapse:collapse; width:100%} #shoppingcart th,#shoppingcart td{padding:10px 20px} #shoppingcart td{border-bottom:1px solid #ccc} #shoppingcart th{text-transform:uppercase; border-bottom:2px solid #666} #shoppingcart .title h3{text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px} #shoppingcart .field{width:30px} #shoppingcart .price{font-size:18px;font-weight:normal; font-family:Arial, Helvetica, sans-serif;} /* 10-7-15 CCRB copy CCTK */ #complete { width: 45%; float:right; padding-top: 20px; } #freeship { float:left; width: 50%; padding: 30px 10px 20px; min-height: 100px; margin-top: 60px; border: 1px solid #00a4ba; position:relative; } #freeship .freeship-products li { width: 33%; float:left; box-sizing:border-box; padding: 10px; } #freeship .freeship-products li a { font-size: 12px; font-weight: normal !important; color: #000; text-transform:uppercase; font-family: 'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; letter-spacing: 1px; } #freeship .freeship-products li a:hover { text-decoration:none; color: #00a4ba; } #freeship .freeship-products li img { width: 100%; } #freeship .freeship-products li .title { width: 75%; display:block; float:left; } #freeship .freeship-products li .money { width: 25%; display:block; float:right; text-align:right; } #notes{margin:30px 0; padding: 0 30px; } #notes ul, .text ul{margin:0 0 0 20px} #notes li, .text li{list-style-position:outside; list-style-type:square;line-height: 16px; margin:0 0 16px} #notes label{display:block; padding:0 20px 10px 0} #notes textarea{width:300px; height:50px} #total{ padding-right: 62px; } #total h3{padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none; text-align:right} #total h3 span{padding:0 5px 0 20px; font-size:18px; } .btn_checkout,.btn_update{margin:0 0 0 20px; width:146px; height: 50px;} #shoppingcart .remove a{font-weight:normal; background:#788a8c; text-transform:uppercase; color:#fff; font-size:11px; padding:3px 5px} #shoppingcart .remove a:hover{background:#99abad; text-decoration:none;} #shoppingcart #free_shipping{display:inline-block; position:absolute; left: 50%; margin-left: -183px;margin-top: -60px;font-family:Georgia, "Times New Roman", Times, serif; color:#00a4ba; font-weight:bold; font-size:14px; text-align: center; background: #fff; padding: 10px; } #checkout{text-align:right; margin:20px 0 0; float:none} /* END 10-7-15 CCRB copy CCTK */ /* CCRB: giftwrap styles 11-16-15 */ .wrapme { margin: 8px 0; vertical-align: middle;} .wrapme + label {vertical-align: middle; margin: 8px 0; display: inline-block;} .wrapme ~ textarea {width: 100%; resize: none; height: 3.0em;} .wrapme ~ textarea ~ label {font-size: 11px;} .wrapme-button {font-family:Georgia, "Times New Roman", Times, serif; border: none; margin-top: 8px;} .wrapme-button {font-weight:normal; background:#788a8c; text-transform:uppercase; color:#fff; font-size:11px; padding:3px 5px} .wrapme-button:hover {background:#99abad; text-decoration:none; cursor:pointer;} .wrapme-button:disabled, .wrapme-button:disabled:hover {background: #E6E7E8; cursor:default;} #shoppingcart .field:disabled {opacity: 0.5; padding: 5px; border: 1px solid #ccc;} /* END CCRB: giftwrap styles 11-16-15 */ /* 10-7-15 CCRB: Tweaks for checkout */ #shoppingcart .price { width: 71px; } #total { padding-right:0; } #total h3 span { display: inline-block; width: 71px; padding-left: 20px; padding-right: 20px; text-align: left; } #shoppingcart #notes { padding: 0; max-width: 315px; float: right; } @media screen and (max-width: 768px) { #shoppingcart #notes { max-width: none; } } /* END 10-7-15 CCRB: Tweaks for checkout */ /*#notes{margin:30px 0; float:left; width:300px} #notes ul, .text ul{margin:0 0 0 20px} #notes li, .text li{list-style-position:outside; list-style-type:square;line-height: 16px; margin:0 0 16px} #notes label{display:block; padding:0 20px 10px 0} #notes textarea{width:300px; height:50px} #total{margin:20px 0; float:right; } #total h3{padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none; text-align:right} #total h3 span{padding:0 5px 0 20px; font-size:18px; } .btn_checkout,.btn_update{margin:0 0 0 20px; width:146px; height: 50px;} #shoppingcart .remove a{font-weight:normal; background:#788a8c; text-transform:uppercase; color:#fff; font-size:11px; padding:3px 5px} #shoppingcart .remove a:hover{background:#99abad; text-decoration:none;} #shoppingcart #free_shipping{font-family:Georgia, "Times New Roman", Times, serif; color:#00a4ba; font-weight:bold; font-size:16px; float:left; width:266px; padding:0 20px 0 0} #checkout{text-align:right; margin:20px 0 0; float:right}*/ #shipping{margin:0 0 50px} #facebox h2{background:url(dots.gif) repeat-x left bottom; margin:0 0 10px} #facebox #shipping{padding:0 10px} #facebox #shipping img,#shipping img{display:block; margin:10px auto} #facebox .content{height:400px; width:550px; overflow:auto} /*Form*/ .form {margin:30px 30px 50px} .form label{float:left; width:116px} .form p{clear:both; margin:0 0 8px} .form input, .form textarea{width:300px} .form .form_button{padding:0 0 0 116px} .form #errors ul{margin:0 0 0 20px} .form #errors li{list-style-type:square; line-height:16px; margin:0} /* Size Chart */ #facebox #size-chart{width:450px; height:366px; padding:10px; clear:both; background:url(blank_shirt.gif) right bottom no-repeat #fff;} .measure{width:190px; font-size:11px; margin:50px 0 0 0} .measure strong{color:#00A4BA;font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:14px} #facebox #size-chart table{text-align:center; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; border-collapse:collapse; width:100%} #facebox #size-chart td{border-bottom:1px solid #08a5b4;padding:2px 5px; background:url(bg_td_cahrt.gif) top right repeat-y} #facebox #size-chart .last{background:none} /*JQ Transform*/ .jqtransform{height:30px} form.jqtransformdone label{margin-top:4px;margin-right: 8px;display: block;float:left;} form.jqtransformdone div.rowElem{clear:both;padding:4px 0px;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper {width: 45px;position:relative;height: 30px;background: url(select_left.gif) no-repeat top left;float:left;font-style:italic;} .jqTransformSelectWrapper div span {font-size: 12px;float: none;position: absolute;white-space: nowrap;height: 30px;line-height: 30px;padding: 0 0 0 8px;overflow: hidden;cursor:pointer;} @media screen and (max-width: 767px) { .jqTransformSelectWrapper div span {left:-15px;} .jqTransformSelectWrapper { float:none; margin: 20px auto; } } .jqTransformSelectWrapper a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 30px;height: 30px;background: url(select_right.gif) no-repeat center center;} .jqTransformSelectWrapper ul {position: absolute;width: 43px;top: 29px;left: 0px;list-style: none;background-color: #f6f5f2;border: solid 1px #d9d9d9;display: none;margin: 0px;padding: 0px;height: 150px;overflow: auto;overflow-y: auto;z-index:10;} .jqTransformSelectWrapper ul a {display: block;padding: 5px 8px;text-decoration: none;color:#000;background-color: #f6f5f2;font-size: 12px;font-weight:normal;} .jqTransformSelectWrapper ul a.selected {background: #EDEDED;color: #000;} .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#00a4ba;color: #fff;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} /*MAILCHIMP*/ .mce_inline_error{color:#C00; padding:10px 0 0 6px; clear:left} #mce-responses .response,.form #errors{padding:10px; border:1px solid #eee; min-height:38px} #mce-responses #mce-error-response,.form #errors{background:url(mail_delete.gif) 6px 0 no-repeat #F99;padding-left:62px} #mce-responses #mce-success-response{background:url(mail_alert.gif) 6px 0 no-repeat #FFC; padding-left:62px} #mce-EMAIL{padding:4px; color:#000} /*FACEBOX*/ #facebox .b { background:url(b.png); } #facebox .tl { background:url(tl.png); } #facebox .tr { background:url(tr.png); } #facebox .bl { background:url(bl.png); } #facebox .br { background:url(br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 1002; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 1001; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* CC NEW FORM STYLES **/ #cheese { /*width: 760px;*/ margin: 0px auto;} #cheese img { max-width: 100%; height: auto; } #cheese form { margin: 30px 0; } .conditions { margin-top: 60px; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; color: #737373; } .conditions p { line-height: 1.2em; } #add-item-form { width:76.2%; margin-top: 10px;} .landscape #add-item-form {float:right; width:37%; padding-right:11.544%;} .fieldgrp { margin-bottom: 1.0em;} .fieldgrp input[type="text"] { width: 95%; max-width: 520px; margin-bottom: 4px; } .fieldgrp .submit{ cursor: pointer; background: #00A5B8; font-style: normal; font-size: 34px; text-transform: uppercase; color: #fff; border: none; padding: 0.25em 1.0em; } .fieldgrp.submit { text-align: center; } .fieldgrp.submit.sans { text-align: left; margin-left: 400px;} .fieldgrp.submit.sans .submit { text-transform:uppercase;font-size: 26px;font-family:"Arial Narrow",Arial, Helvetica, sans-serif;} .fieldgrp #contact_zip { max-width: 120px; } .fieldgrp label { text-transform: uppercase; color: #00A5B8; font-size: 18px;} .feedback { border: 1px solid #00A5B8; padding: 1.0em; background: #efefef; margin-bottom: 2.0em; } /* NEW VARIANTS */ .landscape ul#variants { } ul#variants { margin: 10px 0 20px; padding: 0; font-weight: bold;} ul#variants ul { background: #fff; margin: 0; padding: 0; width: 100%; text-align:center; } ul#variants li { width: 100%; display: block; min-height: 30px; line-height: 30px; text-transform: uppercase; font-family:'TradeGothicLTPro-Cn18', "Arial Narrow",Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 4px; border: 1px solid #939598;} ul#variants li a { color: #000; display: block; -webkit-transition-property:background; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; padding:0 15px; font-weight:normal;} ul#variants li a:hover{ color: #00a4ba !important; cursor: pointer; text-decoration: none; } ul#variants li li { display: inline-block; width: 29%; margin: 8px 0.2%; height: 130px; border: none; color: #000; } ul#variants li li:hover { background: none; color: #000; cursor: default;} ul#variants .variantblock { height: 58px; padding-top: 20px; background: url('print-only.png') no-repeat top center; position: relative; cursor: pointer;} ul#variants .variantblock.rails-white { background: url('rails-white.png') no-repeat top center;} ul#variants .variantblock.rails-natural, ul#variants .variantblock.rails-oak, ul#variants .variantblock.rails- { background: url('rails-natural.png') no-repeat top center;} ul#variants .variantblock.rails-black { background: url('rails-black.png') no-repeat top center;} ul#variants .variantblock.rails-espresso { background: url('rails-espresso.png') no-repeat top center;} ul#variants .variantblock.frame-white { background: url('frame-white.png') no-repeat top center;} ul#variants .variantblock.frame-natural, ul#variants .variantblock.frame-oak { background: url('frame-natural.png') no-repeat top center;} ul#variants .variantblock.frame-black, ul#variants .variantblock.frame- { background: url('frame-black.png') no-repeat top center;} ul#variants .variantblock.frame-walnut { background: url('walnut.png') no-repeat top center;} ul#variants .variantblock.frame-cherry { background: url('cherry.png') no-repeat top center;} ul#variants .variantblock.style-white { background: url('frame-white.png') no-repeat top center;} ul#variants .variantblock.style-natural, ul#variants .variantblock.style-oak { background: url('frame-natural.png') no-repeat top center;} ul#variants .variantblock.style-black, ul#variants .variantblock.frame- { background: url('frame-black.png') no-repeat top center;} ul#variants .variantblock.style-walnut { background: url('walnut.png') no-repeat top center;} ul#variants .variantblock.studio-black { background: url('frame-black.png') no-repeat top center;} /*ul#variants .variantblock.panel-white { background: url('panel-white.png') no-repeat top center;} ul#variants .variantblock.panel-natural { background: url('panel-natural.png') no-repeat top center;} ul#variants .variantblock.panel-black { background: url('panel-black.png') no-repeat top center;}*/ ul#variants div[class^="variantblock panel-"] {background: url('panel-all.png') no-repeat top center;} ul#variants .variantblock.sneaker- { background: url('custom-sneaker-frame.png') no-repeat top center;} ul#variants .variantblock.grommeted-brass { background: url('grommets.png') no-repeat top center;} ul#variants .variantblock.grommeted-silver { background: url('grommets-silver.png') no-repeat top center; } ul#variants .variantblock.corners-black { background: url('corners-black.png') no-repeat top center;} ul#variants .variantblock.corners-natural { background: url('corners-oak.png') no-repeat top center; } ul#variants .variantblock.only-gift { background: url('Wrap3.png') no-repeat top center; } ul#variants .variantblock.engraved- { background: url('wooden.png') no-repeat top center;} ul#variants .variantblock.engraved-wood { font-size: 10px; background: url('engraved-wood.png') no-repeat top center;} ul#variants .variantblock.engraved-concrete { font-size: 10px; background: url('engraved-concrete.png') no-repeat top center;} ul#variants .variantblock.engraved-walnut { font-size: 10px; background: url('structure-dark.png') no-repeat top center;} ul#variants .variantblock.engraved-white { font-size: 10px; background: url('structure-light.png') no-repeat top center;} ul#variants .variantblock.system-white { background: url('macos-white.png') no-repeat top center;} ul#variants .variantblock.ash-deluxe { font-size: 10px; background: url('ash-natural.png') no-repeat top center;} ul#variants div[class^="variantblock color-"] { color: #fff; } ul#variants .variantblock.color-red { background: #cc0000;} ul#variants .variantblock.color-orange { background: #FF9900;} ul#variants .variantblock.color-yellow { background: #ffcc00;} ul#variants .variantblock.color-green { background: #669900;} ul#variants .variantblock.color-blue { background: #0066CC;} ul#variants .variantblock.color-indigo { background: #000099;} ul#variants .variantblock span.opbg { font-weight: normal;position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 100%; } ul#variants .variantblock span.pbg { color: #fff !important; font-size: 12px; background: url('tagbg2.png') no-repeat bottom center; width: 34px; height: 15px; padding-top: 7px; padding-bottom: 1px; display: inline-block;} .err { color: #f00; font-style: italic; text-align: center; display: block; font-size: 12px; } .finish { background:#E6E7E8; font: 13px/30px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif;; text-transform: uppercase; padding: 9px 15px; color: #000; line-height: 16px; margin: 0 0 16px 0; letter-spacing: 1px; } .landscape .finish { margin-top: -74px; } #variants li { position: relative; } span.hi{ position: absolute; left: 0; width: 93%; height: 25px; line-height: 25px; padding: 3px; color: #333; text-align: center; background: #fff url('unchecked-radio.png') no-repeat top center; } span.hi:after{ content: ""; /*if CSS are disbled span elements are not displayed*/ } #variants li input{ margin: 0; width: 31px; height: 31px; /*hide the radio button*/ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; cursor: pointer; } #variants li input[type="radio"] + span.hi{ /*the span element that immediately follow the radio button */ visibility: hidden; /*temporarily hide the "YES" label*/ background: #fff; } #variants li input[type="radio"] + span.hi:after{ content: ""; /*if CSS are disbled span elements are not displayed*/ } #variants li input[type="radio"]:checked + span.hi, #variants li input[type="radio"].alive + span.hi { visibility: visible; /*show the "YES" label only if the radio button is checked*/ background: url('checked-radio.png') no-repeat top center; } #findit {float:right; padding:15px 5px 8px; position: relative; z-index:3;} #findit input[type="text"] {vertical-align:middle; padding:0; font:10px/10px 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; letter-spacing: 2px; font-style: normal; color:#333; height: 20px; border:none; width: 150px; background:#F1F2F2;} #findit input[type="submit"] {vertical-align:middle;margin-right:-3px; height: 20px; font-size: 12px; font-style: normal; text-transform: uppercase; background:#F1F2F2 url(search_icon.png) no-repeat center center; border: none; color:#C7C8CA; width: 20px; text-indent: -9999em; } #subnav { background: #E6E7E8; clear: both; } #subnav h2 { font-size:16px; line-height:30px; font-style:italic; float: left; padding: 0 10px; margin: 0 10px 0 0;} #collection-menu { list-style: none; } #collection-menu li { line-height: 30px; font-size: 13px; float: left; text-transform: uppercase; margin:0 21px; font-family: "Arial Narrow",Arial, Helvetica, sans-serif;} #collection-menu a { color: #000; font-weight: normal; letter-spacing: 1px; font-family: 'TradeGothicLTPro-Cn18',"Arial Narrow",Arial, Helvetica, sans-serif;} #collection-menu a.current { color: #00A5B8; } #subhead { width: 100%; padding:15px 0; } .featureblock { float: left; width: 23.3%; padding-right: 2.2666%; } .featureblock.last { padding-right:0; } .featureblock .fim { width: 57px; margin-right:9px; float: left;} .featureblock .fim img { width: 100%; height: auto;} /*#top-banner .featureblock img { float: left; margin-right: 8px; }*/ .featureblock p { text-transform: uppercase; font-size: 12px; line-height:15px; padding-top:0.875em; } .featureblock a { color: #000; font-weight: normal !important; } .newsletterblock { padding: 5px 0; float:left; color:#636466; } #footer .newsletterblock { padding: 20px 28px 15px 15px;} .midlink p.connections { text-align: left; margin-left: 20px; } .like { margin-top: 5px;} /** INSTRUCTIONAL PAGES **/ #instructions h2 { font-family: 'WalburnItalic', Georgia, Serif; text-transform: none; font-size: 15px; color: #555; line-height: 1.5em; margin: 0; padding: 0; text-align: left; } #instructions p { font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; text-transform: uppercase; font-size: 16px; line-height: 1.5em; text-align: left; } #instructions .num p { font-size: 14px; } #instructions .crow { clear: both; } #instructions .ccol { float: left; width: 30%; margin-right: 5%; padding-bottom: 60px; } #instructions .ccol.last { margin-right: 0; } #instructions .ccol { text-align: center; } #instructions .note { font-size: 12px; } #instructions .ccol img { max-width: 100%; } #instructions .num p, #instructions .num h2 { padding-left: 20px; } #instructions .num#one { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number1.png?5326) no-repeat 0px 3px; } #instructions .num#two { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number2.png?5326) no-repeat 0px 3px; } #instructions .num#three { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number3.png?5326) no-repeat 0px 3px; } #instructions .num#four { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number4.png?5326) no-repeat 0px 3px; } #instructions .num#five { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number5.png?5326) no-repeat 0px 3px; } #instructions .num#six { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number6.png?5326) no-repeat 0px 3px; } #instructions .num#seven { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number7.png?5326) no-repeat 0px 3px; } #instructions .num#eight { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number8.png?5326) no-repeat 0px 3px; } #instructions .num#nine { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number9.png?5326) no-repeat 0px 3px; } #instructions .num#ten { background: url(//cdn.shopify.com/s/files/1/0211/4926/files/number10.png?5326) no-repeat 0px 3px; } #instructions .instructionmeta p { text-align: center; font-family: 'Walburn', Georgia, Serif; font-size: 21px; letter-spacing: 1px; text-transform: none; border-top: 2px dotted #ccc; padding-top: 1.0em; } #instructions.wide { text-align: center; } #instructions.wide h2 { color: #00A5B8; text-align: center; font-size: 42px; letter-spacing: 5px; } #instructions.wide p { font-family: 'Walburn', Georgia, Serif; font-size: 18px; text-align: left; text-transform: none; letter-spacing: 1px; line-height: 1.75em; } #instructions.wide img { max-width: 100%; margin: 30px 0; } #blogmain {width: 100%; } .entry { padding-bottom: 24px;} .blogfeature, div[class^="blogfeature"] { max-height: 400px; overflow: hidden;} .blogfeature img { width: 100%; height: auto;} .entry_meta { clear: both; width: 75%; border-top: 1px solid #000; margin: 0px auto 40px; text-align: center; padding-top: 10px;} .entry h2.title { font-weight: normal !important; text-align: center; clear: both; padding: 0; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; padding: 20px;} .entry h2.title a { color: #000; font-weight: normal; } .entry h2.title a:hover { text-decoration: none;} .entry h5.posted { font-style: italic; color: #999; } .article_content { clear: both; font-size: 14px; margin-bottom: 20px; padding-top: 20px; font-family: Arial, Verdana, sans-serif;} .article_content.teaser { text-align: center; } #blogsidebar { width: 18%; float: left; margin-left: 5%; background: #ccc;} /* CCTK 6/24 */ ul#variants li.alwaysopen { border: none; } ul#variants li.alwaysopen ul { text-align: left; } ul#variants li.alwaysopen > a { display: none; } ul#variants li.alwaysopen li { width: 20%; margin: 8px 1.5%; text-align: center; } #detail-thumbs { margin-top: 10px;} #detail-thumbs li { padding: 3px; transition: all 0.3s ease-in-out;} #detail-thumbs li:hover { background: transparent;} #detail-thumbs li a { overflow: hidden; height: 101px; padding: 0;} /* ADDITIONS 09/2014 */ #primary-menu { box-sizing: border-box; } #primary-menu li { position: relative; z-index: 100000; } #primary-menu li a { padding-bottom: 14px; } #primary-menu ul.submenu { position: absolute; left: -999em; padding: 15px; background: rgba(50,50,50,0.9); box-sizing: border-box; width: 500px; margin-left: 15px; } #primary-menu .item-housewares ul.submenu, #primary-menu .item-stationery ul.submenu { width:230px; } #primary-menu .item-prints ul.submenu { /*left: auto !important; FORTESTINGONLY */ } #footer #primary-menu ul.submenu { display: none; } ul.submenu:after { content:""; position:absolute; top:-15px; left:0px; border-width:0 15px 15px 0; border-style:solid; border-color:#333 transparent; opacity: 0.9; /* reduce the damage in FF3.0 */ display:block; width:0; } #primary-menu ul li { padding: 0; margin: 0; } #primary-menu ul.submenu > li, #primary-menu ul.submenu > li ul { width:300px; margin-right: 50px; box-sizing: border-box; } #primary-menu .item-housewares ul.submenu > li, #primary-menu .item-housewares ul.submenu > li ul, #primary-menu .item-stationery ul.submenu > li, #primary-menu .item-stationery ul.submenu > li ul { width:200px; } #primary-menu .item-housewares ul.submenu .licol, #primary-menu .item-stationery ul.submenu .licol { width: 50%; float: left; } #primary-menu ul.submenu li + li, #primary-menu ul.submenu li + li ul { width: 120px; box-sizing: border-box; margin-right: 0; } #primary-menu ul.submenu > li > a { border-bottom: 1px solid #fff; } #primary-menu ul.submenu > li > a:hover { color: #fff !important; } #primary-menu ul.submenu li ul a { padding: 0 8px; } #primary-menu ul.submenu .licol { width: 33%; float: left; } #primary-menu ul.submenu li + li .licol, #primary-menu ul.submenu li + li ul .licol { width: 100%; float: none; } #primary-menu ul.submenu > li ul li { /*width: 33% !important;*/ width: 100%; } #primary-menu ul.submenu li + li ul li { width: 100% !important; } #primary-menu ul.submenu > li ul:before { border-left: 1px solid #fff; content: ""; height: 20px; position: absolute; left: 0; } #primary-menu ul.submenu > li ul:after { border-left: 1px solid #fff; content: ""; height: 20px; position: absolute; right: 0; } #primary-menu ul ul { position: relative; left: auto; padding: 0; text-transform: none !important; } #primary-menu li:hover > ul { left: auto; } #primary-menu li ul a { color: #fff; font-size: 14px; padding-bottom: 4px; } #crumb, .textbanner { margin-left: 22px; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; } #crumb { position: relative; top: -10px; clear: both; } #crumb span { padding-right: 5px; } #crumb span + span { color: #999; padding-right: 0; padding-left: 5px; } .textbanner { background:url('dots-vii.png') repeat-x center top; padding-top: 1.142857em; margin-top: -2px; } .textbanner li { display: inline-block; border-left: 1px solid #666; box-sizing: border-box; width: 33%; text-align: center; } .textbanner li:first-child { border: none; text-align: left !important; } .textbanner li:last-child { text-align: right; } .textbanner li, .textbanner a { font-size: 15px; color: #777; } .textbanner li span { color: #aaa; } .textbanner li {vertical-align: middle; height: 1.5em;} .textbanner .newsletterblock {width: 100%; padding: 0; margin-top: -3px;} .textbanner #newsletter_text { font-size: 8px; margin-left: 15px; padding-right: 0; text-align: justify;} .textbanner #newsletter {float: right;} .loader { } #more { clear: both; width: 100%; text-align: left; } @media screen and (max-width: 1059px) { #primary-menu li {} #footnav { clear:both; width: 100%; padding: 20px 0 0 0; } #footnav li { width:24%; text-align: center; } #footnav li.short { width: 24%; } #footer p.handcrafted { float:none; margin: 10px 0 0 0; text-align:center; } #footer p.connections { width: 50%; float: left; } #footer .newsletterblock { float: right; } #footer p.credit, #footer #primary-menu { margin: 0px auto; } #footer #primary-menu li { margin: 0 15px 0 15px; } .page-holder img { max-width: 100%; } #sideinfo { width: 100%; float: none; text-align:center; } #primary-menu li a { font-size: 16px;} } @media screen and (max-width: 1020px) { /* At this breakpoint, topnav is restructured. */ .textbanner .newsletterblock { padding: 5px 0 6px; } .textbanner #newsletter_text { display: none; } .textbanner li { height: auto; } .textbanner li span { display: block; } } @media screen and (max-width: 961px) { /* At this breakpoint, topnav is restructured. */ #primary-menu li a { font-size: 14px;} .fieldgrp.submit.sans { margin-left: 0;} #primary-menu li.item-news a, #primary-menu li.item-about a {padding: 0 35px;} .col1 #mc-embedded-subscribe-form { margin-left: 2%;} #top-banner{background:#fff;} .sl-caption { border-bottom: 1px dotted #999; line-height: 120%; padding: 10px 20px 20px 10px; height: auto;} #sidebar { min-height: 50px;} #top-banner img { width: 100% !important; height: auto !important;} .landscape #product-images .slide img { width: 100%; } .alt-product .product{max-width: 100%;} .alt-product .product img { width: 100% !important; height: auto;} #primary-menu li { margin-right: 5px;} #top-banner { border: none; } .home_top_row { margin-top: -45px; } .home_top_row:after { content: ''; clear: both; display: block; } .home_top_row .connections { padding: 0 8px; } .home_top_row #home-menu { clear: left; } .home_top_row .newsletterblock { margin-top: -28px; } /* 10-7-15 CCRB copy CCTK */ #complete { float:none; width: 100%; box-sizing:border-box; } #freeship { float:none; clear:both; width: 100%; box-sizing:border-box; margin-bottom: 30px; } /* 10-7-15 CCRB copy CCTK */ } @media screen and (max-width: 1080px) { .product > a:first-child {height:auto; } } @media screen and (max-width: 850px) { #slider { clear: both;} .featureblock p { display: none;} #primary-menu li a { font-size: 11px;} } .showmobile, .mobileshow { display:none; } @media screen and (max-width: 767px) { body {z-index:2;} .showmobile, .mobileshow { display:block;} .hidemobile, .mobilehide { display: none; } #stores { width: 100%; } .eachstore { width: 100% !important; left: 0; text-align:center; } #crumb, .textbanner { display: none; } body, body.scrolled { padding-top: 48px; } .scrolled #header:after {display:none; content: ''; position: absolute; top:0; left: 0; width: 100%; height: 70px; background: #FFF;} .homepage #header { height: auto;} #logo { z-index: 11; position:absolute; left: 0; top: 0; padding: 0; } #logo a, .scrolled #logo a, .homepage.scrolled #logo a{ width: 43px !important; } #sidebar, .scrolled #sidebar { margin-top: 0; padding: 0; position: absolute; top: 50px; left: 0; z-index:10; } #cart { margin-right: 33px; } #header #open-menu { display: block; position: absolute; top: -40px; right: 15px; width: 27px; height: 27px; background: #C7C8CA; z-index: 1000000; } #header #open-menu:hover { cursor: pointer; } #header #open-menu:before { content: ''; display: block; width: 100%; height: 6px; position: absolute; top: 5px; background: #fff; } #header #open-menu:after { content: ''; display: block; width: 100%; height: 6px; position: absolute; bottom: 5px; background: #fff; } #header #open-menu span { position: absolute; top: 0; left: -9999em; } #flyoutoff { position:relative; } #header #primary-menu { background: #333; overflow-x: hidden; overflow-y: auto; padding: 6px 0 6px; position:fixed; left:100%; top: 0; width: 75%; height: 100%; } #header #primary-menu li { float: none; margin: 0; padding: 0; } #header #primary-menu li a { color: #fff; padding: 6px 22px; } #header #primary-menu ul.submenu { position: relative; left: auto; background: none; margin: 0; width: 100%; padding: 0 15px 12px; display: none; background: #666; } #header #primary-menu ul.submenu .licol { width: 100%; float: none; } #primary-menu ul.submenu > li ul:before, #primary-menu ul.submenu > li ul:after { display: none; } #header #primary-menu ul.submenu > li, #header #primary-menu ul.submenu > li ul { width: 100%; margin: 0; padding: 0; } #header #primary-menu ul.submenu > li { padding: 0; } #header #primary-menu ul.submenu > li > a, #header #primary-menu ul.submenu > li > a:hover { border-bottom: none; padding-top: 14px; padding-left: 0; padding-right: 0; color: #ccc !important; border-bottom: 1px solid #999; } #header #primary-menu ul.submenu li ul li { margin: 0; padding: 6px 0; } #header #primary-menu ul.submenu li ul a { color: #ccc; padding: 0; } #header ul.submenu:after { display: none; } /* At this breakpoint, floated images/blocks restack and cart becomes full width; arrows removed. */ #primary-menu li { margin-right: 0px;} #primary-menu li a, #primary-menu li a.current { background: none; padding-bottom: 0; letter-spacing: 0px;} #primary-menu li.item-news a, #primary-menu li.item-about a { padding:0 20px; } .sl-image img{display:none;} .sl-image img.mobile {display:block;} .product.vert { width: 46.5%; margin-left: 0; min-height: 1px; margin-bottom: 30px; } .product.horiz.first + .product.vert, .product.vert.first, .product.vert.first + .product.vert + .product.vert { clear: both; margin-right: 3.5%; } .product.horiz.first + .product.vert + .product.vert, .product.vert.first + .product.vert, .product.vert.first + .product.vert + .product.vert + .product.vert { margin-left: 3.5%; } .product.horiz { clear: both; width: 100%; margin-left: 0; margin-bottom: 30px; } .product > a:first-child { height: auto; } #add-item-form { width: 100%; } .finish, ul#variants li a { text-align: center; } ul#variants li a:hover { color: #000 !important; cursor: auto; } ul#variants li { margin-bottom: 0px; border: none; } ul#variants ul { display: block !important; } .cart-btn { width: 100%; } .home_col_1, .home_col_2 {width:100%; float:none;} /* menu shrinks again; remove lower menu bar */ #primary-menu li { margin-right: 0px;} #primary-menu li.item-news a, #primary-menu li.item-about a { padding:0 25px; } #primary-menu li a { font-size: 14px; } .alt-product .product{float: none;} #footnav li, #footnav li.short {display:block; width: 100%; text-align: center;} #footer p.connections { text-align:center; margin: 10px 0 0 0; float: none; width: 100%; } #footer .newsletterblock { float: none; width:276px; margin: 0px auto; } #shoppingcart th { display:none; } #shoppingcart td { display:block; border: 0; } #shoppingcart td.title { border-top: 1px solid #ccc; margin-top: 15px; } #shoppingcart td.title + td.price { display:none; } #shoppingcart #complete { border-top: 1px solid #ccc; } #checkout { float:none; text-align:center; } #shoppingcart + h3 { display: none; text-align:center; } .related-products { text-align: center; display: none; } .related-products li { float: none !important; display: inline-block; margin-right: 10px !important; margin-left: 10px; } .cart-btn { position:relative; bottom: 0; left: 0; margin:0 0 1.0em !important; height:60px; } .cart-btn:before { background: #000; text-align: center; font-size: 18px; line-height: 60px; width:100%; padding-left:0; } .share .price { padding-right: 0; margin-right: 0; } .btn_addtocart { height: 60px; line-height: 60px; } h1 + .share.mobilehide { display: none; } h1 + .share ~ .size { display: none; } .variantblock.panel-:before { content: 'Panel'; } .variantblock.only-:before, .variantblock.yyy-:before { content: 'Print'; } .variantblock.engraved-:before { content: 'Wood'; } ul#variants div[class^="variantblock color-"] { color: #000; } ul#variants li.color ul { width: 100%; } .variantblock#color-walnut-white:before{ content: 'Walnut / White'; } .variantblock#color-black-white:before{ content: 'Black / White'; } .variantblock#color-black-silver:before{ content: 'Black / Silver'; } .variantblock#color-walnut-cherry:before{ content: 'Walnut / Cherry'; } .variantblock#color-white-white:before{ content: 'White / White'; } .variantblock#color-black-black:before{ content: 'Black / Black'; } .variantblock#color-deluxe:before{ content: 'Deluxe'; } .col2.like { clear: left; float: none; padding-top: 20px; margin-left: 2%; text-align: left;} .col1.newsletterblock { width: 100%; float: none;} /*TWEET*/ .tweet_list { width: 75%; float: left; border-right:1px solid #d9d9d9;} .tweet_list li {float: none; } .tweet_list li { width: 82%; padding-left: 13%; margin-bottom: 20px; border: none; padding-right: 2%;} .tweet_list li.tweet_first { padding-left: 13%;} .goto { float: left; margin-left: 7%;} /*END TWEET*/ .home_top_row .connections, .home_top_row #home-menu, .home_top_row .newsletterblock { float: none !important; clear: both; width: auto; margin: 0 auto; } .home_top_row .newsletterblock { padding: 10px 8px 0; } #footer #primary-menu { display: block !important; } #footer #primary-menu li { display:block; width: 100%; margin: 0 !important; text-align:center; } #footer #primary-menu li a { font-size: 14px; } .footerheader { text-align: center; padding: 10px 0 0 0; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; font-weight: bold;} #slider { height: 400px !important;} .homepage .slidewrap { margin-bottom: 0; top: -4px; } /* .homepage .slide { height: 100% !important; } .homepage .slide img { height:400px !important; width: auto !important; max-width: none; }*/ .homepage #footer { margin-top: -15px; } #instructions .ccol { float: none; width: 100%; margin-right: 0; padding-bottom: 30px; } #instructions.wide h2 { font-size: 24px; } #product-images, #product-details, .landscape #fullscreen, .landscape #detail-thumbs, .landscape #main-info, .landscape #add-item-form, .landscape .share2, #aside-info {clear:both; width:100%; float:none;} #aside-info { display:none; } .landscape #fullscreen {float:left;} .landscape #main-info {margin-top:0;} /* At this breakpoint, the horizontal product images need to start resizing. */ .product.horiz { width: 93%; min-width: 1px; height: auto; } .product.vert { width: 45%; min-width: 1px; height: auto; /*min-height: 282px;*/} .product.horiz a img.showmobile, .product.vert a img { width: 100%; max-width: 100%; margin: 0px auto; display:block;} #shoppingcart tr { position: relative; display: block; } #shoppingcart td, #shoppingcart th { padding: 10px 5px; } #shoppingcart th { font-size: 9px;} /*#shoppingcart td.pic img { display: none; }*/ #shoppingcart td.pic { width: 50px; padding: 0; position: absolute; top:10px; left:0;} #shoppingcart td.title {padding-left:65px; min-height:43px;} /* #shoppingcart #free_shipping { max-width: 50%;} */ /* CCTK*/ #shoppingcart #free_shipping { width: 100%; left: auto; margin-left:0; padding:0; position:relative; margin-top: -15px;} /* CCTK */ #freeship .freeship-products li { width: 100%; float:none; margin-bottom: 30px;} /* CCTK*/ #shoppingcart #notes { padding:0;} #shoppingcart #notes h4 { text-align:center;} #shoppingcart #notes { float: none; width: 100%;} #shoppingcart #notes li:last-child { display: none; } #shoppingcart #total { float: none; width: 100%;} #footnav {clear:both; padding:0;} #footnav li {display:inline-block; padding:0;} #primary-menu li { margin-left: 10px;} .landscape #add-item-form {clear:both; width:100%; float:none;} /* At this breakpoint, the nav needs to stack. */ #findit input[type="text"] { width: 104px;} .home_top_row #home-menu, .newsletterblock { display: none;} #primary-menu li { margin-right: 0px; margin-left: 10px;} #primary-menu li a, #primary-menu li a.current { background: none; padding-bottom: 0; font-size: 16px; letter-spacing: 0px;} #primary-menu li.item-news a, #primary-menu li.item-about a { padding: 0 15px;} .col1, .col2 { width: 98%; margin: 0; padding: 0; text-align: center;} .col1 img { margin-bottom: 20px; } .threecol1, .threecol2, .threecol3 { width: 100%; margin: 0; text-align: center;} .threecol1 img, .threecol2 img { margin-bottom: 20px;} .col2.like { display: none; } .col1.newsletterblock { padding-bottom: 30px; } #product-images { width: 100%; } #fullscreen { display: none; } #product-images #slides, #product-images .slide { width: 100% !important; height: auto;} #product-images .slide a img { } #stores { width: 100%;float: none; } #allstores.post { height: auto !important;} #stores .eachstore { width: 35% !important; position: relative !important; left: auto !important; top: auto !important; } #sideinfo { clear: both; float: none; width: 100%; } .form input, .form textarea { width: 100%;} .tweet_list { padding-right: 5%;} .tweet_list li { padding-left: 20%; } .tweet_list li.tweet_first { padding-left: 20%;} .landscape #main-info { width: auto; } .home_col_1 .connections a { display: inline-block; width: 20px; margin: 0 4px 4px 0; } #footer p.handcrafted, #footer p.connections {float:none; width:100%; text-align:center;} #footer p.handcrafted { position:absolute; bottom: 30px; left: 50%; margin-left:-33px; width: auto; } #footer p.credit { padding-top: 100px !important;} #footnav li {display:block;} .product.vert, .product.horiz { clear: both; width: 48.301%; margin-left: 0 !important; margin-right: 0 !important; } .product.horiz.first + .product.vert, .product.horiz.first + .product.vert + .product.vert + .product.vert.first, .product.horiz.first + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.vert, .product.horiz.first + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.vert + .product.vert + .product.vert.first, .product.horiz.first + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.horiz, .product.horiz.first + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.horiz + .product.vert.first + .product.vert, .product.horiz.first + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.vert + .product.vert + .product.vert.first + .product.vert + .product.horiz + .product.vert.first + .product.vert + .product.vert + .product.vert { clear:none !important; margin-left: 3.398% !important; } .product > a:first-child, .product > .optionribbon + a {height: 86.58%;} .product > a:first-child img, .product > .optionribbon + a img {width: 100%;} /* NEW PRODUCT PAGE */ #product { text-align:center; } #detail-thumbs { display:none; } #product-images #slides { width: 75% !important; margin: 0px auto; } .h2.variant { text-align:center; } .mobilehide { display:none; } .the-product-details p { margin-bottom: 15px; } #product .size { } #finish { opacity:0; } ul#variants .variantblock { background: #fff !important; border: 1px solid #ccc; height: auto; padding: 2px 5px; text-transform:lowercase; } ul#variants .variantblock.activate { background: #999 !important; } .opbg { display:none; } .hi { display:none; } ul#variants li > a { width: 30%; float:left; text-align:left; padding: 6px 0 0 0; line-height: 1.0; clear:both; } ul#variants > li { margin-top: 25px; padding-top: 5px; } ul#variants li ul { width: 63%; float:left; text-align:left; } #variants li input { height: 1px; position:absolute; } ul#variants li li { display: inline-block; width: auto; margin: 0px 2px 4px; height: auto; border: none; color: #000; } .share li:first-child { clear:both; } .homepage #header { background: #fff;} .landscape .tap-to-zoom, .landscape .tap-to-un-zoom { float: none; width: 100%; } .landscape #product-details{padding:0;} #product-details { margin-top: -15px;} } /* NEW 11/13 POST RWD MERGE */ #slider a, #slider img, #slider map, #slider area { outline:none !important; } /* NEW 11/14 POST RWD MERGE */ .related-products { list-style-type:none } .related-products div.image { height:110px; width: 160px; overflow: hidden; margin: 0px auto; } .related-products img { width: 100%;} .related-products * { font-size:13px; text-align:center; padding:0 } .related-products h4 { border:none; margin:5px 0 0 0; line-height:1.5 } .related-products li { float:left; width:175px; height:250px; margin-right:25px; } /*body.productpage, .productpage #product, .productpage .homeblock { background: #efefef;}*/ /* body.scrolled.done #header { border-color: #ccc; }*/ /* .homepage #header { border-bottom: 1px solid transparent; } */ body.scrolled #header { border-bottom: 1px solid #ccc;} .homepage #header { border: 0; } @media screen and (max-width: 450px) { ul#variants li.color ul li { width: 40%; } } @media screen and (min-width: 1080px) { #product-images .slide img { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } } #slides { background: url('loading.gif') center 50% no-repeat; } .draggable { overflow: scroll; display: block; } .draggable img { -webkit-transform: none; transform: scale(4,4); -webkit-transform: scale(4,4); transform-origin: 0 0; -webkit-transform-origin: 0 0; padding-bottom: 30px; } @media screen and (max-width:767px) { #footer .newsletterblock { display:block; width: 100%; box-sizing:border-box; padding: 0; } #footer #newsletter { float:none; } #footer #newsletter_text { float:none; text-align:center; margin-bottom: 5px; margin-top: 5px; } #footer #newsletter .input { width: 75%; clear:both; } #footer #newsletter .input input { width: 100%; } #footer #newsletter button[type="submit"] { float:left; width: 25%; } #footer #newsletter_text br { display:none; } } .product.results-gift-wrap { display:none; } /* Listrak */ .home_top_row + .ltk-recs { margin-bottom: 3.52%; margin-top: 0; } @media screen and (max-width: 768px) { .ltk-recs {display: none !important;} } /* FRIENDBUY REFERRAL LANDING: 8/31/16 */ .referred #header { background:#fff; } .referred #content { background: url('PCL_FriendBuyA-sm.jpg') no-repeat center center; background-size: cover; height: 574px; margin-top: -50px; } .referred #footer { margin-top: 0; } .referred #capture { text-align:center; max-width: 470px; width: 75%; } #capture .message { background: #fff; padding: 15px; text-align: left; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; text-transform:uppercase; font-size: 14px; line-height: 1.9; font-weight: bold; letter-spacing: 1px; } #capture .message .h2 { letter-spacing: 1px; padding-bottom: 2px; } #capture .message span { display: inline-block; border: 1px solid #00a4ba; color: #00a4ba; padding: 2px 5px; font-size: 26px; line-height: 1; margin-left: 2px; } #capture .message .signoff { font-style: italic; text-align: right; font-size: 18px; border-bottom: 1px solid #00a4ba; margin-top: 5px; font-family: 'Walburn', Georgia, serif; text-transform: none; font-weight:normal; } #capture form { margin-top: 15px; text-align: left; position:relative; width: 100%; opacity: 1; transition: opacity 0.3s ease-in-out; } #capture form.go-away { opacity: 0; } #capture label { position:absolute; left: -999em; } #capture input { height: 30px; box-sizing: border-box; } #capture input[type=email] { width: 66%; border: none; padding: 0 5px; font-style:normal; font-size: 11px; letter-spacing: 1px; } #capture input[type=submit] { width: 30%; position:absolute; right: 0; border: none; background: #00a4ba; color: #fff; cursor:pointer; transition: background 0.3s ease-in-out; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; text-transform:uppercase; font-style:normal; font-size: 16px; letter-spacing: 1px; } #capture input[type=submit]:hover { background: #788a8c; } /* FLEXBOX ALIGNERS */ .aligner { display: flex; align-items: center; justify-content: center; } .aligner-item { max-width: 50%; } @media screen and (max-width: 767px) { .referred #content { background: url('PCL_FriendBuyA-xs.jpg') no-repeat center center; height: 600px !important; background-size: cover; margin-top: 0; } #capture input[type=email], #capture input[type=submit]{ width: 100%; margin-bottom: 5px; height: 40px; text-align:center; position:relative; right: auto; left: auto; clear:both; transition:none; } } /* Friendbuy CTA */ .friendbuy-cDG-h8r { font-size: 16px !important; margin-top: 3px !important; color: #FF3377 !important; line-height: 1 !important; } #footer .friendbuy-cDG-h8r { display:none; } @media screen and (max-width: 1100px) { .friendbuy-cDG-h8r { font-size: 10px !important; } } @media screen and (max-width: 767px) { .friendbuy-cDG-h8r { font-size: 14px !important; } } .alternate-product .finish2 { display:none; } .alternate-product ul#variants li > a.mobileshow { display: none; } @media screen and (max-width: 768px) { #product.alternate-product { padding-top: 8px; } .alternate-product > .h2.variant { font-size: 20px; } .alternate-product #product-images { width: 66%; float:right; } .alternate-product #product-images #slides { width: 100% !important; } .alternate-product #product-details { width: 33.3%; clear:none; float:left; } .alternate-product .finish2 { display:block; font-size: 11px; text-decoration:underline; text-align:left; text-transform:uppercase; font-family: 'TradeGothicLTPro-Cn18', 'Arial Narrow', Arial, sans-serif; margin-bottom: 0px; } .alternate-product ul#variants { height: 0; padding-bottom: 272%; } .alternate-product ul#variants .variantblock { line-height: 17px; font-size: 11px; } .alternate-product ul#variants li li { min-height: 0; } .alternate-product ul#variants li > a { width: 100%; display:block; float:none; margin-bottom: 5px; font-weight:bold; font-size: 12px; } .alternate-product ul#variants li > a.mobilehide { display: none; } .alternate-product ul#variants li > a.mobileshow { display: block; } .alternate-product ul#variants > li { margin-top: 0; padding-top: 0; } .alternate-product ul#variants li ul { width: 100%; float:none; } .alternate-product .cart-btn, .alternate-product ul.share { width: 300%; } } /* CCTK: 2016-12-09 Holiday shipping notice */ #holiday-notice-bottom { float:left; width: 50%; padding:0; min-height: 100px; margin-top: 60px; border: none; position:relative; } #holiday-notice-top { display:none; } #holiday-notice-bottom img, #holiday-notice-top img { max-width: 100%; } @media screen and (max-width: 768px) { #holiday-notice-bottom { display:none; } #holiday-notice-top { display:block;} }