@font-face { font-family: 'Pacifico'; src: url('../fonts/Pacifico.eot'); src: url('../fonts/Pacifico.eot?#iefix') format('embedded-opentype'), url('../fonts/Pacifico.woff') format('woff'), url('../fonts/Pacifico.svg#Pacifico-Regular') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; } @font-face { font-family: 'Courgette'; src: url('/public/fonts/Courgette-Regular.eot'); src: url('/public/fonts/Courgette-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Courgette-Regular.woff') format('woff'), url('../fonts/Courgette-Regular.svg#Courgette-Regular') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSans-Regular-webfont') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSans-Bold-webfont') format('svg'); font-weight: bold; font-style: normal; font-variant: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Italic-webfont.eot'); src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-OpenSans-Italic-webfont.svg#Pacifico') format('svg'); font-weight: normal; font-style: italic; font-variant: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.svg#opensans-light-webfont') format('svg'); font-weight: 100; font-style: normal; } html, body, form, fieldset, label, input, button, textarea, select{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666} body, h1,h2,h3,h4,h5,p, ul,ol,dl,li,dd,dt, form,fieldset,input,select,textares,label{margin:0; padding:0} form, fieldset, table, img, a img{border:none} a{text-decoration:none; outline:none; color:#666;} a:hover{color:#666; text-decoration:underline;} ul{list-style:none} img{max-width:100%; height:auto} #wrapper{position:relative} #page{position:relative} .pagewidth{max-width:960px; width:100%; margin:0 auto} iframe[name="google_conversion_frame"]{height:0!important} /* Font Overides (use JB V1 body font) */ #superheader, #sub_header, #footer{font-family:Verdana, Geneva, sans-serif} #header, #header2{font-family:Verdana, Geneva, sans-serif} /* Promo strip */ #promo_strip{width:100%; max-width:960px; min-height:14px;border:1px dotted #c8c8c8;border-top:none;position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #promo_strip img{max-width:100%} #promo_strip a#close_promo_strip{font-family: Verdana, Geneva, sans-serif;font-weight: normal;color:#323232;display:block;width:14px;height:14px;line-height:14px;vertical-align:middle;text-align: center;position:absolute;top:0px;right:0px;background: rgba(255,255,255,0.8);} #promo_strip a#close_promo_strip:hover{background: rgba(255,255,255,1);text-decoration:none;} #cart_pages #promo_strip, #checkout_pages #promo_strip{display:none!important} #strip_counter, #strip_param{position:absolute; top:8px; left:0; width:96%; text-align:center; color:#5a5a5a} #strip_param a{display:block;} #strip_counter a{color:#34AFB4; font-weight:bold; display:inline-block; margin:0 15px} #strip_counter a:after{content:''; display:inline-block; width:6px; height:7px; margin-left:5px; background:url(../images/sprites.png) -70px -1px no-repeat} /* --- PROMO STRIP NEW VERSIONS --- */ .inner_hold >a:hover{text-decoration:none;} .psInner >strong{font-family:'Pacifico'; font-size:24px; line-height:1; font-weight:normal;} #strip_counter{position:static; color:#fff;} #strip_counter:before{content:'\f017'; font-family:'FontAwesome'; display:inline-block; vertical-align:middle; margin:0 5px 0 3px; font-size:20px; font-weight:normal;} /* - VER 1 - */ #promo_strip.pstCounter1{max-width:100%; text-align:center; background:#f2c305; color:#fff; border:none;} #promo_strip.pstCounter1 .inner_hold{display:inline-block; position:relative; line-height:24px; padding:7px 30px 7px} #promo_strip.pstCounter1 .psLink{display:inline-block} #promo_strip.pstCounter1 .psInner{color:#fff; font-size:17px; font-family:'Open Sans', Arial, Helvetica, sans-serif; text-shadow:0 0 4px rgba(0,0,0,0.2);} #promo_strip.pstCounter1 a#close_promo_strip{width:14px; height:18px; line-height:18px; top:14px; right:0px; background:none; font-size:16px; color:#fff} #promo_strip.pstCounter1 a#close_promo_strip:hover{background:none;} /* - VER 2 - */ #promo_strip.pstCounter2{padding:10px; background:url(../images/strip_bgr.png) 0 0; color:#fff; max-width:100%; text-align:center;} #promo_strip.pstCounter2 .inner_hold{display:inline-block; max-width:960px; position:relative; min-height:47px; line-height:24px; padding:8px 70px 8px 40px; background:#ea635c; font-size:17px; color:#fff; border-top:1px solid #e94740; border-bottom:1px solid #e94740; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #promo_strip.pstCounter2 .inner_hold:before, #promo_strip.pstCounter2 .inner_hold:after {content:''; display:block; width:70px; height:17px; background:url(../images/slide_marks.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-9px; left:-90px} #promo_strip.pstCounter2 .inner_hold:after{left:auto; right:-90px; background-position:0 -19px;} .pstCounter2 .inner_hold .psBefore{display:block; width:16px; height:47px; background:url(../images/promo_strip_ribbons.png) -32px 0 no-repeat; position:absolute; top:-1px; left:-16px} .pstCounter2 .inner_hold .psAfter{display:block; width:16px; height:47px; background:url(../images/promo_strip_ribbons.png) -48px 0 no-repeat; position:absolute; top:-1px; right:-16px} .pstCounter2 .inner_hold .psInner{color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif;} #promo_strip.pstCounter2 #close_promo_strip{position:absolute; width:22px; height:22px; line-height:22px; border-radius:50%; border:2px solid #d25751; color:#e7645d; font-size:14px; right:20px; top:50%; margin-top:-13px;} /* - VER 3 - */ #promo_strip.pstCounter3{padding:10px; background:url(../images/strip_bgr.png) 0 0; color:#fff; max-width:100%; text-align:center;} #promo_strip.pstCounter3 .inner_hold{display:inline-block; max-width:960px; position:relative; min-height:47px; line-height:24px; padding:8px 70px 8px 40px; background:#e8c305; font-size:17px; color:#fff; border-top:1px solid #b69d1a; border-bottom:1px solid #b69d1a; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #promo_strip.pstCounter3 .inner_hold:before, #promo_strip.pstCounter3 .inner_hold:after {content:''; display:block; width:70px; height:17px; background:url(../images/slide_marks.png) 0 0 no-repeat; position:absolute; top:50%; margin-top:-9px; left:-90px} #promo_strip.pstCounter3 .inner_hold:after{left:auto; right:-90px; background-position:0 -19px;} .pstCounter3 .inner_hold .psBefore{display:block; width:16px; height:47px; background:url(../images/promo_strip_ribbons.png) 0px 0 no-repeat; position:absolute; top:-1px; left:-16px} .pstCounter3 .inner_hold .psAfter{display:block; width:16px; height:47px; background:url(../images/promo_strip_ribbons.png) -16px 0 no-repeat; position:absolute; top:-1px; right:-16px} .pstCounter3 .inner_hold .psInner{color:#fff; font-family:'Open Sans', Arial, Helvetica, sans-serif; sans-serif; text-shadow:0 0 4px rgba(0,0,0,0.2);} #promo_strip.pstCounter3 #strip_counter{position:static; color:#fff;} #promo_strip.pstCounter3 #strip_counter:before{content:'\f017'; font-family:'FontAwesome'; display:inline-block; vertical-align:middle; margin:0 5px 0 3px; font-size:20px;} #promo_strip.pstCounter3 #close_promo_strip{position:absolute; width:22px; height:22px; line-height:22px; border-radius:50%; color:#fff; font-size:14px; background:none; right:20px; top:50%; margin-top:-11px;} #promo_strip.pstCounter3 #close_promo_strip:hover{background:none;} /* ====== Superheader ====== */ #superheader{min-height:32px; background:#333; color:#fff; text-align:center; font-size:11px;} #superheader >span{display:inline-block; vertical-align:middle; line-height:32px; padding:0 15px; font-size:12px; text-transform:uppercase; color:#00b1bb;} /* ====== Header ====== */ #header, #header2{min-height:72px; background:#00b1bb; text-align:center; font-family:'Open Sans',Arial, Helvetica, sans-serif; padding:8px 0 0;} #header2{padding:8px 0;} #logo{float:left; width:320px; height:88px} #header .pagewidth{max-width:1180px;} #header h1{max-width:240px; width:20%; float:left;} #header h1 img{height:auto; max-width:100%;} /* - Main Navigation - */ /* - First level - */ #main_nav_wrap{min-height:80px; position:static; float:right; text-align:left; background:none; padding:24px 0px 0 5px; height:auto; max-width:80%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #main_nav >li{display:inline-block; color:#fff; height:56px; margin:0 0 0 8px; position:relative;} #main_nav >li:hover{background:none;} #main_nav >li >a, #main_nav >li >span{font-size:14px; line-height:16px; text-transform:uppercase; color:#fff; font-weight:bold; display:block; padding:7px 12px; border-bottom:4px solid transparent;} #main_nav >li:hover >a, #main_nav >li:hover >span{text-decoration:none; color:#fff; cursor:pointer; border-color:#f2b920;} #main_nav .c_numb{display:inline-block; vertical-align:top; width:20px; height:20px; line-height:19px; font-size:12px; text-align:center; border-radius:50%; background:#f3b820; margin-top:-8px;} #main_nav .c_numb .tBlue{color:#fff;} /* - Second level - */ #main_nav >li >div{background:#fff; position:absolute; top:56px; left:-10px; padding:30px 10px 0px 35px; min-width:220px; width:100%; border:1px solid #c8c8c8; border-top:none; z-index:100; display:none;box-shadow:1px 1px 5px rgba(0,0,0,0.4);} #main_nav >li.col-4 >div{width:720px;} #main_nav >li.col-3 >div{width:530px} #main_nav >li >div >ul{display:inline-block; vertical-align:middle; margin-right:0; max-width:100%; float:none;} #main_nav >li.col-4 >div >ul{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;} #main_nav >li.col-3 >div >ul{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;} #main_nav >li >div >ul >li >span{color:#00b1bb; font-size:13px; font-weight:bold; text-transform:uppercase; display:block; padding-bottom:6px; margin-bottom:15px; border-bottom:1px solid #dfdfdf; text-align:left; position:relative;} #main_nav >li >div >ul >li >span:after{content:''; display:block; width:20px; height:1px; background:#666; position:absolute; left:0; bottom:-1px;} #main_nav >li >div >ul >li >a{color:#666;} /* - Dropdown footer - */ .dropdown_foot{margin:0 -10px 0 -35px; border-top:1px solid #e6e6e6; background:#f8f8f8; padding:0px 0;} .dropdown_foot >label{display:block; width:25%; float:left; text-align:center; font-size:12px; text-transform:uppercase; line-height:20px; padding:11px 0; margin:5px 0; border-right:1px solid #e6e6e6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;} .dropdown_foot >label:before{content:''; border:8px solid transparent; border-left-color:#e6e6e6; position:absolute; right:-16px; top:50%; margin-top:-8px} .dropdown_foot >label:after{content:''; border:6px solid transparent; border-left-color:#f8f8f8; position:absolute; right:-12px; top:50%; margin-top:-6px} .dropdown_foot >a{display:block; width:25%; float:left; text-align:center; font-size:12px; text-transform:uppercase; font-weight:bold; color:#00b1bb; border-right:1px solid #e6e6e6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:52px; padding:7px 0;} .dropdown_foot >a:hover{background:#fff; text-decoration:none;} .dropdown_foot >a >i{display:inline-block; vertical-align:middle; margin:-1px 3px 0 0;} /* - Help Dropdown - */ #main_nav >li#help_drop >div{width:300px; padding:30px; color:#888; font-size:14px; left:-150px;} #main_nav >li#help_drop >div >ul >li{position:relative; padding:0 0 15px 35px; border-bottom:1px solid #e7e7e7; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #main_nav >li#help_drop >div >ul >li:last-child{border-bottom:none; padding-bottom:0;} #main_nav >li#help_drop >div >ul >li >.inp_btn{display:block; margin:10px 0 0 -35px; color:#fff; font-weight:bold} #main_nav >li#help_drop >div >ul >li >i{position:absolute; left:0; top:4px; font-size:20px;} #main_nav >li#help_drop >div >ul >li >.title{font-size:20px; color:#222; font-weight:normal; text-transform:none; padding:0; margin:0 0 2px; border:none;} #main_nav >li#help_drop >div >ul >li >.title:after{display:none;} #main_nav >li#help_drop >div >ul >li >p{font-size:16px; color:#666; line-height:18px; padding:5px 0} #main_nav >li#help_drop >div >ul >li >p strong{font-size:18px; color:#222; padding:0 5px;} /* - Login Dropdown - */ #main_nav >li#login_drop >div{width:230px; padding:15px 30px; font-size:18px; color:#333; left:-50px} #main_nav >li#login_drop >div >ul{display:block;} #main_nav >li#login_drop >div >ul >li{border-bottom:1px solid #e7e7e7; display:block; line-height:36px; padding:10px 0; margin:0} #main_nav >li#login_drop >div >ul >li >a{} #main_nav >li#login_drop >div >ul >li:last-child{border-bottom:none;} #main_nav >li#login_drop >div >ul >li .inp_btn{display:block; width:100%; color:#fff; margin-top:10px; font-size:14px; font-weight:bold;} #main_nav >li#login_drop >div >ul >li i{display:inline-block; vertical-align:middle; margin-right:5px} /* - About Dropdown - */ #about_drop{position: static!important;} #about_drop >ul{/*position:absolute; */width:100%; top:88px; left:0; text-align:center; background:#494949; z-index:500; border-bottom:1px solid #5c5c5c; border-top:1px solid #5c5c5c;} #about_drop >ul >li{display:inline-block; vertical-align:top; margin:0 10px;} #about_drop >ul >li >a{color:#bababa; font-size:12px; text-transform:uppercase; display:block; padding:18px;} #about_drop >ul >li >a:hover, #about_drop >ul >li.current >a{background:#333; color:#fff; text-decoration:none;} #about_drop >ul >li >a >i{display:block; margin:0 auto 10px;} .about_ico{display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/sprites2.png) 0 0 no-repeat;} .about_ico.ico_story{background-position:0 0} .about_ico.ico_factory{background-position:-40px 0} .about_ico.ico_press{background-position:-80px 0} .about_ico.ico_team{background-position:-120px 0} .about_ico.ico_review{background-position:-160px 0} .about_ico.ico_quality{background-position:-200px 0} .ico_swatch{background-position:-120px -80px;} .ico_pets{background-position:-160px -80px;} .ico_fabric_roll{background-position:-200px -80px;} #about_drop >ul >li >a:hover .about_ico.ico_story{background-position:0 -40px} #about_drop >ul >li >a:hover .about_ico.ico_factory{background-position:-40px -40px} #about_drop >ul >li >a:hover .about_ico.ico_press{background-position:-80px -40px} #about_drop >ul >li >a:hover .about_ico.ico_team{background-position:-120px -40px} #about_drop >ul >li >a:hover .about_ico.ico_review{background-position:-160px -40px} #about_drop >ul >li >a:hover .about_ico.ico_quality{background-position:-200px -40px} /* - Third level - */ #main_nav >li >div >ul >li{display:inline-block; vertical-align:top; min-width:130px; margin:0 0 20px} #main_nav >li >div >ul >li >ul >li{margin-bottom:3px; padding-left:3px} #main_nav >li >div >ul >li >ul >li >a{font-size:12px} #main_nav >li >div >ul >li >ul >li.view_all_lnk >a{font-weight:bold; color:#f2b920; display:block; margin-top:12px;} #main_nav >li >div >ul >li >ul >li >a:hover{color:#34AFB4} #main_nav >li#login_drop >div >ul >li{margin:0 0 3px; color:#333;} #main_nav >li#login_drop .signout_lnk{font-weight:bold; color:#00b1bb;} #main_nav .w_submenu>a:after{display:none;} #main_nav .w_submenu>a:hover:after, #main_nav .w_submenu:hover>a:after{display:none} /* -- Search -- */ #search_wrap{max-height:48px; position:static!important;} #search_form{position:absolute; height:34px; padding:30px 0; width:100%; background:#fff; display:none; right:0; top:88px; width:100%; z-index:50; border-bottom:2px solid #ccc;} #search_form >fieldset{position:relative;} #search_form >fieldset:after{content:''; border:12px solid transparent; border-bottom-color:#fff; position:absolute; right:30px; top:-52px;} #search_form label{font-size:20px; color:#999; line-height:32px; display:inline-block; margin-right:2%; width:8%; min-width:86px;} #search_form input[type=text]{height:32px; width:80%; color:#333; border:1px solid transparent;padding:0 0 0 30px; background:none; border-left-color:#999; font-size:24px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } #search_form input[type=text]:focus{width:80%; border-color:transparent; background:none; border-left-color:#999; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;} #search_form input[type=submit]{display:none;} #searchClose{width:18px; height:18px; display:block; position:absolute; background:url(../images/affirm_lightbox_sprite.png) -32px 0 no-repeat; top:50%; margin-top:-9px; right:0px} ul.ui-autocomplete > li >a.all_resaults_lnk{background:#34AFB4; padding:10px; color:#fff;} ul.ui-autocomplete > li >a.all_resaults_lnk:hover{color:#fff;} /* ============= HEADER 2 (Cart Header) ============ */ #home_link{float:right; margin-top:31px} #home_link a{color:#fff; font-size:18px; vertical-align:middle} #home_link a span{margin-right:10px} /*#superheader .pagewidth, #header .pagewidth, #sub_header .pagewidth{max-width:960px;}*/ /* ============= FOOTER ============ */ /* - Footer Main(Navigation) - */ #foot_main{padding:60px 0; background:#00b1bb; position:relative;} #foot_main .footer_logo{width:210px; text-align:center; overflow:hidden} .footer_logo img{max-width:100%; height:auto; margin-bottom:30px} .footer_logo ul{font-size:14px; text-transform:uppercase; color:#fff; text-align:right} .footer_logo ul >li{margin-bottom:10px} .footer_logo ul >li >span{display:block; font-size:16px; padding-bottom:6px;} .footer_logo ul >li >a{color:#fff} .footer_logo ul >li >a i, .footer_logo ul li i{color:#444; width:20px; display:inline-block; text-align:left; font-size:16px;} #foot_nav{float:right; padding-top:15px} #foot_nav >li{float:left; margin-left:40px; width:150px} #foot_nav >li >ul{} #foot_nav >li >span{font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;} #foot_nav >li >ul >li{line-height:19px; margin-bottom:5px;} #foot_nav >li >ul >li >a{font-size:12px; color:#ddfafc; padding-left:12px; text-transform:uppercase; position:relative; display:block;} #foot_nav >li >ul >li >a:before{content:'\f105'; font-family:'FontAwesome'; position:absolute; left:0; top:-1px} #foot_nav >li#joinUs{min-width:300px;} /* - (Newsletter) - */ #newsletter_block{text-align:left; margin-bottom:30px; font-family:'Open Sans',Arial, Helvetica, sans-serif;} #newsletter_block h3{font-size:24px; color:#444; margin-bottom:10px;} #newsletter_block h3 span{display:block; font-weight:normal; color:#fff; font-family:'Pacifico'; font-size:26px;} #foot_newsletter_form{display:inline-block; height:44px; vertical-align:top; position:relative; text-transform:none; margin:0; width:100%;} #foot_newsletter_form input[type=text]{width:100%; height:44px; padding:5px 52px 5px 15px; color:#888; border:none; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #foot_newsletter_form input[type=submit]{border:none; height:44px; padding:0; background:#333 url(../images/nl_submit_bgr.png) 50% 50%; width:50px; text-align:left; text-indent:-9999em; cursor:pointer; position:absolute; top:0; right:0} #getSocial{} #getSocial h3{font-size:16px; font-weight:normal; text-transform:uppercase; color:#fff; margin-bottom:12px;} #getSocial >a{display:inline-block; vertical-align:middle; margin:5px; width:28px; text-align:center; height:28px; line-height:28px; border:1px solid #70d6dd; border-radius:50%; color:#70d6dd;} #getSocial >a i{font-size:17px; line-height:28px;} #getSocial >a:hover{background:#f2b920; border-color:#f2b920;} #getSocial >a:hover i{color:#fff;} /* - Footer Bottom - */ #foot_bottom{padding:15px 0; background:#333; font-size:11px; line-height:16px; color:#999} .f_copy{float:left; margin-right:100px} .f_terms{float:right} .f_terms a{display:inline-block; margin-right:10px; color:#8e8e8e} .f_author{float:right} .f_author:before{content:''; width:24px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/sprites.png) 0 -22px no-repeat} #footer .pagewidth{max-width:1180px;} /* ============= PAGE ELEMENTS =========== */ /* - Add To Favorites - */ .favsAct{width:20px; height:16px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 -152px; position:absolute; bottom:94px; right:10px; z-index:450;} .favsAct:hover{background-position:-20px -152px;} .favsAct.favIn{background-position:-40px -152px;} .favsPhotoAct{width:20px; height:16px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 -152px;} .favsPhotoAct:hover{background-position:-20px -152px;} .favsPhotoAct.favPhotoIn{background-position:-40px -152px;} .favsPhotobookAct{width:20px; height:16px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 -152px;} .favsPhotobookAct:hover{background-position:-20px -152px;} .favsPhotobookAct.favPhotobookIn{background-position:-40px -152px;} /* - Lightbox - */ .modal_overlay{position:fixed; top:0; left:0; width:100%; height:100%; /*background:rgba(52,175,180,0.9);*/ background:rgba(0,0,0,0.8); z-index:900} .modal{position:fixed; top:50%; left:50%; margin-left:-9999px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:1000;} .modal.no_center{width:100%; padding:20px 0 0; max-height:98%; overflow-x:hidden; border-top:5px solid #9e998b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box} .modal_bar{height:34px; padding:3px 0; margin:0 0 5px; border-bottom:1px solid #ccc} .modal_close{position:absolute; top:0px; right:0px; z-index:1} .modal_close span{display:inline-block; width:32px; height:32px; line-height:32px; font-size:19px; color:#fff; background:#333; text-align:center; border-radius:50%} .modal_close:hover span{background:#222} .modal_title{font-size:22px; line-height:32px; color:#666; padding-right:30px} .modal_hold{min-width:150px; min-height:100px; background:#fff; position:relative} .modal_hold > div{padding:0px} .no_center .modal_bar{height:auto; padding:0; margin:0; border-bottom:none} .no_center .modal_close{right:30px; line-height:32px; color:#999; text-transform:uppercase;} .no_center .modal_close span{color:#999; background:none; display:inline-block; vertical-align:bottom} #video_modal.center .modal_bar{border:none; padding:0; margin:0; height:0} /* - Facebook Login - */ .facebook_login{margin-top:20px; padding:25px 10px 10px; border-top:1px solid #b2b2b2; font-size:11px; color:#777; text-align:center; clear:both; position:relative} .facebook_login a{display:inline-block; margin-bottom:10px} .facebook_login .text{display:inline-block; max-width:250px; width:100%; line-height:16px} .facebook_login:before{content:'or'; font-family:"Times New Roman", Times, serif; display:block; width:40px; height:40px; line-height:38px; text-align:center; background:#fff; font-size:20px; position:absolute; top:-20px; left:50%; margin-left:-20px; color:#777} /* - Tootltip - */ .tooltip{display:inline-block; position:relative} .tooltip>span{cursor:help} #com_tooltip>span{cursor:default} .tooltip>div, #com_tooltip>span{ position:absolute; bottom:35px; left:50%; line-height:14px; border:1px solid #ccc; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:12px; background:#fff; font-weight:normal; color:#777; font-size:10px; opacity:0; -webkit-transition: opacity 0.2s 0.2s; -moz-transition:opacity 0.2s 0.2s; transition:opacity 0.2s 0.2s; pointer-events:none } .tooltip>div:before, #com_tooltip>span:before{content:''; position:absolute; bottom:auto; top:-20px; left:50%; margin-left:-10px; border:10px solid transparent; border-bottom-color:#fff; z-index:1} #com_tooltip>span:before{top:auto; bottom:-20px; border-bottom-color:transparent; border-top-color:#fff;} .tooltip>div:after, #com_tooltip>span:after{content:''; position:absolute; bottom:auto; top:-24px; left:50%; margin-left:-12px; border:12px solid transparent; border-bottom-color:#ccc;} #com_tooltip>span:after{top:auto; bottom:-24px; border-bottom-color:transparent; border-top-color:#ccc;} .tooltip:hover>div, #com_tooltip:hover>span{opacity:1; pointer-events:auto} /* - Thumbnails Sliders - */ .thumbs_wrap{position:relative} .thumbs_hold{margin:0 auto; overflow:hidden; position:relative} .thumbnails{overflow:hidden} .thumbnails.thumbsActivated{position:absolute; top:0; left:0} .thumbnails.thumbsFull{margin:0 auto; position:static} .thumbnails >a{display:block; float:left; border:1px solid transparent} .thumbnails a img{display:inline-block; vertical-align:middle} .thumb_nav{position:absolute; top:50%; width:100%; left:0} .thumb_nav >a{position:absolute; top:50%; margin-top:-11px; display:block; width:20px; height:20px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 0 no-repeat;} .thumb_nav a.thumbPrev{left:0px; background-position:-75px -152px} .thumb_nav a.thumbNext{right:0px; background-position:-95px -152px} .thumb_nav a.thumbPrev:hover{} .thumb_nav a.thumbNext:hover{} .thumb_nav a.thumbPrev.dissabled{display:none} .thumb_nav a.thumbNext.dissabled{display:none} /* - Processing Overlay - */ .processing{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:15} .processing div{ position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; text-align:left; background:url(../images/load.gif) 50% 50% no-repeat; text-indent:-9999em; } #foot_newsletter_form .processing div{width:98%; height:98%; margin:0; top:0; left:0; background-size:contain} /* - Product List Items - */ .prod_item{width:25%; max-width:320px; min-width:230px; height:320px; padding:20px 10px; float:left; text-align:center; position:relative; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .prod_item.adv{overflow:visible} .prod_item span{display:block} .prod_item .it_img{margin:0 0 7px; overflow:hidden} .prod_item .it_img img{width:auto; max-height:180px; margin:0} .prod_item .it_name{font-size:14px; margin-bottom:3px; padding:0 25px;} .prod_item .it_price{font-weight:bold; font-size:18px; color:#333; margin-bottom:3px} .prod_item .it_price sup{font-size:12px} .prod_item .it_price span{color: #999; font-weight: normal; font-size: 14px; display: inline; margin-left: 5px;} .prod_item .it_price_2{font-size:12px; color:#999} .prod_item .it_price_2 sup{font-size:10px} .prod_item .it_color_title{font-weight:bold; display:none; color:#333} .it_badge{position:absolute; top:40px; right:5px; display:block; width:64px; height:64px; text-align:left; text-indent:-9999em; background:url(../images/prod_mark.png) 0 0 no-repeat} .it_badge.bestseller{background-position:0 0} .it_badge.sale{background-position:0 -64px} .it_badge.must_go{background-position:0 -128px} .it_badge.new{background-position:0 -192px} .it_badge.quick_ship{background-position:0 -256px} .side_roll .it_img{text-align:left; width:620px; text-indent:0} .prod_item:hover{text-decoration:none;} .prod_item:hover .it_name{font-weight:bold;} /*product visualisation hovers*/ .prod_item .it_card{position:absolute; top:0; left:0; width:100%; padding:20px 10px; background:#fff; border:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .prod_item .it_opt_details{display:none; text-align:left} .prod_item .it_opt_details img{float:left; margin:0 15px 0 0} .prod_item .it_opt_details strong{display:block; font-size:14px; padding:10px 0} .prod_item .it_opt_details a{display:block; font-weight:bold; margin:0 0 5px; color:#FC800B} .prod_item .it_opt_details a:before{content:'- ';} .prod_item:hover .it_card{border-color:#222; z-index:400} .prod_item:hover .it_opt_details{display:block} /*advanced colors rollovers*/ .prod_item.adv_colors{overflow:visible} .prod_item .it_card2{position:absolute; top:0; left:0; width:100%; max-width:100%; box-sizing:border-box; padding: 20px 0 0; background:#fff; border:1px solid #fff; margin:0 /*10px 0px;*/} .prod_item .adv_color_wrap{display:none; text-align:left; overflow:hidden; margin: 8px auto 0; background:url(../images/shadow_300x20.png) 0 0 no-repeat; padding:22px 8px 5px;} .adv_color_wrap_total{text-align:center; margin:-10px 0 10px; color:#333} .prod_item .adv_color_wrap img{display:inline-block; max-width:65px; max-height:39px; border:1px solid #ddd; float:left; margin:0 2px 3px;} .prod_item .adv_color_wrap img:hover, .prod_item .adv_color_wrap img.current{border-color:#222; cursor:default} .prod_item:hover .it_color_title{display:block} /* - Breadcrumb - */ #breadcrumb{color:#999; height:24px; line-height:24px; padding:8px 0} #breadcrumb a{color:#999} #breadcrumb a:hover, #breadcrumb a.tBlue{color:#34AFB4} /* - Share Bar - */ #top_share{height:24px; line-height:24px; padding:8px 0} #top_share >a, #top_share >span{display:inline-block; margin-left:15px; font-size:11px; color:#adadad; height:16px; line-height:16px} #top_share >a:before, #top_share >span:before{content:''; display:inline-block; width:16px; height:16px; vertical-align:top; margin-right:5px; background:url(../images/sprites.png) 0 0 no-repeat} #top_share >span>a{} #top_share #facebook:before{background-position: -200px -22px} #top_share #twitter:before{background-position: -216px -22px} #top_share #pinterest:before{background-position: -232px -22px} #top_share #sendemail:before{background-position: -248px -22px} /* - Page Share - */ #page_share{padding:15px 0} #page_share.bu_share{padding:0 0 20px} #page_share >a{display:inline-block; margin-right:15px; font-size:11px; color:#adadad; font-weight:normal; height:16px; line-height:16px} #page_share >a:before{content:''; display:inline-block; width:16px; height:16px; vertical-align:top; margin-right:5px; background:url(../images/sprites.png) 0 0 no-repeat} #page_share #facebook:before{background-position: -136px -22px} #page_share #twitter:before{background-position: -152px -22px} #page_share #pinterest:before{background-position: -168px -22px} #page_share #sendemail:before{background-position: -184px -22px} /* - Shadows - */ .top_shadow{padding-top:25px; position:relative} .bottom_shadow{padding-bottom:25px; position:relative} .top_shadow:before{content:''; display:block; width:100%; height:25px; background:url(../images/top_shadow.png) 50% 0 no-repeat; position:absolute; top:0; left:0; background-size:cover} .bottom_shadow:after{content:''; display:block; width:100%; height:25px; background:url(../images/bottom_shadow.png) 50% 0 no-repeat; position:absolute; bottom:0; left:0; background-size:cover} /* - List Styles - */ ul.list_dashed li:before{content:'-'; display:inline; margin-right:5px} ul.list_bulit{padding-left:28px} ul.list_bulit, ul.list_bulit li{list-style:disc!important} ul.check_list li{position:relative; padding-left:20px} ul.check_list li:before{content:''; display:inline-block; background:url(../images/sprites.png) -180px 0px; width:15px; height:15px; position:absolute; top:6px; left:0} img.flipped{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); filter:fliph; transform:scaleX(-1)} /* --- Scroll Menu --- */ #scroll_menu{position:fixed; top:0; left:0; width:100%; background:#34AFB4; color:#fff; padding:5px 26px; text-align:center; display:none; z-index:800; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #scroll_menu .scroll_logo{float:left; width:15%; text-align: left} #scroll_menu .scroll_logo img{max-height:88px; width:auto;} #scroll_menu .scroll_logo h2{color:#fff; padding-top:20px; font-size:26px;} #scroll_menu ul{float:left;width:70%; margin:20px 0} #scroll_menu ul >li{display:inline-block; margin:0 4px} #scroll_menu ul >li >a{height:36px; line-height:34px; padding:0 24px; border:2px solid transparent; box-sizing:2px; display:block; color:#80eeeb; font-size:13px; text-transform:uppercase; font-weight:bold;} #scroll_menu ul >li >a:hover, #scroll_menu ul >li.current >a{color:#fff; border-color:#fff; text-decoration:none;} #scroll_menu .inp_btn{float:right; width:15%; font-size:13px; font-weight:bold; margin-top:20px} #scroll_menu .inp_btn i{margin-left:4px; font-size:0;} #scroll_menu .inp_btn i:before{font-size:18px;} /*================ HOMEPAGE ================*/ /* - Slideshow - */ /* FlexSlider Necessary Styles */ .flex-container a:active, .slideshow a:active, .flex-container a:focus, .slideshow a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-control-nav{position:absolute; bottom:20px; left:0; height:0; width:100%; text-align:center; z-index:50} .flex-control-nav li{display:inline-block; margin:0 8px} .flex-control-nav a{display:inline-block; width:8px; height:8px; background:#fff; border-radius:5px; text-align:left; text-indent:-9999em; position:relative; cursor:pointer} .flex-control-nav a:before{content:''; display:block; width:12px; height:12px; background:rgba(255,255,255,0.4); border-radius:6px; position:absolute; top:-2px; left:-2px; z-index:-1} .flex-control-nav a.flex-active{background:#000} .flex-pauseplay span {text-transform:capitalize;} .slideshow{margin:0; padding:0; position:relative} .slideshow .slides > li{display:none; -webkit-backface-visibility:hidden; text-align:center} .slideshow .slides > li >a{display:block} .slideshow .slides img{width:100%; display:block;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} #home_slideshow{margin-bottom:20px; background:#000} #home_slideshow .slide_desc{padding-right:20%; display:none;/*-OFF-*/ width:630px; text-align:center; position:absolute; top:20%; left:50%; margin:0 0 0 -315px; z-index:5} #home_slideshow .slide_title{ display:inline-block; position:relative; padding:10px; margin-bottom:10px; width:auto; height:auto; line-height:64px; max-height:192px; overflow:hidden; color:#fff; border:none; background:none; text-align:center; text-transform:uppercase; font-weight:bold; font-size:52px; text-shadow:2px 2px 10px rgba(0,0,0,0.9) } #home_slideshow .slide_title:before{content:''; display:block; width:10px; height:10px; background:url(../images/sprites.png) -140px 0 no-repeat; position:absolute; bottom:-9px; right:-11px} /*#home_slideshow .slide_title:hover{color:#111; border-color:#999}*/ #home_slideshow .slide_link{padding:10px 7px; background:rgba(255,255,255,0.8); display:inline-block} #home_slideshow .slide_link a{height:40px; line-height:40px; display:inline-block; vertical-align:top; margin:0 5px; min-width:200px; font-size:20px; padding:0 10px} #home_slideshow .slide_link a.modal_video span{display:inline-block; vertical-align:text-bottom; width:23px; height:25px; margin:0 7px 0 0; background:url(../images/play.png) 0 0 no-repeat} #home_slideshow .slide_link a.modal_video:hover{background:#34afb4} #home_slideshow .img_bgr{display:inline-block; position:relative; height:100%} #home_slideshow .img_bgr >a{display:block;} #home_slideshow .img_bgr:before{content:''; display:block; width:45%; height:100%; position:absolute; top:0; left:0; background-image:-moz-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0.81, rgba(0,0,0,0)),color-stop(0.83, rgba(0,0,0,0.13)),color-stop(0.96, rgba(0,0,0,0.87)),color-stop(0.98, rgb(0,0,0))); background-image:-webkit-linear-gradient(270deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-o-linear-gradient(-90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-ms-linear-gradient(-90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:linear-gradient(-90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#ff000000,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#ff000000,GradientType=0);} #home_slideshow .img_bgr:after{content:''; display:block; width:45%; height:100%; position:absolute; top:0; right:0; background-image:-moz-linear-gradient(50% 0% -90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0.81, rgba(0,0,0,0)),color-stop(0.83, rgba(0,0,0,0.13)),color-stop(0.96, rgba(0,0,0,0.87)),color-stop(0.98, rgb(0,0,0))); background-image:-webkit-linear-gradient(270deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-o-linear-gradient(90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:-ms-linear-gradient(90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); background-image:linear-gradient(90deg,rgba(0,0,0,0) 81%,rgba(0,0,0,0.13) 83%,rgba(0,0,0,0.87) 96%,rgb(0,0,0) 98%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#ff000000,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#ff000000,GradientType=0);} /* --- Homepage Slider (homepage tabs) --- */ #home_tabs_wrap{padding:3px 0} #home_tabs_wrap .thumbs_wrap{position:relative} #home_tabs_wrap .thumbs_hold{height:420px; width:100%} .home_tabs.thumbsActivated{position:absolute; top:0; height:0} .home_tabs .h_tab{max-width:960px; width:100%; height:420px; float:left; overflow:hidden} #home_tabs_wrap .thumb_nav a{position:absolute; top:0; margin-top:-58px; display:block; width:85px; height:117px; text-align:left; text-indent:-9999em; background:url(../images/gall_nav.png) 0 0 no-repeat;} #home_tabs_wrap .thumb_nav a.thumbPrev{left:-105px; background-position:0 0px} #home_tabs_wrap .thumb_nav a.thumbNext{right:-105px; background-position:-94px 0px} #home_tabs_wrap .thumb_nav a.thumbPrev:hover{background-position:-180px 0} #home_tabs_wrap .thumb_nav a.thumbNext:hover{background-position:-274px 0px} #home_tabs_wrap .thumb_nav a.thumbPrev.dissabled, #home_tabs_wrap .thumb_nav a.thumbNext.dissabled{display:none} #home_tabs_wrap .thumb_nav a.thumbPrev.dissabled:hover{background-position:0px 0px} #home_tabs_wrap .thumb_nav a.thumbNext.dissabled:hover{background-position:-94px 0px} /* - BestSellers Block - */ .ht_top{margin-bottom:25px} .ht_top img{vertical-align:middle} .ht_top p{display:inline-block; vertical-align:middle; color:#a8a8a8; line-height:18px; margin-left:20px; width:740px} .bs_thumbs{min-height:280px} .bs_thumbs a{max-width:300px; width:31.333%; min-height:280px; display:block; float:left; margin-right:2%; text-align:center} .bs_thumbs a img{max-width:300px; max-height:280px; width:100%} .bs_thumbs a span{display:inline-block; padding:15px 0; width:100%; min-height:50px; font-size:14px; line-height:20px} .bs_thumbs a span strong{font-size:22px; font-weight:normal; line-height:normal} .bs_thumbs a span strong sup{font-size:13px} /* - Idea Gallery Block - */ #home_tab_2 .ht_top img{width:25%} #home_tab_2 .ht_top p{width:73%} .ig_rooms{padding:0 60px; margin-top:-15px} .ig_rooms a{display:block; width:180px; text-align:center; float:left; padding:0 15px} .ig_rooms a:hover{text-decoration:none} .ig_rooms a img{display:inline-block; margin-bottom:15px} .ig_rooms a span{font-size:22px} /* - Trade Program Block - */ .trade_program{display:block; width:100%; height:390px; position:relative; /*background:url(../images/capt-the_designers_program.jpg) 0 0 no-repeat*/} .trade_program:hover{text-decoration:none; color:#fff} .trade_program img{position:absolute; top:0; left:0} .trade_program span{display:block; width:340px; height:130px; font-size:14px; color:#fff; position:absolute; bottom:20px; right:0} .trade_program span strong{display:block; font-size:22px; margin-bottom:12px} /* - Gift Card Block - */ #home_tab_4{padding-top:40px} #home_tab_4 >div{width:40%; padding:10px 0; text-align:center} #home_tab_4 >div p{padding-top:10px; line-height:17px} #home_tab_4 a{color:#34AFB4; text-decoration:underline; font-weight:bold} #home_tab_4 a:hover{text-decoration:none} /* - Home Infographic Block (Experience Joy) - */ #jb_experience{max-width:100%; background:url(../images/experiance_joy_bgr.png) 0 0 repeat-x} #jb_experience .jb_exp_cont{margin:0 auto; text-align:center} #jb_experience img{max-width:100%} /* - Designer/Swatch Block - */ #swatch_and_dsg{background:url(../images/custom_prod_bgr.jpg) 0 0} .swatch_part{width:50%; float:left; padding:40px 0 5px; background:url(../images/sw_block_img.png) 90% 92% no-repeat} .swatch_part h3{font-size:24px; color:#fff} .swatch_part h3 img{display:block; margin:-30px 0 15px -15px} .swatch_part p{font-size:14px; line-height:1.5em; color:#333; font-weight:bold; padding:0 30px 20px 0} .swatch_part ul{padding:0 180px 20px 0;} .swatch_part ul li{font-size:16px; font-weight:bold; margin-bottom:14px; color:#fff} .swatch_part ul li span{display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; background:#186b6e; border-radius:24px; font-size:24px; margin-right:15px; vertical-align:middle} .swatch_part .btnWhite{color:#34afb6; font-size:18px; height:40px; line-height:40px} .dsg_part{width:50%; float:left; position:relative; height:524px} .dsg_part img{position:absolute; top:0; left:0; height:524px; max-width:500%} .dsg_part_text{position: absolute; top:95px; left:0; width:440px; padding:20px; background:rgba(255,255,255,0.5)} .dsg_part_text .title{float:left; width:155px; font-size:24px; font-weight:bold; color:#fff; line-height:38px} .dsg_part_text div{margin:7px 0 0 170px; font-size:14px; color:#fff; line-height:18px} .dsg_part .inp_btn{margin-top:10px; font-size:18px; height:40px; line-height:40px} /* --- Index Dev --- */ .video_desc{position:absolute; width:770px; top:10%; left:50%; margin-left:-380px; text-align:center; z-index:2} .video_desc h2{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-size:84px; line-height:1.1; text-shadow:0 0 4px rgba(0,0,0,0.4)} .video_desc h2 span{display:block; font-family:'Pacifico'; font-size:50px; font-weight:normal; letter-spacing:4px; text-transform:none; padding:20px 0 40px; position:relative;} .video_desc h2 span:before, .video_desc h2 span:after{content:''; display:inline-block; vertical-align:middle; width:70px; height:17px; background:url(../images/slide_marks.png) 0 0 no-repeat; margin:-5px 15px 0;} .video_desc h2 span:after{background-position:0 -19px;} .video_desc h2 sup{font-size:18px; font-weight:normal; display:inline-block; vertical-align:top; margin:7px 0 0 10px;} .video_desc .inp_btn{min-width:290px; height:64px; line-height:54px; font-size:20px; font-weight:bold; border:5px solid #f2b920; background:rgba(0,0,0,0.3); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #home_block_2{} #home_block_2 .block_top{padding:60px 20px 40px; background:#fff; width:680px; margin:0 auto; text-align:center;} #home_block_2 .block_top h3{font-family:'Pacifico'; font-size:58px; color:#00b1bb; font-weight:normal; margin-bottom:25px;} #home_block_2 .block_top .title{font-size:26px; text-transform:uppercase; color:#333; margin-bottom:20px;} #home_block_2 .block_top .title .tOrange{font-weight:bold; color:#f2b920} #home_block_2 .block_top p{font-size:14px; line-height:1.6; color:#888;} #home_block_2 .cols3 .col{position:relative; height:533px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:300px 6% 6%; background-size:cover; overflow:hidden; -moz-transition: padding 0.5s ease; -webkit-transition: padding 0.5s ease; -o-transition: padding 0.5s ease; transition: padding 0.5s ease;} #home_block_2 .cols3 .col:hover{padding:5% 6%;} #home_block_2 .cols3 .col i{color:#fff; font-size:82px; padding:0 0 25px; border-bottom:1px solid #999;} #home_block_2 .cols3 .col h4{font-size:32px; font-weight:normal; color:#fff; text-transform:uppercase; padding:25px 0} #home_block_2 .cols3 .col p{font-size:16px; color:#ccc; line-height:1.6; margin-bottom:50px;} #home_block_2 .cols3 .col .inp_btn{} #home_block_2 .cols3 .col i, #home_block_2 .cols3 .col p, #home_block_2 .cols3 .col .inp_btn{visibility:hidden; opacity:0; transition:visibility 0s linear 0.6s,opacity 0.6s linear;} #home_block_2 .cols3 .col:hover i, #home_block_2 .cols3 .col:hover p, #home_block_2 .cols3 .col:hover .inp_btn{visibility:visible; opacity:1; transition-delay:0s;} #ej1{background:url(../images/home_points_1.jpg) 50% 50% no-repeat;} #ej2{background:url(../images/home_points_2.jpg) 50% 50% no-repeat;} #ej3{background:url(../images/home_points_3.jpg) 50% 50% no-repeat;} #ej1:hover{ background:linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), url(../images/home_points_1.jpg) 50% 50% no-repeat;} #ej2:hover{ background:linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), url(../images/home_points_2.jpg) 50% 50% no-repeat;} #ej3:hover{ background:linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), url(../images/home_points_3.jpg) 50% 50% no-repeat;} #home_block_3{padding:90px 0 110px} #home_block_3 .pagewidth{width:100%; max-width:1200px;} .pointsText{float:left; width:32%; max-width:385px; padding-right:50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .pointsText h3{font-size:28px; color:#333; text-transform:uppercase; font-weight:normal; margin-bottom:25px;} .pointsText h3 span{color:#34afb4; font-family:'Pacifico'; font-size:34px; text-transform:none;} .pointsText p{font-size:14px; color:#999; line-height:1.8;} .jbHomePoints{float:right; width:68%; border-left:1px solid #e1e1e1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .jbHomePoints .jbPoint{text-align:center; display:block; font-size:13px; font-weight:bold; color:#333; text-transform:uppercase; width:33.333%; float:left; margin-bottom:40px;} .jbHomePoints .jbPoint .jbIco{width:140px; height:140px; display:inline-block; background:url(../images/jb_points_blue.png) 0 0 no-repeat; display:block; margin:0 auto 20px;} .jbHomePoints .jbPoint .jbIco.jb1{background-position:0 0;} .jbHomePoints .jbPoint .jbIco.jb2{background-position:-140px 0;} .jbHomePoints .jbPoint .jbIco.jb3{background-position:-280px 0;} .jbHomePoints .jbPoint .jbIco.jb4{background-position:-420px 0;} .jbHomePoints .jbPoint .jbIco.jb5{background-position:-560px 0;} .jbHomePoints .jbPoint .jbIco.jb6{background-position:-700px 0;} #home_block_4{background:#333; text-align:center; padding-top:85px;} #home_block_4 h3{font-size:28px; text-transform:uppercase; color:#ccc; font-weight:normal; margin-bottom:30px; padding-bottom:18px; position:relative;} #home_block_4 h3:after{content:''; display:block; width:220px; height:1px; background:#b4b4b4; position:absolute; bottom:0; left:50%; margin-left:-110px;} #home_block_4 p{max-width:800px; margin:0 auto 50px; font-size:14px; color:#666; line-height:1.8;} .homeGreedWrap{/*max-width:1600px; margin:0 auto;*/} .homeGreedWrap >a{position:relative; display:block; width:50%; float:left;} .homeGreedWrap >a img{width:100%;} /*.homeGreedWrap >a>span{position:absolute; top:52%; color:#fff; font-size:28px; text-transform:uppercase; left:0px;} .homeGreedWrap >a>span>span{font-family:'Pacifico'; font-size:52px;}*/ #homeSlide1{} .homepageSlider{padding:50px 0 15px; text-align:center;} .homepageSlider h3{font-size:26px; text-transform:uppercase; color:#333; font-weight:normal; padding-bottom:25px; margin-bottom:25px; position:relative} .homepageSlider h3 span{font-family:'Pacifico'; font-size:36px; color:#34AFB4; display:block; text-transform:none; line-height:1; padding-top:7px;} .homepageSlider h3:after{content:''; display:block; width:200px; height:1px; background:#ccc; position:absolute; bottom:0; left:50%; margin-left:-100px;} .homepageSlider .thumbs_wrap{float:none; margin:0 auto 40px; padding:0 100px; width:100%; max-width:1440px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .homepageSlider .thumbs_hold{width:100%; margin:0} .homepageSlider .thumbs_hold, .homepageSlider .thumbnails{height:270px} .homepageSlider .thumbnails a{width:300px; height:270px; border:none;} .homepageSlider .thumbnails a{padding:0; margin:0 5px; border-color:#ccc} .homepageSlider .thumbnails a.current{border-color:#34AFB4} .homepageSlider .thumb_nav >a{margin-top:-33px; display:block; width:33px; height:67px; text-align:left; text-indent:-9999em; background:url(../images/slider_nav.png) 0 0 no-repeat;} .homepageSlider .thumb_nav a.thumbPrev{left:30px; background-position:0 0} .homepageSlider .thumb_nav a.thumbNext{right:30px; background-position:-33px 0} .homepageSlider .p_name{display:block; font-size:14px; line-height:18px; margin:5px 0;} .homepageSlider .p_price{font-size:18px; color:#333; font-weight:bold; display:block;} .homepageSlider .p_price_2{font-size:12px; color:#999;} #who_is_jb{padding:90px 0; background:url(../images/home_video_bgr.jpg) 50% 50% no-repeat; background-size:cover;} #who_is_jb .pagewidth{max-width:1320px;} .wjb_text{width:36%; float:left; padding-right:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .wjb_text h3{font-size:26px; text-transform:uppercase; color:#fff; margin-bottom:25px; font-weight:normal;} .wjb_text h3 span{font-family:'Pacifico'; font-size:44px; color:#34afb4; text-transform:none;} .wjb_text p{font-size:14px; line-height:1.6; color:#fff; margin-bottom:30px;} .wjb_text .inp_btn{} .wjb_video{width:64%; float:left;} .video_wrap{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .video_wrap iframe, .video_wrap object, .video_wrap embed {position:absolute;top:0;left:0;width:100%;height:100%;} /* --- Index Dev (new) --- */ #ex_joy{text-align:center; padding-bottom:50px; border-bottom:1px solid #ececec;} #ex_joy .block_top{padding:60px 20px 40px; background:#fff; width:680px; margin:0 auto; text-align:center;} #ex_joy .block_top h3{font-family:'Pacifico'; font-size:58px; color:#00b1bb; font-weight:normal; margin-bottom:25px;} #ex_joy .block_top .title{font-size:24px; text-transform:uppercase; color:#333; margin-bottom:20px;} #ex_joy .block_top .title .tOrange{font-weight:bold; color:#f2b920} #ex_joy .block_top p{font-size:14px; line-height:1.6; color:#888;} #ex_joy .cols3{} #ex_joy .cols3 >.col{float:none; display:inline-block; width:33.333%; max-width:422px; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #ex_joy .ej_img{display:block; max-width:360px; max-height:240px; padding:20px; border:1px solid #ccc; margin-bottom:35px; position:relative;} #ex_joy .ej_img img{max-width:100%;} .ej_img .learn_more{position:absolute; z-index:2; background:rgba(52,175,180,0.8); width:100%; height:100%; top:0px; left:0px; font-size:24px; color:#fff; text-align:center; text-transform:uppercase; padding-top:34%; display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #ex_joy .ej_img:hover .learn_more{display:block;} #ex_joy h4{font-size:24px; text-transform:uppercase; font-weight:normal; margin-bottom:5px; color:#000;} #ex_joy p{font-size:14px; color:#666; padding:0 25px; line-height:1.8;} #free_sw_kit{padding:20px; background:#f7f7f7;} #free_sw_kit .pagewidth{max-width:1080px;} #free_sw_kit .pagewidth>div{width:50%; float:left; text-align:center; padding-top:40px;} #free_sw_kit h3{font-family:'Pacifico'; font-size:42px; color:#34AFB4; margin-bottom:10px; font-weight:normal;} #free_sw_kit p{font-size:20px; color:#555555; margin-bottom:45px;} #free_sw_kit .btnOrange{background:#ffb400; min-width:180px;} #free_sw_kit .pagewidth>img{width:50%; float:right} #our_promise{padding:75px 0; text-align:center;} #our_promise h3{max-width:180px; display:inline-block; vertical-align:middle; padding:20px 60px 20px 0; border-right:1px solid #e1e1e1; font-family:'Pacifico'; text-align:left; color:#34afb4; font-size:32px; font-weight:normal;} #our_promise h3:after{content:'';} .promise_icons{display:inline-block; vertical-align:middle;} .promise_icons>div{width:160px; padding:0 10px; display:inline-block; vertical-align:top; text-align:center; font-size:14px; text-transform:uppercase; color:#333; font-weight:bold; line-height:1.7;} .pIco{width:80px; height:80px; background:url(../images/jb_points_blue.png) 0 0 no-repeat; display:block; margin:0 auto 10px;} .pIco.jb1{background-position:0 -150px;} .pIco.jb2{background-position:-80px -150px;} .pIco.jb3{background-position:-160px -150px;} .pIco.jb4{background-position:-240px -150px;} .pIco.jb5{background-position:-320px -150px;} .pIco.jb6{background-position:-400px -150px;} #qs_block{max-width:1226px; height:353px; margin:0 auto; text-align:center; font-size:22px; padding:60px 20px 10px; background:url(../images/qs-homeblock.jpg) 0 0 no-repeat; color:#fff; line-height:1.4; text-shadow:1px 1px 2px rgba(0,0,0,0.2); margin-bottom:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #qs_block h3{font-size:20px;} #qs_block h3 span{display:block; font-family:'Pacifico'; font-size:46px; font-weight:normal; padding:5px 0 20px; position:relative;} #qs_block h3 span:after{content:''; display:inline-block; width:110px; height:52px; background:url(../images/qs-icon.png) 0 0; vertical-align:top; margin:5px 0 0 10px} #qs_block p{margin-bottom:25px;} #qs_block .inp_btn{height:54px; line-height:54px; min-width:250px; font-weight:bold;} #home_greed_block{} #home_greed_block .homeGreedWrap{max-width:1240px; margin:0 auto;} #home_greed_block .homeGreedWrap >a{width:49%; float:left; background-size:cover; text-align:center; min-height:370px; padding:80px 5px 5px; position:relative; margin:0.5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block;} #home_greed_block .homeGreedWrap >a .title{font-size:30px; text-transform:uppercase; color:#fff; line-height:34px; padding-top:80px; display:block; font-weight:bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #home_greed_block .homeGreedWrap >a .inp_btn{display:none; min-width:200px;} #home_greed_block .homeGreedWrap >a .cont{font-size:18px; color:#fff; margin-bottom:40px; line-height:1.8; opacity:0; display:block; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #home_greed_block .homeGreedWrap >a .cont span{display:block; font-size:22px;} #hg1{background:url(../images/greed1.jpg) 50% 50% no-repeat;} #hg2{background:url(../images/greed2.jpg) 50% 50% no-repeat;} #hg3{background:url(../images/greed3.jpg) 50% 50% no-repeat;} #hg4{background:url(../images/greed4.jpg) 50% 50% no-repeat;} #home_greed_block .homeGreedWrap #hg4 .inp_btn{display:block; min-width:200px; position:absolute; bottom:25px; left:50%; margin-left:-100px;} #home_greed_block .homeGreedWrap >a:hover{text-decoration:none;} #home_greed_block .homeGreedWrap >a:hover .title{position:relative; padding:0 0 20px; margin-bottom:15px; z-index:2;} #home_greed_block .homeGreedWrap >a:hover .title:after{content:''; display:block; width:90px; height:1px; background:#fff; position:absolute; bottom:1px; left:50%; margin-left:-45px;} #home_greed_block .homeGreedWrap >a:hover .inp_btn{display:inline-block; position:relative; z-index:2;} #home_greed_block .homeGreedWrap >a:hover .cont{opacity:1; position:relative; z-index:2;} #home_greed_block .homeGreedWrap >a:hover:before{content:''; position:absolute; width:100%; height:100%; background:rgba(52,175,180,0.8); display:block; left:0; top:0;} #home_greed_block .homeGreedWrap #hg4:hover:before{display:none;} /*================ CATEGORY ================*/ #cat_page{padding:0 11%; position:relative; z-index:1; overflow:hidden; width:78%; max-width:1280px; margin-bottom:50px} #cat_page .pagewidth{max-width:1280px;} #subcat_menu{padding:20px 0;} #subcat_menu .subcat_hold{max-width:1120px; margin:0 auto;} #subcat_menu .thumbs_wrap{float:none; margin:0 auto; padding:0 20px; max-width:1120px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #subcat_menu .thumbs_hold{width:100%; margin:0} #subcat_menu .thumbs_hold{height:125px; padding-bottom:12px; text-align:center;} #subcat_menu .thumbnails{height:125px; text-align:center; padding-bottom:12px; margin:0 auto; padding-right:1px} #subcat_menu .thumbnails a{width:180px; height:125px; padding:3px 5px 0; /*margin:0;*/margin:0 -1px 0 0; float:none; display:inline-block; vertical-align:top; font-size:11px; color:#b5b5b5; text-transform:uppercase; position:relative; border:1px solid #dbdbdb; /*border-left:none;*/ border-bottom:5px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #subcat_menu .thumbnails a:first-child{/*border-left:1px solid #dbdbdb;*/} #subcat_menu .thumbnails a:after{content:''; border:12px solid transparent; border-top-color:#34AFB4; position:absolute; left:50%; margin-left:-12px; bottom:-24px; display:none;} #subcat_menu .thumbnails a.current{border-bottom-color:#34AFB4; font-weight:bold; color:#34AFB4; background:#fff;} #subcat_menu .thumbnails a.current:after{display:block} #subcat_menu .thumbnails a img{max-width:120px; display:block; margin:0 auto 4px; opacity:0.4;} #subcat_menu .thumbnails a>span{} #subcat_menu .thumbnails a:hover{text-decoration:none; color:#000; font-weight:bold;} #subcat_menu .thumbnails a.current img, #type_menu .thumbnails a:hover img{opacity:1;} h3#vis_option_title{background:rgba(0,0,0,0.7); color:#fff; font-size:14px; font-weight:normal; padding:4px 15px; margin:-1px 0 0; position:absolute; z-index:450} h3#vis_option_title span{color:#F8DE0F} /* Back To Top Scrtolling Btn */ #fix_pos{position:fixed; bottom:8%; height:1px; width:100%; z-index:100; display:none} #fix_pos .scrol_btn{width:1280px; max-width:100%; height:1px; margin:0 auto; position:relative} #fix_pos .scrol_btn a{ position:absolute; top:0; right:0; background:url(../images/back_to_top_btn.png) 0 0 no-repeat; text-align:left; text-indent:-9999em; color:#fff; text-align:center; font-size:10px; line-height:12px; font-weight:bold; text-transform:uppercase; color:#34AFB4; display:block; width:30px; height:42px; float:right; margin-right:-82px; } #fix_pos .scrol_btn a:hover{text-decoration:none} /* - Category Slideshow - */ #cat_banner{text-align:center; margin:0 auto; position:relative;} #cat_banner img{max-width:100%; width:auto; margin:0 auto} #cat_banner ul li{text-align:center} #cat_banner .patsBadge{display:block; max-width:210px; width:22%; height:100%; max-height:211px; position:absolute; bottom:0; left:0; background:url(../images/pets-badge-swatch.png) 0 100% no-repeat; background-size:contain;} #cat_ad_banner{position:relative; text-align:center; overflow:hidden} #cat_ad_banner .slide_hold{position:relative; min-width:320px; min-height:616px} #cat_ad_banner .slide{position:absolute; top:0; left:0} #cat_ad_banner .slide_hold img{} #cat_ad_banner .slide:first-child, #cat_banner .slide.ie_first{z-index:15} #cat_ad_banner .slide:hover{text-decoration:none} #cat_ad_banner .slide_ctrl, #cat_ad_banner .slide_nav{text-align:right; display:none} /* - Category Ad Banner - */ #cat_ad_banner{float:right; margin-bottom:24px} /* - Clouds - */ .clouds{position:absolute; display:block; width:95px; height:75px; text-align:left; text-indent:-9999em;} /* - Category Caption + Tools - */ #cat_tools, .cat_filters{height:50px} /* - Category Caption - */ #cat_caption{padding-bottom:5px; border-bottom:1px solid #ccc;} #cat_caption h2{font-size:36px; font-weight:normal; float:left;} #cat_caption.scroll_float{position:fixed; top:25px; width:78%; background:#fff; z-index:475} #subcat_menu.scroll_float{position:fixed; top:106px; background:#fff; z-index:475; /*max-width:1280px;*/ width:100%; left:0;} .cat_pages .pagewidth{max-width:1280px; width:100%;} .cat_pages #cat_caption.scroll_float{width:100%; left:0;} #cat_tools{float:right; overflow:hidden; padding-left:15px} .cat_filters{float:left; padding:0 13px; box-shadow: -7px -10px 15px rgba(0, 0, 0, 0.05);} .cat_filters .capt{padding:3px 0; font-weight:bold; border-bottom:1px solid #e5e5e5; margin-bottom:3px} #cat_tools .cat_filters:last-child{padding-right:0} .mat_filter label{display:inline-block; vertical-align:middle; margin:0 7px 0 0; font-size:10px; line-height:14px} .mat_filter input{display:inline-block; vertical-align:middle; margin:-1px 5px 0 0; width:14px; height:14px; line-height:14px;} .pet_icon{display:inline-block; vertical-align:middle; width:18px; height:17px; background:url(../images/sprites.png) -263px -117px no-repeat;} .color_icons span{display:inline-block; width:16px; height:16px; border:1px solid transparent; cursor:pointer; position:relative} .color_icons span:hover{border:1px solid #000} .color_icons span.checked:after{content:'\2714'; position:absolute; top:0; left:0; width:16px; height:16px; line-height:16px; text-align:center; color:#34AFB4; text-shadow:-1px -1px rgba(0,0,0,0.5); z-index:1} .color_icons input{opacity:0; cursor:pointer; width:16px; height:16px; margin:0; position:relative; z-index:3} .price_filter input{display:inline:block; font-size:11px; vertical-align:middle; width:40px; height:18px; padding:0 3px; margin:0; text-align:right; border:1px solid #ccc;} .price_slider{display:inline-block; width:116px; height:3px; vertical-align:middle; margin:3px 12px 0; background:#ddd; position:relative;} .price_slider .ui-slider-range{position:absolute; top:0; height:3px; background:#34AFB4} .price_slider .ui-slider-handle{display:block; position:absolute; top:-6px; width:5px; height:12px; background:#fff; border:1px solid #ccc} #cat_tools .sort_filter select{height:19px; line-height:19px; width:150px; border:1px solid #ccc; font-size:11px} #cat_wrap{position:relative; padding-bottom:60px; background:url(../images/top_shadow_cat.png) 50% 0 repeat-y} #cat_icons{text-align:center; margin-top: 5%;} #cat_icons>a{display:inline-block; vertical-align:top; margin: 0 1% 2% 0; width: 49%; background:url(../images/no_cat_list.png) 0 0 no-repeat; position:relative; color:#999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; overflow:hidden;} #cat_icons>a:nth-child(even){margin: 0 0 2% 1%;} #cat_icons >a:hover{text-decoration:none; color:#34AFB4} #cat_icons>a img{width:100%; height:auto; position:relative; top:0px; left:0px;} #cat_icons>a span{display:block; position:absolute; top:50px; right:5%; text-transform:uppercase; font-size:16px; letter-spacing:2.5px; z-index:2;} #cat_icons>a span:after{content:''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 10px solid #666; border-bottom: 6px solid transparent; display: inline-block; margin-left: 7px;} #cat_icons>a:hover span:after{content:''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 10px solid #34AFB4; border-bottom: 6px solid transparent; display: inline-block; margin-left: 7px;} #cat_descriptions{padding:40px 0} #cat_descriptions .c_capt{font-weight:bold; font-size:14px; margin-bottom:20px} /* - Scroll Caption (mini) - */ #mini_capt{position:fixed; top:0; left:0; height:25px; width:100%; background:#34AFB4; z-index:2} #mini_capt #scroll_logo{display:inline-block; height:25px; width:82px; margin-right:20px; background:url(../images/scroll_logo.png) 0 0 no-repeat; vertical-align:top} #mini_capt #breadcrumb{display:inline-block; color:#fff; padding:0} #mini_capt #breadcrumb a, #mini_capt #breadcrumb span{color:#fff} #mini_capt #scroll_top{display:inline-block; line-height:24px; float:right; color:#fff; font-weight:bold} /* - Swatch Page Caption - */ #cat_swatch_caption{ padding:15px; border-bottom:1px solid #ccc; background-image:-moz-linear-gradient(50% 0% -90deg,rgb(234,234,234) 0%,rgb(255,255,255) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 89%,color-stop(0, rgb(234,234,234)),color-stop(1, rgb(255,255,255))); background-image:-webkit-linear-gradient(270deg,rgb(234,234,234) 0%,rgb(255,255,255) 100%); background-image:-o-linear-gradient(-90deg,rgb(234,234,234) 0%,rgb(255,255,255) 100%); background-image:-ms-linear-gradient(-90deg,rgb(234,234,234) 0%,rgb(255,255,255) 100%); background-image:linear-gradient(180deg,rgb(234,234,234) 0%,rgb(255,255,255) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaeaea,endColorstr=#ffffffff,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeaeaea,endColorstr=#ffffffff,GradientType=0); } #cat_swatch_caption .swatch_ico{float:left; margin:0 40px 0 15px; max-width:165px; max-height:165px; position:relative;} #cat_swatch_caption .swatch_ico.petFriendly:before{content:''; display:block; width:76%; height:76%; position:absolute; top:12%; left:12%; background:url(../images/pets-badge-colors.png) 0 0 no-repeat; background-size:contain;} #cat_swatch_caption h2{font-size:36px; font-weight:normal; margin:30px 0 10px 0} #cat_swatch_caption p{font-size:16px; font-weight:normal; max-width:640px} #cat_swatch_caption .cat_filters{box-shadow:none; padding:0; margin-left:0} /* --- Scrolling Capt on Scroll-Up --- */ #catScroll.scrl_bar_hide{ position:fixed; height:0; overflow:hidden; top:-400px; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; } #catScroll.scrl_bar_show{ position:fixed; top:0; left:0; width:100%; background:#fff; z-index:500; height:auto; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; -webkit-transition: top 500ms ease; transition: top 500ms ease; } #catScroll #mini_capt{display:none; position:absolute;} #catScroll.scrl_bar_show #mini_capt{display:block;} #catScroll.scrl_bar_show.inactive{position:static; width:auto; box-shadow:none;} #catScroll.scrl_bar_show.inactive #mini_capt{display:none;} /* - Visualization Gallery Image - */ #position_gallery{float:left; height:41px; margin-left:20px} #position_gallery a{display:block; width:65px; height:39px; border:1px solid #ccc; margin:0 4px; float:left} #position_gallery a.current{border-color:#34AFB4} #position_gallery a img{width:65px; height:39px;} /* - Swatch Kit Item - */ .fs_kit{text-align: center; text-transform:uppercase; font-weight:bold; color:#444; line-height:22px} .prod_item.fs_kit .it_img{margin:0} .fs_kit img{max-height:180px; width:auto!important; min-width:0} /* ================= FAVORITES PAGE =================== */ .favourites_banner >img{width:100%;} .fav_title{padding:75px 0 20px; margin-bottom:35px; text-align:center; border-bottom:1px solid #ccc;} .total_favs{font-size:15px; color:#888; float:left; width:20%; line-height:44px; text-align:left;} .total_favs strong{color:#FDBC2C;} .fav_title h2{font-family:'Pacifico'; font-size:36px; display:block; color:#00b1bb; line-height:44px; font-weight:normal; text-align:center; width:42%; float:left;} .fav_btns{width:38%; float:right; text-align:right;} .favsBottomBlock{padding:55px 0 70px; background:#333; color:#999; text-align:center;} .favsBottomBlock h3{font-size:26px; margin-bottom:10px; font-weight:normal; color:#fff;} .favsBottomBlock h3 span{font-family:'Pacifico'; font-size:30px;} .favsBottomBlock p{font-size:14px; line-height:1.8; margin:0 auto 40px; max-width:440px;} .favsBottomBlock .or{display:inline-block; font-size:16px; vertical-align:top; line-height:44px; margin:0 20px;} .fav_share{width:38%; float:right; text-align:right; line-height:42px; font-size:14px; color:#333;} .fav_share .inp_text{margin:0; height:36px; border-color:#ddd;} .fav_share a{margin-left:8px; display:inline-block; vertical-align:middle; border:1px solid #cdcdcd; border-radius:50%; text-align:center; width:40px; height:40px;} .fav_share a:hover{border-color:#111;} .fav_share a i{font-size:20px; color:#999; line-height:40px;} .fav_share a:hover i{color:#111;} #no_favorites{max-width:860px; width:100%; height:640px; margin:40px auto; text-align:center; padding-top:140px; background:url(../images/no_fav.jpg) 50% 50% no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-size:cover;} #no_favorites h2{font-size:36px; font-weight:normal; padding:0 22% 30px; line-height:1.3;} #no_favorites h2 strong{font-weight:normal; color:#00b1bb; font-family:'Pacifico'; font-size:40px;} #no_favorites .inp_btn{min-width:24%;} #no_favorites .or{padding:0 14px} /* --- save favorites lightbox --- */ #favLightbox .modal_bar{height:0; margin:0; padding:0; border:none;} #favLightbox .modal_title{display:none;} #favLightbox .modal_close{background:none; text-indent:0; width:auto; height:0; top:10px; right:10px;} #favLightbox .modal_close span{border:none; background:none; color:#999;} #save_fav_lightbox{width:450px; text-align:center; background:#fff;} #save_fav_lightbox:before{content:''; display:block; width:180px; height:150px; background:url(../images/capt-save_your_favorites.png) 0 0 no-repeat; position:absolute; top:-50px; left:50%; margin-left:-90px; z-index:20;} #save_fav_lightbox .top{padding:105px 55px 20px; position:relative; background:#f8f8f8;} #save_fav_lightbox .top:after{content:''; border:24px solid transparent; border-top-color:#f8f8f8; position:absolute; bottom:-48px; left:50%; margin-left:-24px;} #save_fav_lightbox h2{font-size:28px; color:#333; font-weight:normal; margin-bottom:10px;} #save_fav_lightbox p{font-size:14px; line-height:1.5; color:#888;} #save_fav_lightbox p a{text-decoration:underline;} #save_fav_lightbox .cont{padding:45px 0; width:300px; display:inline-block;} #save_fav_lightbox .cont .inp_btn{width:100%; font-weight:bold;} .facebook_login{padding:30px 0 10px; margin:30px 0 0; border-top:1px solid #ddd; max-width:300px;text-align: center;} .facebook_login:before{font-size:12px; width:20px; height:20px; line-height:18px; border:1px solid #ddd; border-radius:50%; top:-10px; margin-left:-10px; font-family:inherit;} /* --- share favorites lightbox --- */ #favShareLightbox .modal_bar{height:0; margin:0; padding:0; border:none;} #favShareLightbox .modal_title{display:none;} #favShareLightbox .modal_close{background:#000; text-indent:0; width:auto; height:0; top:-20px; right:-20px;} #favShareLightbox .modal_close span{border:2px solid #999; background:#000; color:#fff; font-size:15px; width:38px; height:38px; line-height:38px;} #share_fav_lightbox{width:620px; text-align:center; background:#f4f4f8;} #share_fav_lightbox h2{padding:50px 0 40px; background:#fff; font-size:30px; font-weight:normal; color:#00b1bb;} #share_fav_lightbox h2 i{font-size:40px; color:#dc0000;} #share_tabs{} #share_tabs .tabs_holder >a{display:block; float:left; width:33.333%; font-size:14px; text-transform:uppercase; line-height:22px; padding:19px 5px; color:#999; background:#f9f9fb; border:1px solid #e8e8e8; border-right:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #share_tabs .tabs_holder >a:hover{text-decoration:none; background:#eee;} #share_tabs .tabs_holder >a >i{display:inline-block; vertical-align:top; font-size:20px; margin-right:5px;} #share_tabs .tabs_holder >a.current{color:#fff; background:#00b1bb; position:relative;} #share_tabs .tabs_holder >a.current:after{content:''; border:10px solid transparent; border-top:8px solid #00b1bb; position:absolute; bottom:-18px; left:50%; margin-left:-10px;} #share_tabs .tab_cont{padding:45px 20px; min-height:325px;} #share_tabs .tab_cont h3{font-size:16px; font-weight:normal; margin-bottom:15px;} .soc_share_btns{display:block; width:100%; max-width:260px; height:50px; line-height:50px; margin:25px auto 20px; background:#ddd; font-size:20px; font-weight:bold; color:#fff; position:relative; text-align:left; padding-left:85px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .soc_share_btns:hover{text-decoration:none; color:#fff;} .soc_share_btns i{font-size:26px; font-weight:normal; padding-right:15px; position:absolute; top:50%; margin-top:-10px; left:50px; text-align:left;} .sb_facebook{background:#3b5999;} .sb_twitter{background:#5ea9dd} .fav_share_form{position:relative} .fav_share_form .inp_text{height:52px; border-color:#d0d0d0; padding:3px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .fav_share_form textarea{height:160px; padding:10px 20px; border-color:#d0d0d0; margin-bottom:14px; color:#999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .fav_share_form .inp_btn{height:52px;} .fav_share_form .inp_btn i{margin-left:5px;} #share_fav_lightbox input.error, #share_fav_lightbox input.valid, #share_fav_lightbox textarea.error, #share_fav_lightbox textarea.valid{background:#fff;} #share_fav_lightbox .error_holder{width:320px; margin:0 auto 30px;} #favShareThanks{padding:40px 0 30px; margin:40px 0 0; background:#fff;} #favShareThanks h3{font-size:26px; color:#999; font-weight:bold} .favourites_banner{position:relative} .favsBannerOverlay{position:absolute; top:50%; left:0; width:100%; margin:-85px 0 0; font-size:18px} .favsBannerOverlay h2{font-size:3em; margin:0; font-family:'Pacifico'; font-weight:normal; color:#fff} .favsBannerOverlay p{font-size:1em; margin:0; color:#fff} .favsBannerOverlay .fa-heart{font-size:2em; margin:0 0 -10px; color:#fff} @media only screen and (max-width:970px){ .favsBannerOverlay{font-size:12px; margin-top:-50px} } /*================ SEARCH PAGE ================*/ /* - AutoComplete - */ .search_autocomplete{position:relative;} .ui-helper-hidden-accessible{margin:0; color:#fff; font-size:11px; display:none} ul.ui-autocomplete{box-shadow:0 0 10px rgba(0,0,0,0.2); max-width:540px; z-index:999} ul.ui-autocomplete > li{padding:7px 10px; background:#fff; color:#ddd;} ul.ui-autocomplete > li >a{display:block} ul.ui-autocomplete > li >a >img{display:inline-block; vertical-align:middle; margin-right:10px; width:120px;} ul.ui-autocomplete > li >a >span{display:inline-block; vertical-align:middle; font-size:14px;} ul.ui-autocomplete > li:hover{} ul.ui-autocomplete > li:hover, ul.ui-autocomplete > li:hover a, ul.ui-autocomplete > li >a:hover{cursor:pointer} ul.ui-autocomplete > li >a.all_resaults_lnk{display:block; padding:10px; text-align:center; background:#00b1bb; margin:0 -10px -7px; color:#fff; font-weight:bold} ul.ui-autocomplete > li >a.all_resaults_lnk:hover{color:#fff} /* - No Items - */ #no_items{margin:50px 0; padding:30px; font-size:24px; text-align:center; border:1px solid #ebebeb; color:#787878} #no_items.search_page{border:none; margin:0; padding:70px 30px 100px; color:#6a6a6a; font-size:22px; background:#fff} #no_items.search_page h3{font-size:26px; color:#000; font-weight:normal; margin-bottom:35px} #no_items.search_page p{margin-bottom:40px} #no_items.search_page .inp_btn{font-size:19px; height:40px; line-height:40px} .search h2{font-size:36px; font-weight:normal;padding-bottom: 5px;border-bottom: 1px solid #000;} #prods_loading{clear:both; padding:30px; margin:20px 0; font-size:24px; color:#787878; border:1px solid #ebebeb; text-align:center} /*================ SWATCH LIST PAGE ================*/ #swatches_wrap{padding:30px 0; margin:0 -10px} .swatch_item{display:inline-block; vertical-align:top; width:100px; margin: 0 12px 20px; position:relative; cursor:pointer; border:1px solid #fff; padding:4px; min-height:130px;} .swatch_item>img{max-width:100px; max-height:100px; display:block; margin:0 0 3px} .swatch_item>.swatch_name{display:block; text-align:center; font-size:11px; font-weight:bold} .swatch_item>.swatch_details{display:none} .swatch_item:hover{border-color:#34AFB4; text-decoration:none} .swatch_popup{position:absolute; bottom:45px; left:50%; padding:16px; width:300px; margin:0 0 0 -158px; z-index:1; overflow:hidden; background:#fff; border-top:5px solid #F8DE0F; box-shadow:0 0 20px rgba(0,0,0,0.5); cursor:default} .swatch_popup .swatch_popup_img{float:left; display:inline-block; max-width:100px} .swatch_popup .swatch_popup_img span{display:inline-block; position:relative; font-size:11px} .swatch_popup .swatch_popup_img span:before{content:''; display:inline-block; width:16px; height:16px; background:url(../images/sprites.png) -264px -22px; vertical-align:top} .swatch_popup img{max-width:100px; max-height:100px; display:block; margin-bottom:5px} .swatch_popup>div{margin-left:116px} .swatch_popup h4{font-size:13px; font-weight:bold; margin:0 0 7px} .swatch_popup .sw_desc{line-height:18px; margin-bottom:16px} .swatch_popup>div a{font-weight:bold; color:#34AFB4; line-height:18px} .swatch_popup>div a:before{content:'- '} .sw_popup_close{position:absolute; top:5px; right:10px; font-size:16px; font-weight:bold} /*================ PRODUCT PAGE ================*/ /* product.css */ .review_rate dl{} .review_rate dl dt{font-weight:bold; font-size:13px; width:60px; float:left; clear:left} .review_rate dl dd{float:left; margin:0 0 12px 2px} /*================ REVIEWS PAGE ================*/ /* reviews.css */ /*================ CUSTOMER PHOTOS ================*/ /* customer_gallery.css */ /* Customer Photos */ #c_photo{} #c_photo .photo_hold{padding-bottom:20px} .img_author{color:#999} .img_author span{display:block; font-size:16px; margin-bottom:10px; color:#333} .cust_img_desc{padding:15px 0 20px} #customer_corner{padding:80px 0 100px; background:#333} .c_gallery_top{height:auto; line-height:auto; padding:10px; margin-bottom:50px; background:none; border-bottom:1px solid #4c4c4c} .c_gallery_top h3{float:left; font-size:44px; line-height:50px; height:auto; margin:0; padding:0; color:#fff; font-family:'Courgette',Verdana,Arial,Helvetica,sans} .c_gallery_top .capt_tools{float:right} .c_gallery_top .capt_tools .btnTransparent{border-width:1px} .c_gallery_top .capt_tools .inp_btn{font-weight:normal; font-size:12px; vertical-align:middle} #c_gallery{padding:0; border:none; clear:both; text-align:center; width:92%; margin:0 auto} #c_gallery .c_thumb{background-size:cover; background-position:50% 50%; background-repeat:no-repeat} /*thumbnails*/ #c_gallery .thumbs_wrap{margin:0 auto; padding:0 20px; width:100%; max-width:1680px; position:relative; left:0; bottom:15px} #c_gallery .thumbs_hold{width:100%; margin:0; height:343px} #c_gallery .thumbs_hold, #c_gallery .thumbnails{} #c_gallery .thumbnails a, #c_gallery .thumbnails a img{display:inline-block; max-width:420px; max-height:342px} #c_gallery .thumbnails a{width:420px; height:342px; margin:1px; border:none} #c_gallery .thumb_nav >a{margin-top:-29px; display:block; width:15px; height:57px;} #c_gallery .thumb_nav a.thumbPrev{left:0px; background-position:-45px -38px} #c_gallery .thumb_nav a.thumbNext{right:0px; background-position:-30px -38px} #c_gallery .thumb_nav a.thumbPrev:hover{background-position:-15px -38px} #c_gallery .thumb_nav a.thumbNext:hover{background-position:0px -38px} #c_gallery .thumb_nav a.thumbPrev.dissabled{display:none} #c_gallery .thumb_nav a.thumbNext.dissabled{display:none} /* Popup */ #cpPopup{padding:10px; max-width:800px} #cpPopup .modal_bar{height:0; border:none; padding:0; margin:0;} #cpPopup .modal_title{display:none} #cpPopup .modal_close{} #cpPopup .modal_close span{border-radius:50%; font-size:12px; font-weight:bold} #cpPopup .modalImg{text-align:center; margin:0 0 20px; width:800px} #cpPopup .modalImg img{max-width:100%;} .modalDesc{} .cpCustomer{font-size:16px; margin-bottom:0px} .cpComment{font-size:12px; line-height:18px; margin-bottom:15px} .cpDate{font-size:12px; color:#ccc; margin-bottom:10px} cpPopup .modalNav{position:absolute; top:50%; left:0; width:100%; padding:0 10px!important} cpPopup .modalNav a{position:absolute; top:-40px; display:block; width:127px; height:76px; background:url(../images/arrow.png) 0 0 no-repeat; text-align:left; text-indent:-9999em} cpPopup .modalNav a.prev{left:-150px; background-position:0 -76px} cpPopup .modalNav a.next{right:-130px; background-position:0 0} cpPopup .modalNav a.disabled{display:none} /*================ TRADE PROGRAM ================*/ /* - Designers Page - */ /*#designers_banner{width:100%; height:630px; background:url(../images/trade_program_bgr.jpg) 50% 50% no-repeat; background-size:cover; position:relative} #designers_banner >div{max-width:545px; width:100%; margin:0 auto; padding-top:70px; font-size:16px; color:#fff; text-align:center} #designers_banner h2{font-size:20px; font-weight:normal; text-transform:uppercase; margin-bottom:10px} #designers_banner p{padding:25px 22px 40px; line-height:28px} .signin_btns{margin-top:22px} .signin_btns >a{min-width:220px} .signin_btns span{display:inline-block; width:70px; height:44px; line-height:44px; text-align:center; font-size:12px; vertical-align:top} #trade_points{padding:70px 0 } .t_point{ float:left; padding:0 20px; max-width:320px; width:33.333%; font-size:15px; line-height:24px; color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .t_point img{display:block; margin:0 auto 20px} #member_card{max-width:293px} #member_card img{margin:22px auto 42px} .t_point h3{font-size:14px; text-transform:uppercase; margin-bottom:20px} .t_point ul.check_list li{padding-left:3px;} .t_point ul.check_list li:before{left:-22px;}*/ #designers_banner{max-width:960px; width:100%; height:298px; background:url(../images/designers_welcome-original.jpg) 0 0 no-repeat; margin-bottom:3px; position:relative} #designers_banner >div{position:absolute; top:90px; left:20px; width:320px; font-size:14px} #designers_banner h2{font-size:21px; margin-bottom:10px} .signin_btns{margin-top:22px} .signin_btns span{display:inline-block; width:25px; height:32px; background:url(../images/capt-or.png) 0 0 no-repeat; vertical-align:top} #trade_points{margin:0 0 40px} .t_point{float:left; padding:20px 15px; max-width:320px; width:33%; min-height:140px; margin-right:0.5%; background:#ebebeb; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .t_point:last-child{margin-right:0} .t_point h3{font-size:15px; margin-bottom:15px} .t_point ul{padding-left:17px; font-size:11px} #member_card img{width:42%} #member_card >div{width:49%; margin-left:9%} /* - Designers Sign Up Lightbox - */ #dsg_sign_up{padding:0} #dsg_sign_up .modal_bar, #dsg_update .modal_bar{height:0; padding:0; margin:0; border-bottom:none} #dsg_trade_program{padding:10px 20px 10px} #dsg_trade_program h3, #designer_update h3{font-size:22px; margin-bottom:3px} #dsg_form{margin:0 0 20px;} .dsg_info{width:300px; padding-right:20px; float:left} .dsg_membership{width:345px; padding-left:45px; float:right; /*background:url(../images/dsg_form_shadow.png) 0 0 no-repeat*/} .dsg_membership strong{display:block; margin-bottom:15px} .dsg_membership .lab_check{font-size:13px; margin-bottom:17px;} .lab_check.lab_ch_line{display:inline-block} .dsg_membership .lab_check .inp_check{vertical-align:top} .dsg_membership .lab_check span{display:inline-block; width:315px; vertical-align:top} .dsg_membership #other_input{} .dsg_bottom{height:32px; padding-top:15px; border-top:1px solid #000; margin-top:56px} .dsg_bottom .lab_check{display:inline-block; margin:11px 0 0} .dsg_bottom .lab_check span{width:auto} #dsg_enrolled{padding:5px 20px; text-align:center; width:360px} #dsg_enrolled h3{font-size:25px; margin-bottom:18px} #dsg_enrolled p{font-size:12px; margin-bottom:25px} #designer_step_1{} #designer_step_1>div{background:#f1f1f1; padding:15px 30px; max-width:660px; margin:-10px -20px} #designer_step_1 h3{color:#9EB614; font-size:18px; padding-top:10px} #designer_step_1 p{font-size:14px; line-height:18px; margin:0 0 20px} #designer_step_1 input[type="text"]{height:18px; line-height:18px; font-size:12px; padding:6px 10px; border:1px solid #aaa; margin:0 5px 10px 0; vertical-align:middle; display:inline-block; width:240px} #designer_step_1 input[type="button"]{vertical-align:middle; margin:0 0 10px; height:32px; line-height:32px} #designer_step_1 .note{font-size:11px; color:#666} #designer_step_1 .note a{color:#333; text-decoration:underline} #designer_step_1 .note a:hover{text-decoration:none} #designer_step_2{display:none; padding:20px 10px 10px} #designer_step_2 .inp_text, #designer_step_2 .inp_label{margin:0 5px 10px 0} /* - Designers Login/Forgot Lightbox - */ #dsg_log_in .modal_bar{height:0; margin:0; padding:0; border-bottom:none} #designers_login_wrap{width:580px; padding:25px 20px 10px; position:relative} #dsg_login_holder, #dsg_forgot_holder{max-width:240px; width:47%; margin-bottom:30px} #designers_login_wrap .inp_text{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100%; width:240px} #designers_login_wrap .facebook_login{width:auto; margin:0 auto} #designers_login_wrap h3{font-size:18px; margin:0 0 5px} #designers_login_wrap p{font-size:11px; line-height:15px; height:30px; margin:0 0 20px;} #designers_login_wrap p.error_desclaim{height:auto; margin:0 0 10px; padding:10px 15px; border:1px solid #900; background:#FFEBE8} .error_desclaim a{text-decoration:underline; color:#34AFB4} /* - Designer Tiers Welcome Lightbox - */ #tiers_welcome .modal_bar{height:auto; padding:0; margin:0; border-bottom:none} #tiers_welcome .modal_hold{padding:30px 20px 20px; width:415px} #tiers_welcome h2{font-size:36px; line-height:40px; margin:0 0 20px} #tiers_welcome p{font-size:14px; line-height:20px; margin:0 0 10px} #dsg_tiers{margin:25px 0; padding:30px 10px 5px; background:#F8DE0F; box-shadow:inset 0 0 90px rgba(0,0,0,0.3)} #dsg_tiers dt,#dsg_tiers dd{display:block; color:#6A5F0A} #dsg_tiers dt{font-size:18px; line-height:26px; font-weight:bold; } #dsg_tiers dd{font-size:14px; margin-bottom:25px} /*================ LIGHTBOXES ================*/ .modal_hold >*{max-width:100%!important;} .modal.center{box-shadow:0 0 12px rgba(0,0,0,0.5); border:none; max-width:92%} .modal.center .modal_close{text-align:left; text-indent:-9999em; display:block; width:49px; height:49px; background:url(../images/sprites.png) -25px -103px; top:-24px; right:-24px} .modal.center .modal_hold{} /* Newsletter Popup */ #newsletter_popup_overlay{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.4); z-index:900; display:none} /*#newsletter_popup{padding:40px 30px; width:354px; height:120px; position:fixed; top:40%; left:50%; margin:-45px 0 0 -207px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:1000; border:1px solid #999; border-top:5px solid #F8DE0F;} #close_newsletter_overlay{position:absolute; top:10px; right:10px; display:block; line-height:16px; font-size:11px; color:#cbcbcb; text-decoration:none; z-index:5} #close_newsletter_overlay span{display:inline-block; width:16px; height:16px; margin-left:10px; line-height:16px; font-size:14px; font-weight:bold; color:#252525;} #close_newsletter_overlay:hover{color:#555} #newsletter_popup p{font-size:13px; font-weight:bold; font-style:italic; color:#999; padding:5px 0} #newsletter_popup .title{font-size:17px; font-weight:normal; font-style:normal; color:#333; padding:0; margin-bottom:18px} #newsletter_popup form{position:relative;} #newsletter_popup form .line_label{font-size:13px; line-height:28px; color:#999; position:absolute; top:0; left:15px} #newsletter_popup form input[type="text"]{width:233px; height:28px; padding:0 10px 0 15px; color:#999; border:1px solid #ccc; vertical-align:top; margin-right:5px} #newsletter_popup form input[type="submit"]{font-size:14px; color:#fff; border:none; height:30px; line-height:30px; padding:0 12px; cursor:pointer} #newsletter_popup form input[type="submit"]:hover{background:#3a3a3a}*/ /* New Ver 1 */ #newsletter_popup_1{padding:110px 62px 10px; max-width:620px; width:96%; height:480px; max-height:100%; position:absolute; top:40%; left:50%; margin:-240px 0 0 -310px; background:url(../images/newsletter_popup_bgr_1.png) 50% 50% no-repeat; z-index:1000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #close_newsletter_overlay{position:absolute; top:80px; right:34px; display:block; text-decoration:none; z-index:5; font-size:0; color:#fff} #close_newsletter_overlay span{display:inline-block; width:20px; height:20px; line-height:20px; font-size:19px; color:#999; text-align:center} #close_newsletter_overlay:hover span{color:#000} #newsletter_popup_1 >div{text-align:center} #newsletter_popup_1 h3{font-size:32px; margin-bottom:10px} #newsletter_popup_1 p{font-size:16px; color:#a8a89f; margin-bottom:20px} #popup_newsletter_form{position:relative; display:inline-block; max-width:360px; width:100%} #popup_newsletter_form input[type="text"]{max-width:422px; width:100%; height:46px; padding:0 120px 0 20px; font-size:14px; color:#9e998b; border:1px solid #cec9c9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #popup_newsletter_form .btn_bgr{width:115px; height:44px; position:absolute; top:1px; right:1px; background:#5d5a55; padding:0 30px 0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #popup_newsletter_form .btn_bgr input[type="submit"]{font-size:13px; color:#fff; border:none; height:100%; width:100%; cursor:pointer; background:none; text-transform:uppercase; font-weight:bold; position:absolute; top:0; left:0; padding-left:20px; text-align:left} #popup_newsletter_form .btn_bgr:hover{background:#3a3a3a} #newsletter_popup_1 form input[type="text"]{max-width:360px; width:100%; padding:0 100px 0 20px; font-size:14px; height:46px; border:1px solid #cec9c9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #newsletter_popup_1 form .btn_bgr{width:100px; background:#545454; padding:0 30px 0 5px;} .fbOr{border-top:1px solid #ddd; color:#ccc; padding:0; margin:30px auto 20px; max-width:295px; text-align:center} .fbOr span{display:inline-block; margin:-10px 0 0; padding:2px 10px; background:#fff; text-transform:uppercase} #newsletter_popup_3 .fbOr span{background:#34afb4; color:#fff;} .fbBtnWrap{max-width:295px; margin:0 auto; padding:0; border:none; cursor:pointer} .fbBtnWrap a{display:block; height:46px; line-height:46px; text-transform:uppercase; font-weight:bold; background: #4e69a2; color:#fff} .fbBtnWrap a i{width:46px; height:100%; text-align:center; float:left; border-right:1px solid #567688; line-height:46px; font-weight:normal; font-size:20px} .fbBtnWrap a:hover{text-decoration:none; background:#3B5180} .fbBtnWrap.facebook_login:before{display:none} /* New Ver 2 */ #newsletter_popup_2{width:760px; background:#fff; position:relative; max-width:100%; position:absolute; top:40%; left:50%; margin:-180px 0 0 -380px; box-shadow:10px 10px 30px rgba(0,0,0,0.3)} #newsletter_popup_2 #close_newsletter_overlay{top:10px; right:10px} #newsletter_popup_2 >img{float:left; width:40%;} .sub_popup2_cont{float:left; width:60%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 40px 30px 20px; text-align:center;} .sub_popup2_cont .title{font-size:16px; color:#666; margin:0 0 20px;} .sub_popup2_cont .title strong{display:block; font-family:'Pacifico'; font-weight:normal; font-size:34px; color:#34afb4; margin-bottom:5px;} #newsletter_popup_2 #popup_newsletter_form{} #newsletter_popup_2 #popup_newsletter_form >img{} #newsletter_popup_2 #popup_newsletter_form h3{font-size:16px; text-transform:uppercase; color:#333; margin:20px;} #newsletter_popup_2 #popup_newsletter_form input[type="text"]{max-width:295px; background:#f9f9f9; border-color:#ccc; height:46px; margin:0 0 20px; padding:0 20px} #newsletter_popup_2 #popup_newsletter_form input[type="text"]:focus{background:#fff; color:#333} #newsletter_popup_2 #popup_newsletter_form input[type="submit"]{border:none; background:#34afb4; width:100%; height:46px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold;} #newsletter_popup_2 #popup_newsletter_form .btnWrap{position:relative; max-width:295px; display:inline-block; width:100%;} #newsletter_popup_2 #popup_newsletter_form .btnWrap i{position:absolute; top:50%; width:16px; height:16px; line-height:16px; font-size:16px; margin-top:-7px; color:#fff; left:16%} /* New Ver 3 */ #newsletter_popup_3{width:430px; background:#00b1bb; position:relative; max-width:100%; position:absolute; top:40%; left:50%; padding:30px 60px 50px; margin:-180px 0 0 -275px; text-align:center;} #newsletter_popup_3 #close_newsletter_overlay{top:-10px; right:-10px; width:32px; height:32px; background:#333; border-radius:50%; text-align:center; border:2px solid #fff; font-size:16px; color:#fff;} #newsletter_popup_3 #close_newsletter_overlay span{line-height:32px;} #newsletter_popup_3 .title{font-size:18px; color:#fff; margin:0 0 20px;} #newsletter_popup_3 .title strong{display:block; font-family:'Pacifico'; font-weight:normal; font-size:56px; color:#fff; margin-bottom:5px;} #newsletter_popup_3 #popup_newsletter_form h3{font-size:18px; text-transform:uppercase; color:#fff; margin:20px;} #newsletter_popup_3 #popup_newsletter_form input[type="text"]{max-width:320px; background:#efefef; border-color:#ccc; height:46px; margin:0 0 20px;} #newsletter_popup_3 #popup_newsletter_form input[type="submit"]{border:none; background:#444; width:100%; height:46px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold;} #newsletter_popup_3 #popup_newsletter_form .btnWrap{position:relative; max-width:320px; display:inline-block; width:100%;} #newsletter_popup_3 #popup_newsletter_form .btnWrap i{position:absolute; top:50%; width:16px; height:16px; line-height:16px; font-size:16px; margin-top:-8px; color:#fff; left:16%} /* - Customer Care Lightbox - */ #cust_care .pagewidth{width:960px} #cc_main{float:left; width:640px; margin-bottom:20px} #cc_main h2{font-size:22px; margin-bottom:15px} #cc_main h3{font-size:17px; margin:20px 0} #cc_main p{padding-bottom:20px} #cc_main p a{text-decoration:underline; color:#34AFB4} #cc_main p a:hover{text-decoration:none} #cc_faq{} #cc_faq ul{font-size:11px; display:inline-block; vertical-align:top; width:292px; margin-right:25px} #cc_faq ul li{margin-bottom:15px} #cc_faq .faq_quest{font-weight:bold; color:#34AFB4} #cc_faq .faq_quest:hover{color:#34AFB4} #cc_faq .faq_answ{padding:10px 0; display:none} #cc_faq .faq_answ a{color:#34AFB4; text-decoration:underline} #cc_sidebar{float:right; width:275px; border:10px solid #ebebeb; margin-bottom:20px} #cc_sidebar .box{padding:15px 10px 15px 75px; border-bottom:1px solid #ececec; position:relative} .box_icon{display:block; vertical-align:top; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 0 no-repeat; position:absolute; top:16px; left:15px} .box_icon.ico_chat{width:34px; height:30px; background-position:-295px -38px} .box_icon.ico_phone{width:32px; height:30px; background-position:-263px -38px} .box_icon.ico_email_us{width:32px; height:40px; background-position:-199px -38px} .box_icon.ico_advice{width:32px; height:32px; background-position:-231px -38px} .box_capt{vertical-align:top; font-weight:bold; margin-bottom:10px} #cc_sidebar .box .inp_btn{margin-top:10px} #cc_foot{font-size:14px; padding:12px 0; background:#e5e5e5} #cc_foot a{text-decoration:underline; color:#34AFB4} #cc_foot a:hover{text-decoration:none} /* --- Request Swatch Lightbox --- */ #free_swatches3{background:none; padding:0; box-shadow:none; border-radius:0; width:685px} #free_swatches3 .modal_bar{border-bottom:none; margin:0; padding:0; height:0px} #free_swatches3 .modal_bar .modal_close{right:45%;} #free_swatches3 .modal_hold{background:none} #free_swatches3 .fs_cont{padding:30px 10px 0} #free_swatches3 h3{margin:5px 0 10px; text-align:center} #free_swatches3 h3 img{max-width:100%} #free_swatches3 #free_swatches_form{background:#fff; border-radius:12px; padding:15px 20px 25px; max-width:315px; width:46%; box-shadow:0 0 12px rgba(0,0,0,0.5)} #free_swatches3 #free_swatches_form .inp_btn{height:40px; line-height:40px; font-size:18px; margin-top:20px} .sw_filter{text-align:center; margin:0px 0 20px} .sw_filter strong{display:block; margin-bottom:7px} .sw_filter_hold{padding:7px 0 10px; border-top:1px solid #ccc; display:inline-block} .sw_filter_hold .lab_check{display:inline-block; padding:0 4px} #free_swatches3 .free_swatches_points{position:absolute; right:0px; top:0; max-width:280px; width:41%} .free_swatches_points .single_point{font-size:14px; color:#fff; line-height:20px; margin-bottom:52px} .free_swatches_points .single_point .point_icon{float:left; margin-right:5px} .free_swatches_points .single_point >div{} .free_swatches_points .single_point >div strong{display:block; font-weight:normal; font-size:22px; line-height:24px; margin-bottom:5px} .point_icon{display:inline-block; width:100px; height:100px; text-align:left; text-indent:-9999em; background:url(../images/srl_sprite.png) 0 0 no-repeat} .point_icon.ico_dollar{background-position:0 0} .point_icon.ico_truck{background-position:0 -100px} .point_icon.ico_hand{background-position:0 -200px} /*------ Free Samples Lightbox (Ver 1) ------*/ #free_samples_1 .modal_bar{height:0; border:none} #free_samples_1{padding:10px} #free_samples_1{background:none; box-shadow:none; width:960px; height:770px} #free_samples_1 .modal_bar{border:none; height:0; margin:0; padding:0} #free_samples_1 .modal_close{top:-7px; right:9%} #free_samples_1 .modal_close span{border-radius:50%; font-size:12px; font-weight:bold} #free_samples_1 .modal_hold{background:none} #free_samples_1 .r_sw_wrap form{width:75%} #free_samples_1 .free_swatches_points .single_point{width:31%; float:left; margin:0 1.15%} swatch_request_errors, #swatch_request_errors_p{margin:0 55px 20px; text-align:left} .fs_wrap form{text-align:center; max-width:754px; width:100%; padding:0; background:#fff; margin:0 auto 15px; box-shadow:0px 0px 1px 2px rgba(0,0,0,0.2)} .fs_banner{margin:0 0 25px} .fs_banner img{max-width:100%; height:auto} .fs_top{} .fs_top h3{} .fs_top h3 img{max-width:100%} .fs_top p{font-size:20px; color:#333; line-height:23px; margin:10px auto 15px;} .fs_filter_hold{text-align:left;} .fs_filter_hold .lab_check{display:inline-block; width:25%; float:left; text-transform:uppercase; margin-bottom:12px; position:relative} .fs_filter_hold .lab_check >input{position:absolute; top:4px; left:0; width:15px; height:15px; visibility:hidden} .fs_filter_hold .lab_check >span{line-height:27px; font-size:12px; display:inline-block; padding-left:36px; min-height:28px} .fs_filter_hold .lab_check >span:before{ content:''; position:absolute; top:0px; left:0; width:28px; height:27px; background:#fff url(../images/checked_btns.png) -56px 0 no-repeat; cursor:pointer; } .fs_filter_hold .lab_check >input:checked + span{} .fs_filter_hold .lab_check >input:checked + span:before{background:url(../images/checked_btns.png) 0 0 no-repeat; width:28px; height:27px; border:none} .fs_filter_hold .lab_check >input:disabled + span{color:#999} .fs_filter_hold .lab_check >input:disabled + span:before{background-position:-28px 0} /* - Swatch Tabs - */ #swatch_tabs{padding: 0 7%;} #swatch_tabs .tabs_holder{padding-bottom:20px;} #swatch_tabs .tabs_holder .tab{width:50%; float:left; font-size:13px; font-weight:bold; line-height:18px; text-transform:uppercase; text-align:center; padding:12px 0; background:#ccc; color:#fff;} #swatch_tabs .tabs_holder .tab:hover{text-decoration:none;} #swatch_tabs .tabs_holder .tab.current{background:#00B1BB; position:relative;} #swatch_tabs .tabs_holder .tab.current:after{content:''; border:12px solid transparent; border-top-color:#00B1BB; position:absolute; bottom:-24px; left:50%; margin-left:-12px;} #swatch_tabs .tab_cont{padding:20px 0;} #swatch_tabs .leather_note{padding:0 25px; font-size:16px; font-style:italic; color:#666;} #sw_tab_2 >div{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left;} #sw_tab_2 .leather_opt{width:26%; padding:20px 5px 20px 0; border-right:1px solid #e6e6e6; position:relative;} #sw_tab_2 .leather_opt .lab_check{width:auto; float:none; display:block;} #sw_tab_2 .leather_opt:before{content:''; border:8px solid transparent; border-left-color:#e6e6e6; position:absolute; right:-16px; top:24px;} #sw_tab_2 .leather_opt:after{content:''; border:6px solid transparent; border-left-color:#fff; position:absolute; right:-12px; top:26px;} #sw_tab_2 .l_opt_desc{width:74%; font-size:12px; color:#666; padding-left:25px;} #sw_tab_2 .l_opt_desc ul{padding:10px 0;} #sw_tab_2 .l_opt_desc ul li{float:left; text-transform:uppercase; width:50%; color:#333; min-height:28px; line-height:14px; position:relative; padding-left:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #sw_tab_2 .l_opt_desc ul li:before{content:'\f00c'; font-family:'FontAwesome'; display:block; position:absolute; left:0; top:0} /* - color tooltip - */ .fs_filter_hold .tooltip>span{ position:absolute; bottom:35px; left:50%; line-height:18px; width:240px; margin-left:-130px; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:12px; background:rgba(0,0,0,0.8); font-weight:normal; color:#999; font-size:12px; text-transform:none; opacity:0; -webkit-transition: opacity 0.2s 0.2s; -moz-transition:opacity 0.2s 0.2s; transition:opacity 0.2s 0.2s; pointer-events:none } .fs_filter_hold .tooltip>span:before{content:''; border:8px solid transparent; border-top-color:rgba(0,0,0,0.7); position:absolute; bottom:-16px; left:50%; margin-left:-8px} .fs_filter_hold .tooltip:hover>span{opacity:1; pointer-events:auto} .fs_main{padding:20px 0; clear:both;} .fs_main fieldset{padding:25px 20px 10px; display:block; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .fs_main p{font-size:13px; color:#666; margin:0; line-height:1.2;} .form_group{display:inline-block; overflow:hidden; margin-bottom:8px} #free_samples_form .form_group .inp_label{line-height:normal; height:auto;font-weight:bold} #free_samples_form .form_group input[type="text"], #free_samples_form .form_group select{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:1%; float:left; height:30px} #free_samples_form .p50{width:49%} #free_samples_form .p75{width:74%} #free_samples_form .p25{width:24%} #free_samples_form .p30{width:32.33%} #free_samples_form .wfull{width:100%} .fs_main .bottom p{color:#8a8a8a; position:relative; line-height:16px; padding:10px 0 0} .fs_main .bottom p:before{content:'';display:inline-block; vertical-align:baseline; margin-right:7px; width:11px; height:15px; background:url(../images/sprites.png) -75px -22px no-repeat;} .fs_wrap .free_swatches_points{} .fs_wrap .free_swatches_points .single_point{text-align:center;} .fs_wrap .free_swatches_points .point_icon{width:130px; height:130px; border-radius:50%; padding:8px; border:1px solid #727272; display:inline-block; float:none; margin:0 0 15px} .fs_wrap .free_swatches_points .point_icon.ico_dollar{background:url(../images/ab_free_samples.png) 50% 50% no-repeat} .fs_wrap .free_swatches_points .point_icon.ico_truck{background:url(../images/speedy_delivery.png) 50% 50% no-repeat} .fs_wrap .free_swatches_points .point_icon.ico_hand{background:url(../images/touch_and_feel.png) 50% 50% no-repeat} .fs_wrap .free_swatches_points .single_point >div{display:inline-block; padding:0 20px} .fs_wrap .free_swatches_points .single_point >div >strong{font-size:15px; display:block; text-transform:uppercase; margin-bottom:15px; font-weight:bold} /*------ Free Samples Lightbox (Ver 2) ------*/ #free_samples_2{} #free_samples_2 .modal_bar{height:0; border:none} #free_samples_2{padding:0px} #free_samples_2{background:none; box-shadow:none; max-width:1054px; height:770px} #free_samples_2 .modal_bar{border:none; height:0; margin:0; padding:0} #free_samples_2 .modal_close{} #free_samples_2 .modal_hold{background:none} #free_samples_2 .r_sw_wrap form{width:75%} #free_samples_2 .free_swatches_points .single_point{width:33.333%; float:left; margin:0} #free_samples_2 .fs_wrap form{width:100%; max-width:1054px; height:780px} .fs_input{float:left; max-width:465px; width:44%; height:780px; background:#fff} .fs_input .fs_top{padding:0} .fs_input .fs_top h3{background:#fafafa; font-size:28px; color:#00b1bb; font-weight:normal; line-height:36px; padding:20px 5px; text-align:center; border-bottom:1px solid #ccc} .fs_input .fs_filter_hold{text-align:left; padding:30px 5%; border-bottom:1px solid #ddd} .fs_input .fs_filter_hold .lab_check{width:33%; text-transform:none} .fs_banner_2{float:right; max-width:589px; width:56%; height:780px} #free_samples_2 .free_swatches_points .single_point{text-align:center;} #free_samples_2 .free_swatches_points .point_icon{display:inline-block; float:none; margin:0 0 15px; vertical-align:middle} #free_samples_2 .free_swatches_points .single_point >div{display:inline-block; padding:0 5px; float:none; max-width:180px; vertical-align:middle; text-align:left; font-size:12px} #free_samples_2 .free_swatches_points .single_point >div >strong{font-size:13px; line-height:1.3} #free_samples_2 .fs_main .bottom .inp_btn{width:77%} #swatch_request_thanks{padding:120px 0; background:url(../images/logo-background.png) 100% 0 no-repeat} #swatch_request_thanks h3{font-size:30px; margin-bottom:15px} #swatch_request_thanks p{font-size:14px; margin-bottom:25px} #swatch_order_thanks{width:350px; padding:0 20px} #swatch_order_thanks h3{font-size:25px; margin-bottom:20px} #swatch_order_thanks p{font-size:12px; line-height:22px; margin-bottom:25px} #free_samples_form select[disabled="disabled"]{color:#bbb!important; background:#f5f5f5; border-color:#ccc} /*------ Free Samples Lightbox (Ver 3, may 15 2015) ------*/ #free_samples_3{font-family:'Open Sans', Arial, Helvetica, sans-serif; padding:0; border:none;} #free_samples_3 .modal_bar{} #free_samples_3 .modal_title{display:none} #free_samples_3 .modal_close{display:block; width:72px; height:20px; background:url(../images/photobook_gallery.png) -70px 0 no-repeat; top:30px; right:30px;} #free_samples_3 .modal_close span{display:none;} #freeSwatchesWrap form{font-family:'Open Sans', Arial, Helvetica, sans-serif;} .freeSwatchesTop{padding:0px 0 15px; text-align:center;} .freeSwatchesTop h3{font-size:38px; font-weight:normal; font-family:'Pacifico'; color:#00b1bb; margin-bottom:5px;} .freeSwatchesTop p{font-size:14px; color:#333; text-transform:uppercase; font-weight:bold;} .freeSwatchesCheck{padding-bottom:25px; border-bottom:1px solid #eee; max-width:1000px; margin:0 auto;} .freeSwatchesCheck label{font-family:'Open Sans', Arial, Helvetica, sans-serif; display:block; width:25%; float:left; text-align:center; position:relative;} .freeSwatchesCheck label img{max-width:90%;} .freeSwatchesCheck label span{display:block; font-size:14px; margin:0px 0 5px; position:relative; padding-bottom:40px} .freeSwatchesCheck label input[type="checkbox"]{visibility:hidden; position:absolute; bottom:0; left:50%; margin-left:-5px;} .freeSwatchesCheck label span:before{ content:''; background:#fff; border:2px solid #ddd; margin:0; padding:0; width:30px; height:30px; vertical-align:middle; position:absolute; left:50%; margin-left:-17px; bottom:0px } .freeSwatchesCheck label span:before{font-size:15px; text-align:center; font-weight:bold} .freeSwatchesCheck label input[type="checkbox"]:checked + span:before{content:'\f00c'; color:#fff; background:#34afb4; border-color:#34afb4; font-family:'fontAwesome'; font-weight:normal; font-size:20px; line-height:28px;} #freeSwatchInput{max-width:720px; margin:0 auto; padding:25px 10px 50px;} #freeSwatchInput .formElemRow{} #freeSwatchInput .formElem{} #freeSwatchInput .formElem .inp_label{display:block; line-height:1; font-size:12px; color:#888;} #freeSwatchInput .inp_label.required{position:relative;} #freeSwatchInput .required:after{content:''; display:inline-block; vertical-align:top; margin-left:3px; width:7px; height:6px; background:url(../images/sprites.png) -68px -152px;} #freeSwatchInput .formElem .inp_text, #freeSwatchInput .formElem .inp_select{margin-bottom:10px; height:40px; border-color:#ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #freeSwatchInput .formElem .inp_select{} #freeSwatchInput .inp_btn{height:60px; font-size:20px; font-weight:bold; min-width:350px;} #freeSwatchesWrap form input.error, #freeSwatchesWrap form input.valid{background:#fff;} #freeSwatchesWrap form .error{border-color:#b00;} #freeSwatchesWrap form .valid{border-color:#00BB34;} .p48{width:48%} .w160{width:160px;} /*========= Free Swatches Full Page ==========*/ #sw_full_page{/*background:url(../images/free_sw_full_bgr.jpg) 0 40px no-repeat;*/ padding-bottom:50px; background-size:cover} #sw_full_page .r_sw_wrap{margin-top:70px} .r_sw_wrap form{/*text-align:center; max-width:720px; width:100%; padding:10px 0; background:#fff; border-radius:10px; margin:0 auto 50px; box-shadow:0px 0px 1px 2px rgba(0,0,0,0.2)*/} .r_sw_top{} .r_sw_top h3{} .r_sw_top h3 img{max-width:100%} .r_sw_top p{font-size:14px; color:#8a8a8a; width:335px; line-height:23px; margin:15px auto} .r_sw_main{} .r_sw_main img{max-width:100%} .r_sw_main fieldset{max-width:295px; width:50%; padding:25px 10px 10px; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .r_sw_main .bottom{} .r_sw_main .bottom .inp_btn{font-size:18px; height:40px; line-height:40px; margin-bottom:15px;} .r_sw_main .bottom p{color:#8a8a8a; position:relative; line-height:16px} .r_sw_main .bottom p:before{content:'';display:inline-block; vertical-align:baseline; margin-right:7px; width:11px; height:15px; background:url(../images/sprites.png) -75px -22px no-repeat;} #sw_full_page .free_swatches_points{} #sw_full_page .free_swatches_points .single_point{width:31%; float:left; margin:0 1.15%} /*- Lightbox v4 -*/ #free_swatches4{background:none; box-shadow:none; width:960px; height:770px} #free_swatches4 .modal_bar{border:none; height:0; margin:0; padding:0} #free_swatches4 .modal_close{top:-15px; right:11%} #free_swatches4 .modal_hold{background:none} #free_swatches4 .r_sw_wrap form{width:75%} #r_sw_lightbox .free_swatches_points .single_point{width:31%; float:left; margin:0 1.15%} swatch_request_errors, #swatch_request_errors_p{margin:0 55px 20px; text-align:left} /*------ Buy More, Save More Lightbox ------*/ #bm_sm{border:none} #bm_sm .modal_bar{height:17px; margin:0; padding:0; border-bottom:0} #bm_sm .modal_bar .modal_title{display:none} #bm_sm .modal_bar .modal_close{top:-18px; right:-18px;} #buy_more_wrap{padding:10px 20px; width:560px} #buy_more_wrap h3{font-size:22px; margin:0 0 15px} #buy_more_wrap p{line-height:16px; float:left; width:200px; margin-bottom:20px} #buy_more_wrap dl{width:340px; margin-bottom:20px; float:right} #buy_more_wrap dt{float:left; clear:left; width:200px; text-align:right;} #buy_more_wrap dd{float:left; width:130px; text-align:right; margin:0 0 3px; font-size:14px} #buy_more_wrap dd sup{font-size:11px} #buy_more_wrap dt.c_total{font-weight:bold; font-size:14px; line-height:25px; margin-top:20px} #buy_more_wrap dt.c_total:before{content:''; display:inline-block; width:10px; height:10px; margin-right:7px; background:url(../images/sprites.png) -70px 0 no-repeat} #buy_more_wrap dd.c_total{font-weight:bold; font-size:20px; line-height:25px; padding-top:15px;} #buy_more_wrap dd.c_total sup{font-size:13px} .bmsm_btns{clear:both; text-align:right; padding-top:17px; border-top:1px solid #b2b2b2; overflow:hidden} /*------ Reasons for Joy Lightbox ------*/ /* ------ Reasons for Joy ------ */ #reasons_for_joy{width:940px; height:737px; border-radius:10px; background:url(../static/joy_bgr.jpg) 0 0 no-repeat; margin:0; position:relative; z-index:10} #reasons_for_joy h2{margin-bottom:10px; text-align:center} #reasons_for_joy h2 img{max-width:100%; height:auto!important} #reasons_for_joy ul{} #reasons_for_joy ul li{float:left; margin:0 0 45px 67px} #reasons_for_joy .tooltip{font-size:21px; font-weight:bold; width:230px; height:200px;} #reasons_for_joy .tooltip >div{bottom:auto; top:-92px; width:220px; padding:15px 10px 20px 20px; left:-10px; background:rgba(248,222,15,0.9); font-size:14px; font-weight:bold; color:#000; line-height:22px; border-radius:8px; z-index:20} #rfj_lightbox #reasons_for_joy .tooltip >div{top:-45px} #reasons_for_joy .tooltip>div:before{bottom:-28px; top:auto; margin-left:-14px; border:14px solid transparent; border-top-color:rgba(248,222,15,0.9)} .joy_footer{text-align:center; padding:15px 0 30px} #rfj_lightbox{padding:0; border-top:1px solid #ccc} #rfj_lightbox .modal_bar{height:0; padding:0; margin:0; border-bottom:none; position:relative; z-index:15} #rfj_lightbox .modal_title{display:none} /*------ Cushions Lightbox ------*/ #cushions_lightbox{} #cushions_lightbox .modal_bar{border-bottom:none; height:5px} #cushions{width:720px; padding:0 20px 10px} #cushions h3{font-size:26px; margin-bottom:32px} #cushions_table{border:none} #cushions_table td{padding:10px 15px} #cushions_table h4{font-size:12px; color:#34AFB4; margin-bottom:10px} #cushions_table h4 span{font-weight:normal; color:#333} #cushions_table ul{list-style:disc; padding-left:20px} #cushions_table ul li{margin-bottom:2px} /*------ Mattress Lightbox ------*/ #mattress_lightbox{} #mattress_lightbox .modal_bar{border-bottom:none; height:5px} /*------ Cart Lightbox ------*/ #cart_lightbox_wrap{border-radius:12px; box-shadow:0 0 12px rgba(0,0,0,0.5); border:none} #cart_lightbox_wrap .modal_bar{border:none; height:0px; margin:0; padding:0} #cart_lightbox_wrap .modal_title{display:none} #cart_lightbox_wrap .modal_close{text-align:left; text-indent:-9999em; display:block; width:49px; height:49px; background:url(../images/sprites.png) -25px -103px; top:-24px; right:-24px} #cart_lightbox{width:760px; padding:20px} #cl_main{} .cl_item{float:left; width:390px} .cl_item .cl_disclaimer{color:#34afb4; font-size:18px; font-weight:bold; margin-bottom:10px; padding:20px 10px 20px 20px} .cl_item .cl_disclaimer span{display:inline-block; width:27px; height:24px; background:url(../images/sprites.png) -180px -197px no-repeat; vertical-align:top; margin:0 10px 0 0} .cl_item img{float:left; margin-right:5px; max-width:230px; height:auto} .cl_item img.flipped{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); filter:fliph; transform:scaleX(-1)} .cl_item div{float:right; width:145px; font-size:11px; line-height:16px} .cl_item div >strong{font-size:13px} .cl_item div dl{overflow:hidden; padding-top:5px} .cl_item div dl dt{float:left; clear:left;} .cl_item div dl dd{float:left; padding-left:4px} .cl_details{width:330px; float:right; background:#eaeaea; margin:-20px -20px 0 0; border-radius:0 12px 0 0; padding:40px 20px 20px} .cl_details .cl_qty{font-size:18px; padding-bottom:20px; border-bottom:1px solid #dbdbdb} .cl_details dl{margin:20px 5px 30px 10px} .cl_details dl dt{float:left; clear:left; width:220px} .cl_details dl dd{float:left; width:95px; margin:0 0 4px; text-align:right} .cl_details .inp_btn{height:40px; line-height:40px; font-size:14px; margin-right:3px; border-radius:3px; padding:0 17px} .cl_details .inp_btn.btnGray{background:#888; color:#fff} .cl_details .inp_btn.btnGray:hover{background:#3a3a3a} #customer_viewed{padding:20px 0 10px; background:url(../images/cart_lgbx_shadow.png) 50% 0 no-repeat; background-size:contain} #customer_viewed h3{font-size:18px; margin:0 0 5px 60px} .cust_viewed{} .cust_viewed .prod_item{text-align:left; margin:0 5px; width:230px; height:240px; padding:0} .cust_viewed .prod_item .it_img{width:230px; height:138px} .cust_viewed .prod_item .it_img img{max-width:230px; height:auto; margin:0} .cust_viewed .prod_item .it_name{display:block; font-weight:bold; margin:0 0 5px 50px; font-size:12px; line-height:16px; max-height:48px; overflow:hidden; padding:0 15px;} .cust_viewed .prod_item .it_price{font-size:12px; font-weight:normal; display:inline-block; margin:0 8px 0 50px} .cust_viewed .prod_item strike{font-size:11px; color:#999} #customer_viewed .thumbs_wrap{position:relative; width:720px; padding:0 20px} #customer_viewed .thumbs_hold{height:240px; width:720px} .cust_viewed.thumbsActivated{position:absolute; top:0; left:0} #customer_viewed .thumb_nav a{position:absolute; top:50%; margin-top:-16px; display:block; width:18px; height:32px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) 0 0 no-repeat;} #customer_viewed .thumb_nav a.thumbPrev{left:0px; background-position:-210px -197px} #customer_viewed .thumb_nav a.thumbNext{right:0px; background-position:-228px -197px} #customer_viewed .thumb_nav a.dissabled{display:none} #customer_viewed .thumb_nav a.thumbPrev:hover{background-position:-246px -197px} #customer_viewed .thumb_nav a.thumbNext:hover{background-position:-264px -197px} /* - Email a Friend lightbox - */ #share_email{} #share_email form{position:relative; padding:10px} #share_email .modal_bar{border:none; height:0px; margin:0; padding:0} #share_email img{display:block; margin:5px 0 15px} #share_email p{font-size:11px; color:#aaa; font-style:italic; margin:-8px 0 12px} #share_email .inp_btn{min-width:80px} #email_friend_confirm, #email_friend_error{width:380px; padding-bottom:10px} #email_friend_confirm h3, #email_friend_error h3{font-size:18px; margin-bottom:20px} #email_friend_error h3{color:#900} #email_friend_confirm p, #email_friend_error p{font-size:14px; font-style:normal; margin:0 10px 20px} #ccv_tooltip{margin-left:15px} #ccv_tooltip>span{font-size:10px; color:#666; text-decoration:underline} #ccv_tooltip>div{width:360px; margin-left:-188px; bottom:auto; top:25px; z-index:20} #ccv_tooltip img{margin:0 5px 5px 0} #ccv_tooltip p{font-size:12px; font-weight:bold; margin-bottom: 10px} #com_tooltip >span{width:200px; margin-left:-115px} /* - BMSM Learn more popup - */ #bmsm_popup{padding:25px 0 10px; text-align:center; max-width:670px; width:100%} #bmsm_popup .modal_bar{height:0; margin:0; padding:0; border-bottom:none} #bmsm_popup h2{margin-bottom:30px} #bmsm_popup h2 img{max-width:100%; height:auto} #bmsm_main{font-size:18px; line-height:26px; margin-bottom:35px} #bmsm_main div{padding:7px 30px; display:inline-block; width:50%; text-align:left; border-left:1px solid #a5a5a5; min-height:120px; vertical-align:top; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #bmsm_main div:first-child{padding:20px 30px; width:43%; border-left:none} #bmsm_main h3{font-size:32px; color:#33aeb3; line-height:normal} #bmsm_main div p{margin-bottom:10px} #customer_viewed.bmsm_learn{padding:20px 0 10px; background:url(../images/cart_lgbx_shadow.png) 50% 0 no-repeat; background-size:contain} #customer_viewed.bmsm_learn h3{font-size:18px; margin:0 0 5px 60px} .bmsm_learn .cust_viewed{margin-bottom:10px} .bmsm_learn .cust_viewed .prod_item{text-align:center; margin:0 0.5%; max-width:230px; max-height:220px; padding:0; width:32%; min-width:0} .bmsm_learn .cust_viewed .prod_item .it_img{max-width:230px; max-height:138px; width:100%; margin:0 0 4px} .bmsm_learn .cust_viewed .prod_item .it_img img{max-width:100%; height:auto; margin:0} .bmsm_learn .cust_viewed .prod_item .it_name{display:block; font-weight:bold; margin:0 0 4px; font-size:14px} .bmsm_learn .cust_viewed .prod_item .prod_link{font-size:12px; font-weight:normal; display:inline-block; margin:0; color:#33aeb3; text-decoration:underline} .bmsm_subnote{font-size:10px; color:#8e8e8e} /* --- Affirm Lightbox --- */ #affirm_lightbox{max-width:760px; width:100%;} #affirm_lightbox .modal_bar{margin:0; padding:0; border:none; height:36px;} #affirm_lightbox .modal_bar .modal_title{display:block; padding:4px 34px 6px 10px; text-align:center; font-size:14px; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.2); line-height:28px; background:#34afb4;} #affirm_lightbox .modal_close{width:18px; height:18px; background:url(../images/affirm_lightbox_sprite.png) -32px -21px no-repeat; top:10px; right:10px} #affirm_lightbox .modal_hold >div{padding:35px 340px 35px 35px; background:url(../images/afform_lgbx_bgr.jpg) 100% 100% no-repeat;} #affirm_lightbox h2{font-size:24px; line-height:32px; font-weight:normal; color:#000; margin-bottom:35px} #affirm_lightbox h2 span{display:block; font-size:18px; color:#5e5e5e} #affirm_lightbox h3{font-size:18px; line-height:25px; margin-bottom:18px} .affirm_block{padding:0px 0 35px 80px; position:relative; font-size:12px;} .affirm_block:before{content:''; display:block; width:60px; height:60px; background:#666; border-radius:50%; position:absolute; left:0; top:5px;} .affirm_block:after{content:''; display:block; width:36px; height:36px; background:url(../images/affirm_icons.png) 0 0 no-repeat; position: absolute; top:16px; left:12px} .affirm_block.fr:after{background-position:-36px 0} .affirm_block h4{font-size:15px; margin-bottom:10px} .affirm_block a{color:#34AFB4} /*.affirm_points{} .affirm_points >.col{font-size:12px; line-height:1.7; padding:0 15px 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .aff_ico{width:60px; height:60px; border:1px solid #ebebeb; border-radius:50%; margin:0 auto 20px; background:#fff; position:relative;} .aff_ico:before{content:''; display:block; width:32px; height:32px; background:url(../images/affirm_lightbox_sprite.png) 0 0 no-repeat; position:absolute; top:14px; left:14px} .aff_ico.mp_ico:before{background-position:0 -32px} .aff_ico.fr_ico:before{background-position:0 0} .affirm_points h4{font-size:15px; text-transform:uppercase; font-weight:normal; margin-bottom:14px} .affirm_points a{color:#34afb4}*/ /*=========================================== MISC =========================================== */ /* ================= FORMS =================== */ input[type="text"]:focus, textarea:focus, select:focus{outline:none; border-color:#00b1bb} textarea[readonly]:focus{border-color:#a8a8a8} input[readonly="readonly"]{background:#f5f5f5!important; border-color:#aaa!important; color:#999} a:active{outline:none} .w30{width:30px} .w40{width:40px} select.w40{width:62px} .w60{width:60px} select.w60{width:82px} .w90{width:90px} select.w90{width:112px} .w110{width:110px} select.w110{width:132px} .w120{width:120px} select.w120{width:142px} .w140{width:140px} .w150{width:150px} select.w150{width:172px} .w180{width:180px} .w210{width:210px} .w240{width:240px} select.w240{width:262px} .w270{width:270px} select.w270{width:292px} .w300{width:300px} select.w300{width:322px} .w330{width:330px} .w350{width:350px} .w360{width:360px} .w450{width:450px} .w520{width:520px} .wfull{width:100%;} .cont_elem{position:relative; margin:0 5px 0px 0; display:inline-block} .inp_label{display:inline-block; vertical-align:top; line-height:30px; margin-right:15px; margin-bottom:5px} .line_lab{display:inline-block; vertical-align:top; margin:0; font-size:13px; color:#a8a8a8; position:absolute; top:7px; left:10px} .ieLabelWrap{position:relative; zoom:1; display:inline-block} .form_note{display:block; font-size:11px; color:#a8a8a8} .inp_text, .inp_select, .inp_file{font-size:13px; line-height:16px; height:28px; padding:0 10px; border:1px solid #b7b7b7; background:#fff; margin-bottom:10px; vertical-align:middle} .inp_select{padding:4px 4px 4px 10px; height:30px; font-size:13px} .inp_area{padding:10px; line-height:15px; border:1px solid #a8a8a8; font-size:12px; color:#585858; margin-bottom:10px} .inp_file{height:22px; padding:3px 20px 3px 0;} .select_multi{padding:5px 10px; min-height:100px; border:1px solid #ccc} .inp_select{color:#000;} .inp_select:empty{color:#000;} .lab_check{display:block; font-size:11px; line-height:14px; color:#333; /*white-space:nowrap*/} .lab_check .inp_check{margin-right:5px; vertical-align:top} .lab_check .inp_radio{vertical-align:top; margin-right:3px} .lab_check >span{display:inline-block; white-space:normal} /* - Validation and Erors - */ .error_holder{padding:10px 15px; margin:5px 0; border:1px solid #d00; display:none; background:#FFEBE8} .error_holder label{display:block; font-style:italic; font-size:11px; color:#d00; margin:0 0 2px} .error_holder label:before{content:'X'; font-weight:bold; font-style:normal; margin:0 7px 0 0;} .error_holder label a{color:#00b1bb; text-decoration:underline} .error_holder label a:hover{text-decoration:none} .server_errors{padding:10px 15px; margin:5px 0; border:1px solid #d00; background:#FFEBE8; font-size:11px; line-height:14px} .server_errors a{color:#00b1bb} input.error, select.error, input.valid, select.valid{background:#fff url(../images/form_validation.png) no-repeat} select.select_multi.valid{background-image: none} input.error, select.error, input.error.valid, select.error.valid{border-color:#b00; background-position:98% -30px} input.valid, select.valid{border-color:#00BB34; background-position:98% 0} textarea.error, textarea.error.valid{border-color:#b00} textarea.valid{border-color:#00BB34} select.valid, select.error{background:none} input::-webkit-autofill{background-color:#fff} /* ================= BUTTONS ============== */ .inp_btn{ display:inline-block; height:44px; line-height:44px; padding:0 20px; text-align:center; font-size:14px; color:#fff; /*font-weight:bold;*/ text-transform:uppercase; border:none; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .inp_btn:hover, input[type="submit"].inp_btn:hover{background:#3a3a3a; text-decoration:none; color:#fff} .inp_btn .fa{margin:0 10px 0 0; font-size:16px; vertical-align:middle; line-height:16px} input[type="submit"], input[type="button"], button{-webkit-appearance:none!important; -webkit-border-radius:0px!important;} .btnOrange{background:#00b1bb} .btnBlue{background:#00b1bb} .btnGray{background:#ebebeb; color:#939393} .btnDarkgray{background:#414141} .btnBlueEmpty{height:30px; line-height:30px; color:#00b1bb; background:#fff; border:1px solid #00b1bb} .btnBlueEmpty:hover{background:#00b1bb; color:#fff} .btnYellow{color:#333; background:#ffd800} .btnYellow:hover{background:#F2CE00; color:#333} .btnWhite{background:#fff; border:3px solid #666; color:#333; line-height:38px} .btnGreen{background:#009801} .btnRed{background:#f75e64} .btnTransparent{background:none; border:3px solid #fff; line-height:38px} .btnTransparent:hover{background:#fff; color:#333} /* - Ratings - */ .overal_rating{width:120px; height:20px; background:url(../images/rating_stars.png) 0 0 repeat-x; position:relative} .overal_rating .r_progress{height:20px; background:url(../images/rating_stars_progress.png) 0 0 repeat-x; position:absolute; top:0; left:0} .overal_rating input[type="radio"]{width:20px; height:20px; opacity:0} .average_rating{font-size:11px; color:#898989; line-height:20px} .average_rating span{display:inline-block; height:20px; line-height:20px; font-size:12px; color:#fff; margin-right:5px; font-weight:bold; padding:0 8px; border-radius:3px; background:#626262} /*====== Gradients ======*/ /*====== Icons ======*/ .icon10x10{display:inline-block; width:10px; height:10px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0 0 no-repeat} .icon10x10.ico_check{background-position:-100px 0} .icon10x10.ico_ddb{background-position:-113px 0} .icon16x16{display:inline-block; width:16px; height:16px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0 0 no-repeat} .icon16x16.ico_earned{background-position:-120px -22px} .icon16x16.ico_fb{background-position:-136px -22px} .icon16x16.ico_tw{background-position:-152px -22px} .icon16x16.ico_map_pin{background-position:-32px -22px} .icon16x16.ico_speech_bubble{background-position:0px -22px} .icon16x16.ico_phone{background-position:-16px -22px} .icon16x16.ico_money_bag{background-position:-195px 0} .icon20x20{display:inline-block; width:20px; height:20px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0 0 no-repeat} .icon20x20.ico_invite{background-position:-115px -152px} .icon20x20.ico_cc{background-position:-135px -152px} .icon20x20.ico_login{background-position:-155px -152px} .icon20x20.ico_wl{background-position:-175px -152px} .icon25x25{display:inline-block; width:25px; height:25px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0 0 no-repeat} .icon25x25.ico_go{background-position:0 -112px} .icon25x25.ico_cart{background-position:-195px -152px; height:20px} .icon25x25.r_done{background-position:-77px -172px} .icon25x25.ico_speech{background-position:-220px -152px} .inp_btn .ico_speech{margin:-5px 10px 0 -7px; background-position:-240px -152px} *:hover>.ico_speech{background-position:-240px -152px} .login_icon{display:inline-block; width:24px; height:24px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0 0 no-repeat} .ico_invite{display:inline-block; width:24px; height:24px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/invitations_ico.png) 0 0 no-repeat} .login_icon.ico_user{background-position:-103px -293px} .login_icon.ico_cart{background-position:-346px 0} .login_icon.ico_heart{background-position:-103px -265px} .login_icon.ico_info{background-position:-260px -148px} .soc_ico{display:inline-block; width:28px; height:28px; text-align:left; text-indent:-9999em; vertical-align:middle; margin:0 10px 5px 0; background:url(../images/sprites.png) 0 0 no-repeat} .soc_ico.ico_fb{background-position:0 -230px} #ico_fb a:hover span{background-position:-120px -230px} .soc_ico.ico_tw{background-position:-30px -230px} #ico_tw a:hover span{background-position:-150px -230px} .soc_ico.ico_pin{background-position:-60px -230px} #ico_pin a:hover span{background-position:-180px -230px} .soc_ico.ico_gplus{background-position:-90px -230px} #ico_gplus a:hover span{background-position:-210px -230px} .soc_ico.ico_instagram{background-position:-240px -230px} #ico_instagram a:hover span{background-position:-270px -230px} .soc_ico.ico_yelp{background-position:-300px -230px} #ico_yelp a:hover span{background-position:-330px -230px} #ico_fb a:hover, #ico_tw a:hover, #ico_pin a:hover, #ico_gplus a:hover, #ico_instagram a:hover, #ico_yelp a:hover{color:#535353; text-decoration:none} .soc_ico_2{display:inline-block; width:40px; height:40px; text-align:left; text-indent:-9999em; vertical-align:middle; margin:0 10px 5px 0; background:url(../images/soc_sprites.png) 0 0 no-repeat} .ico_fb{background-position:0 0} .ico_tw{background-position:-40px 0} .ico_yt{background-position:-80px 0} .ico_in{background-position:-120px 0} .ico_pin{} .ico_plus{} .ico_yelp{} /*====== GRIDS ======*/ .col{float:left} .cols2 > .col{width:50%} .cols3 > .col{width:33.33%} .cols4 > .col{width:25%} .cols5 > .col{width:20%} .cols2:after,.cols3:after,.cols4:after,.cols5:after{content:''; display:block; height:0; line-height:0; clear:both} .hidden_cont{display:none} /*====== Floats ======*/ .fl_left{float:left} .fl_right{float:right} .clearfix:after{content:''; display:block; height:0; line-height:0; clear:both} /*====== Text ======*/ .tCent{text-align:center} .tLeft{text-align:left} .tRight{text-align:right} .tBlue{color:#00b1bb} .tGreen{color:#009801} .tGray{color:#999} .tRed{color:#f75e64} .tBlack{color:#000;} /*WARNINGS AND ALERTS*/ /*No JavaScript*/ .noscript{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.3); z-index:5000} .noscript-inner{display:inline-block; vertical-align:middle; width:996px; background:#fff; font-size:16px; height:60px; padding:30px 0 10px; border:2px solid #F14A1D; line-height:24px; position:absolute; top:50%; margin-top:-51px; left:50%; margin-left:-500px} /*IE lt 8*/ .ie_alert_inner{width:100%; background:#fff; color:#000; border-top:5px solid #E8C471; background:#EFEC69; font-size:15px; padding:10px 0; line-height:24px; text-align:center; position:fixed; left:0; bottom:0} .page_notification{width:100%; color:#000; border:2px solid #E8C471; background:#EFEC69; font-size:15px; padding:10px 0; line-height:24px; text-align:center;} .ie_alert_inner a{font-size:15px; color:#000; text-decoration:underline} /* Large screens ----------- */ @media only screen and (min-width:1732px) { .cat_pages .pagewidth{width:1280px} .cat_pages #cat_caption.scroll_float{width:100%;} .collect_pages .pagewidth, .collect_pages #cat_caption.scroll_float{width:1452px} .cat_pages #cat_banner .slide{width:100%} #cat_caption h2{max-width:27%} #cat_caption h2.full_width{max-width:100%} #cat_tools{padding:0; max-width:72%} } @media only screen and (max-width:1620px) { #cat_page .pagewidth{max-width:960px;} #cat_tools{float:none; clear:left; padding:5px 0 0} #cat_tools.condesed{float:right; clear:none; padding:0;} #cat_tools div:first-child{box-shadow:none; padding-left:0; margin-left:0} #subcat_menu.scroll_float{top:155px; left:0; width:100%; max-width:100%;} #fix_pos .scrol_btn{width:95%} #fix_pos .scrol_btn a{margin:0} .promise_icons > div{width:150px; padding:0 5px;} } @media only screen and (max-width:1420px) { .wjb_text{padding:0px 40px;} .total_favs{font-size:12px; color:#888; float:left; width:20%; line-height:40px;} .fav_title h2{font-size:34px; width:38%;} .fav_btns .inp_btn{font-size:12px; padding:0 10px;} .fav_share{width:42%;} .fav_share .inp_text{width:140px;} } @media only screen and (max-width:1366px) { #video-bg{padding-bottom:56.25%; height:auto!important;} #video-bg > video{margin-top:0!important;} } /* --- 3 Columns on Category --- */ @media only screen and (max-width:1340px) { .prod_item{width:33%} #cat_wrap{width:100%; max-width:960px; margin:0 auto} #cat_icons>a{width:48%} .dsg_part img{width:100%} } @media only screen and (max-width:1240px) { #home_slideshow_l4 .slide_desc{width:420px; margin:0 0 0 -210px} #home_slideshow_l4 .slide_desc .slide_title{font-size:28px; line-height:32px; max-height:96px; margin-bottom:5px; display:block} #home_slideshow_l4 .slide_desc .slide_link a{height:36px; line-height:36px; font-size:16px; min-width:130px} #cat_page{padding:0 0 50px; overflow:visible; width:100%} .clouds{display:none!important} #cat_banner{width:100%; max-width:960px; margin:0 auto} #cat_caption{padding-left:20px; max-width:960px; margin:0 auto} .cat_pages #cat_caption.scroll_float{width:100%; top:5px; max-width:1240px} #cat_caption h2{font-size:24px} #subcat_menu.scroll_float{top:120px;} .modal.center{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} /* ======= MATERIAL SWATCH ======== */ #swatches_wrap{margin:0} .swatch_item{display:block; float:left; min-height:153px; width:12%; margin:0 1.1% 2%; max-width:110px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .swatch_item>img{width:100%; height:auto} .swatch_item>.swatch_name{max-height:40px; overflow:hidden} .swatch_popup .sw_desc{font-size:11px; line-height:15px} .swatch_popup{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:16px 10px; text-align:left; margin:0 0 0 -150px} #r_sw_main .p_opt_rollovers .item{left:-310px} #free_swatches_wrap2 .single_sample{margin:0 5px 15px 0} } @media only screen and (max-width:1180px){ #cpPopup{max-width:620px;} #cpPopup .modalImg{width:600px;} } @media only screen and (max-width:1060px) { .wjb_text{padding:0px 20px;} } @media only screen and (max-width:970px){ .pagewidth{max-width:100%} #header, #header2, #superheader, #sub_header, #home_tabs_wrap, #page_top, #p_details, #p_collection, #customer_corner, #reviews_wrapper, #steps_bars { padding:0 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #page_share >a{margin-right:8px} /* ======= HOMEPAGE ======== */ /* -- Layout 4 --*/ .swatch_part{padding-left:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .swatch_part h3 img{max-width:98%} .swatch_part ul{padding:0 100px 20px 0;} .swatch_part ul li{font-size:14px} .dsg_part_text{position:relative; top:45px; padding:10px; max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .dsg_part_text .title{width:130px; font-size:20px; line-height:28px} .dsg_part_text div{margin:7px 0 0 140px} .dsg_part .inp_btn{font-size:14px} #cat_tools, .cat_filters{height:auto; overflow:visible} #cat_caption{padding-left:5px} #cat_tools .cat_filters{height:48px; margin:0; padding:3px 5px 3px; box-shadow:none} .price_slider{width:70px} #cat_tools .sort_filter select{width:120px} #subcat_menu.scroll_float{top:124px;} #cat_icons>a{margin:0} .wjb_text h3{font-size:20px;} .wjb_text h3 span{font-size:36px;} .wjb_text p{font-size:12px; line-height:1.8;} /* - homepage dev - */ #our_promise h3{max-width:100%; display:block; text-align:center; padding:20px; border-right:none;} .promise_icons{display:block;} .promise_icons>div{width:16.667%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; font-size:12px;} /* ======= PRODUCT PAGE ======== */ .c_gallery_top{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #c_gallery{width:100%} #c_gallery .thumbs_wrap{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #c_gallery .thumbs_hold{height:220px} #c_gallery .thumbnails a, #c_gallery .thumbnails a img{max-width:186px; height:180px} #cpPopup{max-width:420px;} #cpPopup .modalImg{width:400px;} /*========= Free Swatches Full Page ==========*/ #r_sw_banner{max-width:960px; width:100%; background-size:contain} .r_sw_text{max-width:405px; width:46%; padding:30px 25px 5px} .r_sw_text h2{font-size:17px; margin-bottom:7px} .r_sw_text p{font-size:12px; margin-bottom:10px} #r_sw_main .panel_slide a{margin:0 0 2px;} #r_sw_main .p_opt_rollovers .item{width:33%; left:-33%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #r_sw_main .p_opt_rollovers .item img{max-width:100%!important} .it_foot{padding:10px 5px} .it_foot .sw_desc{width:auto} .r_sw_filter .btnBlue{width:100%; font-size:13px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .r_sw_filter ul li a{font-size:12px} /* ------- TRADE PROGRAM ------- */ .t_point{min-height:170px} /* ------- REVIEWS ------- */ #rp_content{padding:0 1%} .side_nav{font-size:13px} /* ============ LIGHTBOXES ============= */ /* - customer care - */ #cust_care .pagewidth{width:98%; margin:0 1%} #cc_main{max-width:640px; width:60%} #cc_main img{max-width:100%; height:auto} #cc_faq ul{width:45%; margin-right:5%} /*------ Free Samples Lightbox (Ver 1) ------*/ #free_samples_1{background:none; box-shadow:none; width:100%; max-width:960px; height:770px} #free_samples_1 .modal_close{top:-7px; right:6%} /*------ Free Samples Lightbox (Ver 2) ------*/ #free_samples_2{max-width:100%} #free_samples_2 .fs_wrap form{height:auto; background:#fff} .fs_input{width:48%; height:auto} .fs_input .fs_filter_hold .lab_check{width:50%} .fs_main .inp_text, .fs_main .inp_select{width:98%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .fs_banner_2{width:52%; height:auto} .fs_banner_2 img{max-width:100%; height:auto} #free_samples_2 .modal_close{top:-7px; right:-7px} /* - Cart Lightbox - */ #cart_lightbox{padding:0} #customer_viewed{background:#fff url(../images/cart_lgbx_shadow.png) 50% 0 no-repeat; border-radius:0 0 12px 12px} .cl_item{max-width:390px; width:45%} .cl_item img{width:46%} .cl_details{max-width:390px; width:55%; padding:20px 15px 20px; margin:0; border-radius:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .cl_details dl dt{max-width:220px; width:80%} .cl_details dl dd{max-width:95px; width:20%} .cl_details .inp_btn{font-size:14px} #customer_viewed h3{margin-bottom:10px;} #customer_viewed .thumbs_wrap{width:96%; padding:0 2%;} #customer_viewed .thumbs_hold{width:100%} .cust_viewed .prod_item{text-align:left; margin:0; max-width: 230px; height:220px; padding:0; width:33.33%; min-width:0} .cust_viewed .prod_item .it_img{width:100%; height:auto} .cust_viewed .prod_item .it_img img{max-width:100%; height:auto; margin:0} /* - trade program - */ #dsg_trade_program{padding:10px 0px 10px} #designer_step_1 input[type="text"], #designer_step_2 .inp_text, #designer_step_2 .inp_label{max-width:100%; width:100%; height:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .dsg_membership .lab_check span{width:auto} .dsg_info{max-width:300px; width:40%; padding-right:2%} .dsg_membership{max-width:345px; width:50%; padding-left:5%} .dsg_membership .lab_check{font-size:12px} .dsg_membership .lab_check span{max-width:90%} .dsg_bottom{margin-top:20px} .dsg_membership .lab_check{float:none} #dsg_trade_program input[type="submit"]{float:none; margin:10px 0 5px} /* - com - */ #own_materials, #decide_later{width:100%!important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} } @media only screen and (max-width:800px){ #page_share >a{margin-right:13px} /* ============ HOMEPAGE ============= */ .home_tabs .h_tab ,#home_tabs_wrap .thumbs_hold, .trade_program{width:768px} #home_tabs_wrap .thumb_nav a{width:25px} #home_tabs_wrap .thumb_nav a.thumbPrev{left:0} #home_tabs_wrap .thumb_nav a.thumbNext, #home_tabs_wrap .thumb_nav a.thumbNext.dissabled:hover{right:0; background-position:-154px 0px} #home_tabs_wrap .thumb_nav a.thumbNext:hover{background-position:-334px 0px} .bs_thumbs a{width:245px; margin-right:10px} .bs_thumbs a img{max-width:245px} .ig_rooms a{width:140px; padding:0 10px} .ig_rooms a img{max-height:120px; max-width:120px} .ig_rooms a span{font-size:18px} #home_tab_4 img{max-width:100%; height:auto} #jb_experience img{max-height:100%} #home_slideshow2{float:none; margin:0; padding:0; width:100%; height:100%} #home_slideshow2 .slide{text-align:center} #home_slideshow2 img{width:100%; height:auto; max-width:637px; max-height:496px;} .home_info_cont .home_info_cont_text{width:90%; padding:35px 4% 40px} /* -- Layout 3 -- */ #best_sell_wrap, #homepage_feat{width:100%; margin:0 auto 20px} .best_sell_single{width:210px; margin:0 22px 20px} .best_sell_single h3, .best_sell_single p{font-size:15px} .home_feature{width:33%} .home_feature img{max-width:100%} .home_feature h3{font-size:20px} #jb_points.homepage_v3 .tooltip{width:100px} .wjb_text h3{font-size:18px;} .wjb_text h3 span{font-size:32px;} .wjb_video{padding-top:10%;} /* ============ CATEGORY PAGE ============= */ #cat_banner .slide_hold{height:125px} /* ============ PRODUCT PAGE ============= */ /* ------- TRADE PROGRAM ------- */ .t_point{min-height:200px; padding:10px} #member_card img, #member_card >div{width:auto; float:none;} #layout_4 .tabs_holder a{font-size:11px; padding:0 5px} /* --- Request Swatches full page --- */ #r_sw_banner{height:250px} #r_sw_sidebar, #r_sw_main{width:100%; float:none; margin:0 auto 20px} #r_sw_main .p_opt_rollovers .item{top:-300px!important; left:50%; margin-left:-15%} .it_foot .sw_desc{max-height:60px; overflow:hidden} #r_sw_sidebar{max-width:460px} #c_gallery .thumbs_hold{width:100%} .fancybox-skin, .fancybox-wrap, .fancybox-inner, .fancybox-outer{width:92%!important; -webkit-box-sizing:border-box!important;; -moz-box-sizing:border-box!important;; box-sizing:border-box!important;} .fancybox-wrap, .fancybox-inner, .fancybox-outer{width:100%!important} .fancybox-next{right:0!important} .fancybox-prev{left:0!important} #c_photo{width:98%; padding:10px 0 20px; padding-left:1%; padding-right:1%; max-width:910px; min-width:200px} #c_photo img{margin-bottom:12px; max-width:100%; max-height:100%} /* ============ LIGHTBOXES ============= */ /* - customer care - */ #cc_main{width:50%} #cc_faq ul{width:98%; margin-right:0} /* - free samples ver1 - */ #free_samples_1 .modal_close{top:-7px; right:-7px} #free_samples_1 .r_sw_wrap form{width:100%; max-width:100%} .fs_filter_hold .lab_check{width:33.333%;} } @media only screen and (max-width:768px){ /* ============ HOME PAGE ============= */ .swatch_part, .dsg_part{float:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:20px; max-width:700px; margin:0 auto} .dsg_part img, .dsg_part_text{left:0} .home_tabs .h_tab, #home_tabs_wrap .thumbs_hold, .trade_program{max-width:580px; width:100%} .bs_thumbs a{width:33%; margin-right:0.33%} .ht_top{padding-top:20px} .ig_rooms{padding:0; margin:0} .ig_rooms a{width:120px} .trade_program img{max-width:100%} #home_tab_2 .ht_top img{width:20%; height:auto;} #home_tab_4 >a.fl_right{width:60%} /* --- Category Page --- */ /* --- REVIEWS --- */ #rp_sidebar, #rp_main{float:none; width:100%; max-width:100%} .side_nav li{margin-bottom:0} .side_nav{padding:0} .side_nav li a{padding:10px 15px; border-bottom:1px solid #ccc; font-size:15px} .side_nav li a:after, .side_nav li.current a:after, .side_nav li:hover a:after{display:none} #rp_sidebar ul.sec_nav li span{padding:10px 15px; border-bottom:1px solid #ccc; font-size:15px; background:#ebebeb; display:block} } /* --- Two Columns on Category page --- */ @media only screen and (max-width:700px){ /* ============ HOME PAGE ============= */ .swatch_part h3 img{margin:-10px 0 10px} .dsg_part_text .title{width:auto; float:none} .dsg_part_text div{margin:7px 0 0 0} .swatch_part ul{padding:0} .wjb_text h3{font-size:16px;} .wjb_text p{margin-bottom:0;} /* ============ PRODUCT PAGE ============= */ #customer_corner{padding:30px 0} .c_gallery_top h3{float:none; margin-bottom:25px} #c_gallery .thumbnails a, #c_gallery .thumbnails a img{max-width:150px} /*========= Custom PRODUCT Page ==========*/ #video_modal iframe{width:480px; height:320px} #home_slideshow_l3{padding-bottom:80px;} #home_slideshow_l3 .slide_desc{bottom:-80px} #home_slideshow_l3 .flex-direction-nav{padding:15px 0; left:0; margin-left:0; max-width:700px} #home_slideshow_l3 .flex-direction-nav .flex-prev{left:5px} #home_slideshow_l3 .flex-direction-nav .flex-next{right:5px} #home_slideshow_l3 .slide_desc{max-width:700px; width:100%; left:0; margin-left:0; padding:10px 60px; font-size:18px; height:80px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #home_slideshow_l4 .slide_desc{width:300px; margin:0 0 0 -150px} #home_slideshow_l4 .slide_desc .slide_title{font-size:24px; line-height:28px; padding:0; margin-bottom:4px} #home_slideshow_l4 .slide_desc .slide_link{padding:3px 0} #home_slideshow_l4 .slide_desc .slide_link a{height:22px; line-height:22px; font-size:11px; min-width:90px} #home_slideshow_l4 .slide_desc .slide_link a span{display:none} #cat_banner .slide_hold{height:110px} #cat_caption{padding-bottom:0; padding-top:0} .cat_pages #cat_caption.scroll_float{top:25px} #cat_caption h2{font-size:22px; color:#fff; font-weight:bold; padding:10px 20px; margin-left:-20px; background:#898989; float:none; position:relative} #subcat_menu.scroll_float{top:132px;} .prod_item{width:50%} #position_gallery{margin:10px 0} /* ============ PRODUCT PAGE ============= */ /* ------- TRADE PROGRAM ------- */ .t_point{min-height:140px; padding:20px 15px; float:none; max-width:700px; width:92%; margin:0 auto 6px} .t_point:last-child{margin:0 auto 6px} #member_card img{width:42%; max-width:122px; float:left} #member_card >div{width:49%; float:left; margin-left:9%} /* --- Request Swatches full page --- */ #r_sw_banner{height:auto; background:#f5f5f5} .r_sw_text{width:96%; padding:2%; max-width:700px} /* ============ LIGHTBOXES ============= */ /* - promo overlay - */ #promo_overlay >div{top:0; margin-top:30%; left:0; margin-left:0} /* - customer care - */ #cc_main, #cc_sidebar{width:100%; float:none; margin:0 auto 20px} #cc_sidebar{max-width:460px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #cc_faq ul{width:45%; margin-right:5%} /* - free swatches -v3 - */ #free_swatches_wrap{overflow:hidden} #free_swatches3 #free_swatches_form{max-width:310px; width:73%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #free_swatches3 .free_swatches_points{width:27%; position:static; float:right} .free_swatches_points .single_point{margin-bottom:15px} .free_swatches_points .single_point .point_icon{display:block; float:none} .free_swatches_points .single_point >div strong{font-size:14px; line-height:normal} .free_swatches_points .single_point >div{font-size:12px; line-height:16px} #free_swatches3 .fs_cont{padding:40px 0 0} #free_swatches3 .modal_bar .modal_close{right:auto; left:280px} /* - free swatches -v4 - */ #free_swatches4 .r_sw_wrap form{width:100%} /* - Request Swatches - */ .r_sw_main img{margin-bottom:20px} .r_sw_main fieldset{width:100%; padding:0} .r_sw_main fieldset .inp_text, .r_sw_main fieldset .inp_select{max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /*------ Free Samples Lightbox (Ver 2) ------*/ .fs_input{width:100%; max-width:100%} .fs_banner_2{display:none} /* - Cart Lightbox - */ #cart_lightbox{width:auto} .cl_item{width:100%; margin:0 auto; float:none; overflow:hidden} .cl_details{max-width:290px; padding:40px 10px 20px; margin:20px auto; float:none} #newsletter_popup_1{width:100%; max-width:100%; left:0; margin-left:0; background-size:contain} #customer_viewed{display:none} /*------ Designers Login/Forgot Lightbox ------*/ #designers_login_wrap{max-width:300px; width:100%} #designers_login_wrap >div{float:none; margin:0 auto 20px; width:100%} /* --- Why Joybird --- */ #reasons_for_joy{width:100%; height:465px; background-size:contain; border-radius:10px} #reasons_for_joy ul{display:none} } /* --- One Column on Category page --- */ @media only screen and (max-width:470px){ /* ============ HOMEPAGE ============= */ #home_slideshow_l3 .slide_desc{font-size:16px;} #home_slideshow_l4 .slide_desc{width:280px; margin:0 0 0 -140px} #home_slideshow_l4 .slide_desc .slide_title{font-size:18px; line-height:22px} .flex-control-nav{display:none} .swatch_part{padding:30px 10px; background:none} .swatch_part h3 img{max-width:280px; margin:-25px 0 15px -10px} .swatch_part p{font-size:13px; padding:0 10px 20px 0} .swatch_part ul{padding:0 20px 15px 0} .dsg_part{max-height:338px; background:#f1f1f1; border:1px solid #ccc} .dsg_part_text{width:100%; height:100%; padding:20px 10px; top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .dsg_part_text .title{float:none; font-size:18px; width:auto; line-height:normal; color:#454545} .dsg_part_text div{margin:10px 0; color:#787878} /* ============ CATEGORY ============= */ #breadcrumb, #top_share{height:18px; line-height:18px; padding:3px 0; float:none} #breadcrumb{height:auto; border-bottom:1px solid #ddd;} #breadcrumb a, #breadcrumb span{font-size:10px} #mini_capt #breadcrumb{display:none} #mini_capt, .cat_pages #cat_caption.scroll_float{display:none} #cat_banner .slide_hold{height:70px} #cat_page{padding:0; margin:0} #cat_wrap{background:none} .prod_item{width:100%; max-width:300px; height:auto; border-bottom:1px solid #ccc; display:block; float:none; margin:0 auto} #cat_caption, #cat_caption h2{height:auto; float:none; font-size:19px} #cat_tools{display:none} #top_share{padding:3px 0 6px; border-bottom:1px solid #ddd; margin-bottom:10px} #top_share >a{margin:0 7px 0 0; float:none} /* ============ PRODUCT PAGE ============= */ /* ============ collections/fabrics ============= */ #cat_icons{margin-right:0} #cat_icons>a{height:auto; margin:0 0 20px 0; background-size:contain; text-indent:0} #cat_icons>a img{max-width:100%; height:auto; position:static} /* ------- TRADE PROGRAM ------- */ #designers_banner{height:auto; background:none} #designers_banner >div{position:static; width:92%; padding:3%; margin:0 auto 20px} .signin_btns .inp_btn{font-size:14px; padding:0 12px} /* --- REVIEWS --- */ .rp_single img{float:none; display:block; margin:0 auto; width:100%} .rp_review{float:none; width:100%; max-width:100%} /* ============ LIGHTBOXES ============= */ .modal.center .modal_close{top:-22px; right:-5px} .modal.no_center{position:absolute!important} .modal{} .modal.center{border:1px solid #ccc} .modal_hold{max-height:2000px; overflow-x:visible} /* --- Free Samples --- */ #free_swatches_wrap2{padding:0} #free_swatches_wrap2 h2{font-size:17px} #free_swatches_wrap2 .sub_head{margin-bottom:20px; font-size:10px} #free_swatches_form, #free_swatches_wrap2 .samples_selected, #free_swatches_wrap2 .samples_request{width:98%; padding:0 1%; margin:0; float:none} #free_swatches_wrap2 .samples_selected{width:270px; max-height:255px; height:auto} #free_swatches_wrap2 .samples_request{padding-top:15px} #free_swatches_wrap2 .single_sample{height:120px; margin:0 5px 15px 0} #free_swatches_wrap2 .single_sample span{font-size:9px} #free_swatches .third_col{width:96%; padding-left:2%} /* - free swatches -v3 - */ #free_swatches3{border:none} #free_swatches3 #free_swatches_form{width:100%; float:none; margin:0 auto} #free_swatches3 .free_swatches_points{display:none} #free_swatches3 .modal_bar .modal_close{left:86%} /* --- Email Friend --- */ #share_email form .inp_select, #share_email form .inp_area, #share_email form .inp_text{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} /* - customer care - */ #cc_faq ul{width:98%; margin:0 1%} /* - trade program - */ .dsg_info{max-width:300px; width:100%; padding-right:0; float:none; margin:0 auto 20px} .dsg_membership{max-width:345px; width:100%; padding-left:0; float:none; margin:0 auto 20px; background:none} /* --- Why Joybird --- */ #reasons_for_joy{height:334px;} /* --- bmsm lightbox --- */ #bmsm_main div, #bmsm_main div:first-child{width:100%} } @media only screen and (max-width:320px){ /* ============ HOMEPAGE ============= */ #home_slideshow .slide_desc{display:none} .home_tabs .h_tab, #home_tabs_wrap .thumbs_hold, .trade_program{width:300px} .ht_top{margin-bottom:5px} .ig_rooms{margin-top:0} #home_tabs_wrap .thumb_nav a{width:25px} #home_tabs_wrap .thumb_nav a.thumbPrev{left:0} #home_tabs_wrap .thumb_nav a.thumbNext, #home_tabs_wrap .thumb_nav a.thumbNext.dissabled:hover{right:0; background-position:-154px 0px} #home_tabs_wrap .thumb_nav a.thumbNext:hover{background-position:-334px 0px} .bs_thumbs a{/*width:100%;*/ min-height:80px; height:80px; text-align:left; margin-left:20px} .bs_thumbs a:hover{text-decoration:none} .bs_thumbs a img{max-width:80px; max-height:65px; height:auto; display:inline-block; vertical-align:middle;} .bs_thumbs a span{width:160px; vertical-align:middle; font-size:11px} .bs_thumbs a span strong{font-size:13px} .ht_top img{width:120px; height:auto; margin:0 0 5px 12px} .ig_rooms a{width:100%; margin-bottom:10px; text-align:left} .ig_rooms a img{max-height:38px; max-width:38px; vertical-align:middle; margin:0 10px 0 0} .ig_rooms a span{display:inline-block; vertical-align:middle;} .ht_top p, #home_tab_4 p, #home_tab_2 .ht_top p{font-size:11px; line-height:13px; width:auto} #home_tab_4 >div p{line-height:13px; width:300px} .trade_program{background:url(../images/capt-the_designers_program_mobile.jpg) 0 0 no-repeat} .trade_program span{bottom:140px; width:300px} #home_tab_4{padding-top:0} #home_tab_4 img{max-width:200px; height:auto} #home_tab_4 img.fl_right{max-width:280px} #home_slideshow2{height:234px} .home_info_block h2{margin-bottom:20px; text-align:center} .home_info_block h2 img{max-width:200px; height:auto} .home_info_block p{font-size:11px; margin-bottom:12px; line-height:13px} .home_info_block p:last-child{margin-top:30px} /* -- Layout 3 -- */ #home_slideshow_l3 .slide_desc{font-size:13px;} .best_sell_single{width:100%; margin:0 0 20px} .home_feature{width:100%; border:none; border-bottom:1px solid #bebebe} .home_feature:last-child{border:none} #jb_points.homepage_v3 .tooltip{width:130px} /* -- Layout 4 -- */ .l4 .ht_top h2{font-size:18px} #video_modal iframe{width:280px; height:210px} #cat_banner .slide_hold{height:50px} /* ============ fabrics ============= */ .prod_item .it_card{width:280px} #cat_swatch_caption .swatch_ico{max-width:80px; max-height:80px; margin:0 30px 0 10px} #cat_swatch_caption div.fl_left{width:140px} #cat_swatch_caption h2{font-size:18px; margin:0 0 7px} #cat_swatch_caption p{font-size:11px; max-width:100%} .c_gallery_top h2{font-size:20px} #c_gallery .thumbs_hold, #c_gallery .thumbnails{height:57px} #c_gallery .thumbs_hold{width:230px} #c_gallery .thumbnails a{margin:0 5px} #c_gallery .thumbnails a, #c_gallery .thumbnails a img{width:55px; height:auto} #c_gallery .thumb_nav a{height:40px; background-size:contain;} #c_photo{width:270px} #c_photo img{max-width:270px; min-height:1px!important} #customer_photo_wrap .modal_hold{padding:15px 10px 25px} .cust_img_details .img_author, .cust_img_details dl{width:50%; font-size:10px} .cust_img_details .img_author span{font-size:12px} /* ============ LIGHTBOXES ============= */ /* -- Subscribe -- */ #newsletter_popup.sub_popup2{width:90%; height:auto; background:#fff; margin:-115px 0 0 -148px} .sub_popup2 .form_area{width:auto; margin:0} #newsletter_popup.sub_popup2 .form_area .title{font-size:14px; margin:5px 10px 20px; line-height:19px} #newsletter_popup.sub_popup2 .form_area .title strong img{max-width:75%} #newsletter_popup form{margin:0 10px 10px} /*#free_swatches_wrap{height:430px; overflow:hidden}*/ #free_swatches .modal_close{top:2px; right:5px; font-size:9px} #free_swatches .second_col{width:300px; margin-right:0; float:none} .sp_top img{width:180px} .sp_top label{float:none; padding:0; font-size:11px; display:inline-block} #swatch_tabs a{width:70px} .panel_slide{height:auto; margin-bottom:10px} .panel_slide a{width:42px; height:42px; margin:0 2px 2px 0; overflow:hidden} .panel_slide a img{max-width:42px; height:auto} .samples_request .inp_text{margin-bottom:5px} #swatch_request_errors{left:0} #sw_bottom .first_col, #sw_bottom .second_col, #sw_bottom .third_col{width:300px; margin:0 0 15px; font-size:10px; float:none} #p_dimensions_img img, #p_construction_img img{max-width:300px; max-height:250px; height:auto; margin:0 0 15px} #p_dimensions_img .modal_bar:before, #p_construction_img .modal_bar:before{font-size:16px} #p_dimensions_img .modal_bar:after, #p_construction_img .modal_bar:after{font-size:12px} #own_materials{width:275px; padding:20px 10px 0px 15px; background-size:contain; min-height:520px; background:none} #own_materials h3{font-size:15px} #own_materials strong{font-size:11px; line-height:15px} .own_materials_cont{padding:10px 0; background:none; border-top:1px solid #ddd} #own_materials ul li{margin-bottom:7px; font-size:11px; line-height:15px} #gift_date_form{width:275px} #gift_date_form select{width:100px} #gift_date_form select:first-of-type{width:60px} /* --- Why Joybird --- */ #reasons_for_joy{height:224px;} /* --- BMSM --- */ #buy_more_wrap{width:280px; padding:0} #buy_more_wrap h3, #buy_more_wrap dd.c_total{font-size:17px} #buy_more_wrap p, #buy_more_wrap dl{width:auto; float:none; font-size:11px} #buy_more_wrap dt{width:160px} #buy_more_wrap dd{width:120px} /* --- Cart Lightbox --- */ #cart_lightbox_wrap .modal_close{top:-22px; right:-5px} #cart_lightbox{width:280px; padding:0px} .cl_item{float:none; width:280px; overflow:hidden; margin-bottom:7px} .cl_item .cl_disclaimer{font-size:13px; margin-bottom:7px; padding:10px 5px 10px 10px} .cl_item img{max-width:120px; height:auto} .cl_details{width:280px; float:none; clear:both; margin:0 -10px; border-radius:0; padding:10px 10px 20px} .cl_details .cl_qty{font-size:13px; padding-bottom:10px} .cl_details dl{margin:20px 5px 30px 10px} .cl_details dl dt{width:160px; font-size:11px} .cl_details dl dd{width:90px; font-size:11px} .cl_details .inp_btn{height:30px; line-height:30px; font-size:13px; margin-right:5px; border-radius:3px} #customer_viewed h3{font-size:13px; margin:0 0 5px 5px; padding-bottom:7px; border-bottom:1px solid #ccc} #customer_viewed .it_badge{display:none} .cust_viewed .prod_item{text-align:left; margin:0 5px; width:230px; height:100px; padding:0} .cust_viewed .prod_item .it_img{width:130px; height:auto; float:left} .cust_viewed .prod_item .it_img img{max-width:130px; height:auto; margin:0} .cust_viewed .prod_item .it_name{margin:10px 0 5px 3px; font-size:11px; float:right; width:90px} .cust_viewed .prod_item .it_price{font-size:11px; margin:0 8px 0 5px} #customer_viewed .thumbs_wrap{position:relative; width:240px; padding:0 20px} #customer_viewed .thumbs_hold{height:auto; width:240px; max-height:300px; overflow:hidden} .cust_viewed.thumbsActivated{position:static;} #customer_viewed .thumb_nav{display:none} /* --- Delivery Options Lightbox --- */ #do_wrap{width:300px} #do_top{} #do_top h2{margin:0} #do_top h2 img{width:200px; height:auto} #do_top>.fl_left{width:auto; padding:10px 0; float:none } #do_top>.fl_right{width:auto; padding:30px 10px; background:none; border:none; float:none} #do_top>.fl_right img{float:left; margin:10px 0 0} #do_top>.fl_right h3{float:left; max-width:110px; margin:30px 0 0 5px; font-size:14px;} #do_bottom{padding:20px 5px 20px 15px; border-radius:0 0 12px 12px} #do_bottom label{width:auto; font-size:11px; font-weight:normal; margin-bottom:5px} #do_bottom input[type="text"], #do_zip_update input[type="text"]{width:85px;} #do_bottom .inp_btn, #do_zip_update .inp_btn{font-size:10px; vertical-align:middle} .do_option{padding:5px} .do_option h3{font-size:10px; padding:5px 5px 0 0} .do_option h3 span{font-size:10px} .do_option table{width:300px;} .do_option td{padding:3px; font-size:9px} #do_result .notes{padding:10px 15px 15px} /* Newsletter Popup */ #newsletter_popup{padding:30px 10px; width:280px; height:120px; margin:-45px 0 0 -151px} #newsletter_popup p{font-size:11px} #newsletter_popup .title{font-size:13px} #newsletter_popup form input[type="text"]{width:180px; padding:0 5px 0 15px; margin-right:2px; font-size:11px} } /* ======= MATERIAL SWATCH ======== */ @media only screen and (max-width:1240px) and (min-width:701px) { .swatch_item:nth-child(7n+1) .swatch_popup{margin:0; left:0; right:auto} .swatch_item:nth-child(7n+7) .swatch_popup{margin:0; left:auto; right:0} } @media only screen and (max-width:700px) and (min-width:471px) { .swatch_item{width:17.7%; margin:0 1.1% 2%; max-width:150px; text-align:center;} .swatch_item>img{display:inline-block} .swatch_item:nth-child(5n+1) .swatch_popup{margin:0; left:0; right:auto} .swatch_item:nth-child(5n+5) .swatch_popup{margin:0; left:auto; right:0} } @media only screen and (max-width:470px) and (min-width:321px) { .swatch_item{width:31%; margin:0 1.1% 2%; max-width:150px; text-align:center;} .swatch_item>img{display:inline-block} .swatch_item:nth-child(3n+1) .swatch_popup{margin:0; left:0; right:auto} .swatch_item:nth-child(3n+3) .swatch_popup{margin:0; left:auto; right:0} } @media only screen and (max-width:320px) { .swatch_item{width:47%; margin:0 1.1% 2%; max-width:150px; text-align:center;} .swatch_item>img{display:inline-block} .swatch_item:nth-child(2n+1) .swatch_popup{margin:0; left:0; right:auto} .swatch_item:nth-child(2n+2) .swatch_popup{margin:0; left:auto; right:0} } @media print{ /* -- HEADER -- */ #superheader, #top_nav, #main_nav_wrap, .form_btns, .signin_btns, .r_sw_filter .btnBlue, .bottom_shadow:after{display:none} #sub_header{border:1px solid #ccc; color:#999; display:none} #logo{width:960px; border-bottom:5px solid #34AFB4} /* -- FOOTER -- */ #foot_top, #foot_main, .f_terms{display:none} #foot_bottom{border-top:1px solid #000; color:#999} /*============= HOME PAGE ===============*/ #home_slideshow{width:960px; margin:0 auto; height:300px; margin-bottom:15px} #home_slideshow .slide_hold, #home_slideshow .slide{height:300px} #home_slideshow .slide img{max-width:960px; max-height:300px} .slide_desc{display:none} .bs_thumbs a{min-height:0} .home_tabs .h_tab{float:none; height:auto; padding-bottom:10px} .home_tabs.thumbsActivated, #home_tabs_wrap .thumbs_hold{height:auto; position:static} /*============= CATEGORY PAGE ===============*/ #cat_tools, .it_badge, #page_top{display:none} #cat_page{padding:0 0 30px} .it_badge.sale, .it_badge.bestseller, .it_badge.must_go{width:auto; height:auto; text-indent:0; border:4px solid #FED731; border-radius:4px} .it_badge.must_go{border-color:#FF6800} /*============= PRODUCT PAGE ===============*/ .p_opt_ico{display:block!important} #side_block_hold, #buy_wrapper, #custom_btn, #p_main .bottom_links, .details_block a, .details_block a.align_right, #question_block, .p_opt_foot .os_control, .p_opt_cust_fabr, .shipping_opt a span, #p_main_review a, .visualize_it, #jb_points .tooltip>span, .c_gallery_top a, slide_lnk, .r_subhead a {display:none} .p_opt_label{border:none; border-bottom:1px solid #b7b7b7} .swatch_change, #p_main{background:none} h3 >a, a img{display:block!important} #layout_4 .tab_cont{display:block!important; padding:15px 20px} #layout_4 .tabs_holder a, #layout_4 .tabs_holder a.current{border:1px solid #ccc; background:none; box-shadow:none} .details_block dl dd{color:#000} #layout_4 #p_details .right_col #jb_points{padding-top:55px} #jb_points .tooltip{width:210px; height:18px; padding-top:15px; margin:0 0px 95px 0} #jb_points .tooltip >div{top:-70px; padding:10px; margin-left:-90px; opacity:1; width:180px; font-size:11px; line-height:14px; border:1px solid #000} #jb_points .tooltip>div:before{border-top-color:#000} #layout_4 #p_details .right_col{border:1px solid #e5e5e5} #layout_4 .left_col{border:none} #prod_tabs{margin-bottom:20px} /*============= STATIC PAGES ===============*/ #full_reviews_sorter, .rp_review .overal_rating, .catalog_image a, #rp_main .rp_review a{display:none} .average_rating span{border:1px solid #000; color:#000} #designers_banner{height:auto;} #designers_banner >div{position:static; width:auto; padding:10px 20px} .t_point{border:1px solid #000; padding:20px 14px} } @media only screen and (max-width:700px){ /*------ Free Samples Lightbox (Ver 2) ------*/ .fs_input{width:100%; max-width:100%} .fs_banner_2{display:none} } /* ====================== NEW HEADER/FOOTER RESPONSIVE =========================*/ @media only screen and (max-width:1160px){ #header h1{} #main_nav >li >a, #main_nav >li >span{padding:7px;} #foot_main .footer_logo{width:15%;} #foot_nav{width:85%;} #foot_nav >li{width:20%; margin-left:2%;} #foot_nav >li#joinUs{min-width:0; width:34%; margin-left:0;} } @media only screen and (max-width:970px){ #header{position:relative;} #header h1{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #main_nav_wrap{height:auto; min-height:0; max-width:80%; clear:none; float:right; padding:10px 0px 0 5px;} #main_nav >li{position:static; margin:0 3px;} #main_nav >li >a, #main_nav >li >span{font-size:11px; padding:7px 4px;} #main_nav >li >div{max-width:100%; top:72px;} #search_form{max-width:100%; top:72px; padding-left:20px; padding-right:20px; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #main_nav >li#help_drop >div{left:48%; margin-left:0;} #main_nav >li#login_drop >div{left:60%; margin-left:0;} #foot_main .footer_logo{display:block; width:20%; padding:15px;} #foot_main .footer_logo img{width:auto;} #foot_nav{width:70%} #foot_nav >li{width:33.333%; margin:0;} #foot_main{padding-bottom:250px;} #foot_nav >li#joinUs{position:absolute; bottom:10px; left:0; width:96%; min-width:96%; padding:0 2%;} .total_favs{width:22%;} .fav_title h2{font-size:28px; width:34%;} .fav_share{width:42%; font-size:11px;} .fav_share .inp_text{height:32px; width:130px;} .fav_share a{margin-left:3px; width:32px; height:32px;} .fav_share a i{font-size:16px; line-height:32px;} } @media only screen and (max-width:820px){ #main_nav >li#help_drop >div{left:50%; margin-left:-100px;} #main_nav >li#login_drop >div{left:50%; margin-left:0;} } @media only screen and (max-width:700px){ #foot_main{padding:5px 0 260px; position:relative} #foot_main .footer_logo{display:none} #foot_nav{padding-top:0px; width:100%; max-width:460px; margin:0 auto; float:none;} #foot_nav >li{padding:0; width:100%; margin:0; float:none; max-width:460px} #foot_nav >li >span{padding:5px 10px; background:#333; margin:0;} #foot_nav >li >ul{margin-bottom:15px} #foot_nav >li >ul >li{margin-bottom:0px; height:36px; line-height:36px; border-bottom:1px solid #fff;} #foot_nav >li >ul >li >a{font-size:14px; display:block; color:#fff; padding:0 20px; background:#00b1bb;} #foot_nav >li:last-child >ul >li{float:left; width:18%; margin:0 1% 2%; height:auto} #foot_nav >li:last-child >ul >li >a{float:left; width:auto; background:none; padding:0 10px; color:#000; font-size:10px; text-align:center; padding:0 10%} #foot_nav >li:last-child >ul >li >a span{margin:0 0px 5px 5px; display:block} #foot_bottom{} .f_copy, .f_terms{float:none; text-align:center; margin:0 0 3px 0} #foot_newsletter_form .line_label{line-height:normal; top:5px} }