/* * Skeleton V1.2 (Solid Cactus updated 2014) * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries /* #Site Styles ================================================== */ /* Base Styles */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}th{font-weight:bold}h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Montserrat",Helvetica,sans-serif;font-weight:bold}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:22px;line-height:30px;margin-bottom:14px;text-transform:uppercase}h2{font-size:18px;line-height:28px;margin-bottom:10px}h3{font-size:16px;line-height:26px;margin-bottom:8px}h4{font-size:15px;line-height:22px;margin-bottom:4px}h5{font-size:15px;line-height:20px}h6{font-size:15px;line-height:20px}.subheader{color:#777}p{margin:0 0 20px 0}p img{margin:0}p.lead{font-size:21px;line-height:27px;color:#777}em{font-style:italic}strong{font-weight:bold}small{font-size:80%}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}a,a:visited{;text-decoration:underline;outline:0}a:hover,a:focus{color:#727272}p a,p a:visited{line-height:inherit}ul,ol{margin-bottom:20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}ul.large li{line-height:21px}li p{line-height:21px}img.scale-with-grid{max-width:100%;height:auto}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#eee;background:#eee -moz-linear-gradient(top,rgba(255,255,255,.2)0%,rgba(0,0,0,.2)100%);background:#eee -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));background:#eee -webkit-linear-gradient(top,rgba(255,255,255,.2)0%,rgba(0,0,0,.2)100%);background:#eee -o-linear-gradient(top,rgba(255,255,255,.2)0%,rgba(0,0,0,.2)100%);background:#eee -ms-linear-gradient(top,rgba(255,255,255,.2)0%,rgba(0,0,0,.2)100%);background:#eee linear-gradient(top,rgba(255,255,255,.2)0%,rgba(0,0,0,.2)100%);border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;margin-bottom:20px;line-height:normal;padding:8px 10px;font-family:"Montserrat", "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color:#222;background:#ddd;background:#ddd -moz-linear-gradient(top,rgba(255,255,255,.3)0%,rgba(0,0,0,.3)100%);background:#ddd -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)));background:#ddd -webkit-linear-gradient(top,rgba(255,255,255,.3)0%,rgba(0,0,0,.3)100%);background:#ddd -o-linear-gradient(top,rgba(255,255,255,.3)0%,rgba(0,0,0,.3)100%);background:#ddd -ms-linear-gradient(top,rgba(255,255,255,.3)0%,rgba(0,0,0,.3)100%);background:#ddd linear-gradient(top,rgba(255,255,255,.3)0%,rgba(0,0,0,.3)100%);border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:1px solid #666;background:#ccc;background:#ccc -moz-linear-gradient(top,rgba(255,255,255,.35)0%,rgba(10,10,10,.4)100%);background:#ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));background:#ccc -webkit-linear-gradient(top,rgba(255,255,255,.35)0%,rgba(10,10,10,.4)100%);background:#ccc -o-linear-gradient(top,rgba(255,255,255,.35)0%,rgba(10,10,10,.4)100%);background:#ccc -ms-linear-gradient(top,rgba(255,255,255,.35)0%,rgba(10,10,10,.4)100%);background:#ccc linear-gradient(top,rgba(255,255,255,.35)0%,rgba(10,10,10,.4)100%)}.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px solid #ccc;padding:4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "Montserrat", "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;width:auto;max-width:100%;display:block;background:#fff}select{padding:0}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{font-weight:bold;font-size:13px}select{width:auto}input[type="checkbox"]{display:inline}label span,legend span{font-weight:normal;font-size:13px;color:#444}.remove-bottom{margin-bottom:0!important}.half-bottom{margin-bottom:10px!important}.add-bottom{margin-bottom:20px!important}.textright{text-align:right}.textcenter{text-align:center} /* Skeleton Styles */ .container,.page-body-columns{position:relative;width:1008px;margin:0 auto;padding:0; overflow:visible;}.row{margin-bottom:20px;}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:43px}.container .two.columns{width:106px}.container .three.columns{width:169px}.container .four.columns{width:232px}.container .five.columns{width:295px}.container .six.columns{width:358px}.container .seven.columns{width:421px}.container .eight.columns{width:484px}.container .nine.columns{width:547px}.container .ten.columns{width:610px}.container .eleven.columns{width:673px}.container .twelve.columns{width:736px}.container .thirteen.columns{width:799px}.container .fourteen.columns{width:862px}.container .fifteen.columns{width:925px}.container .sixteen.columns{width:988px}.container .one-third.column{width:232px}.container .two-thirds.column{width:652px}.container .offset-by-one{padding-left:63px}.container .offset-by-two{padding-left:126px}.container .offset-by-three{padding-left:189px}.container .offset-by-four{padding-left:252px}.container .offset-by-five{padding-left:315px}.container .offset-by-six{padding-left:378px}.container .offset-by-seven{padding-left:441px}.container .offset-by-eight{padding-left:504px}.container .offset-by-nine{padding-left:567px}.container .offset-by-ten{padding-left:630px}.container .offset-by-eleven{padding-left:693px}.container .offset-by-twelve{padding-left:756px}.container .offset-by-thirteen{padding-left:819px}.container .offset-by-fourteen{padding-left:882px}.container .offset-by-fifteen{padding-left:945px}@media only screen and (min-width: 768px) and (max-width: 1007px){.container,.page-body-columns{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width: 767px){.container,.page-body-columns{width:320px}.container .columns,.container .column{margin:0}.container .sixteen.columns{width:300px;padding:0 10px}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}@media only screen and (min-width: 480px) and (max-width: 767px){.container,.page-body-columns{width:420px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:400px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} #searcharea form, #searcharea .searchbutton{margin-bottom:0;} #searcharea input{font-size:14px; color:#000; display:inline; vertical-align:middle;} body{background:#fff;font:400 14px/21px "Montserrat", Helvetica, sans-serif; color:#000; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; max-width:100%; overflow-x:hidden;} img{max-width:100%; height:auto;} .mobileshow{display:none;} img{max-width:100%; height:auto;} /* defaults */ a{color:#000; text-decoration:none;} a:hover{text-decoration:none; color:#2b6088;} .logo img{max-width:99%; height:auto; vertical-align:middle;} /* Header A (#headera) */ #headera .headertop{padding:0; background:#4177a0; height:48px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;} #headera .headertop:before{background:#4177a0; height:100%; width:100%; content:''; position:absolute; top:0; left:-100%; visibility:visible;} #headera .headertop:after { /*background:#2b6088;*/ background: #4177a0; height:100%; width:100%; content:''; position:absolute; top:0; left:100%; visibility:visible; } #headera ul.headerlinks{margin:0; padding:10px 0;} #headera ul.headerlinks li{list-style:none; padding:0; margin:0; display:inline; line-height:13px; vertical-align:middle;} #headera ul.headerlinks li:first-child {height:28px; line-height:28px; border-right:1px solid #6c9cc1; display:inline-block; margin-right:8px;} #headera ul.headerlinks li a{border-left:solid 1px #304e65; text-decoration:none;padding:0px 4px 0 7px; display:inline; font-weight:700; color:#fff; font-size:13px; font-family: "Montserrat", Helvetica, sans-serif;} #headera ul.headerlinks li:first-child a{border-left:none; padding-left:20px; font-size:16px; font-family: "Open Sans", Helvetica, sans-serif; color:#fff; padding-right:16px; line-height:28px; height:28px; border-right:1px solid #304e65; background:url(/lib/yhst-131886598134880/icon-phone.jpg) no-repeat 0 50%; display:inline-block;} #headera ul.headerlinks li:nth-child(2) a {border-left:0;} #headera ul.headerlinks li a:hover{text-none; color:#97bdda;} #headera #loginarea{font-size:14px;} #headera #cartarea{background:#2b6088 url(/lib/yhst-131886598134880/bg-cart.jpg) no-repeat 0 0; height:48px;} #headera #cartarea a{} #headera #cartarea a.viewlink{float:right; text-decoration:none; display:none; padding:4px 12px; background:#fff; border:1px solid #e02a00; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; box-shadow: 0 0 1px 0 #000; -webkit-box-shadow: 0 0 1px 0 #000; -moz-box-shadow: 0 0 1px 0 #000; color:#e02a00; font-family: "Open Sans", Helvetica, sans-serif; text-transform:uppercase; font-weight:700; margin-top:9px;} #headera #headerhtml{line-height:43px;} #headera #headerhtml a{font-size:23px; font-weight:bold; color:#000; text-decoration:none;} #headera #headerhtml img {vertical-align:middle; margin:0 7px;} #headera #searcharea .searcharea{background-color:#f5f5f5; border-radius:22px; border-left:solid 1px #c0c0c0; border-top:1px solid #c0c0c0; } #headera #searcharea #query{background:none;width:223px; padding:12px 10px 13px 20px; border:none; color:#6a6a6a;} #headera #smicons{padding-top:10px;} #headera #smicons img{margin-left:1px;} #headera #responsive-icons{padding-top:10px;} #headera #responsive-icons img{margin:0 3px;} #headera #headermid {height:51px;} #headera #headermid .logo {line-height:43px;} #headera #headerbot {height:68px; background: linear-gradient(180deg, rgb(62,62,62) 0%, rgb(53,53,53) 50%, rgb(43,43,43) 100%); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #headera #headerbot .headercats {padding: 5px 0; text-align:center;} #headera #headerbot .headercats a {text-transform:uppercase; color:#fff; font-family:'Open Sans', Helvetica, sans-serif; font-size:14px; border-left:1px solid #0f0f0f; border-right:1px solid #606060; white-space:nowrap; display:inline-block; vertical-align:middle; padding:5px 12px; text-decoration:none; font-weight:700;} #headera #headerbot .headercats a:first-child {border-left: 0; padding-left:0;} #headera #headerbot .headercats a:last-child {border-right: 0; padding-right:0;} #headera #headerbot .headercats a:hover {color:#97bdda; text-decoration:none;} .smb-mc .mini_msg, .smb-mc .mini_item_count, .smb-mc .mini_subtotal {font-family:"Montserrat", Helvetica, sans-serif; font-size: 14px; font-weight:400; color:#fff; margin-bottom: 8px;} .smb-mc .mini_subtotal {padding-right: 115px; padding-left:7px; border-left:1px solid #204a69; margin-left:7px;} .smb-mc .mini_msg {position:absolute; top:9px; right:0; padding:4px 12px; background:#fff; border:1px solid #e02a00; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; box-shadow: 0 0 1px 0 #000; -webkit-box-shadow: 0 0 1px 0 #000; -moz-box-shadow: 0 0 1px 0 #000; color:#e02a00; font-family: "Open Sans", Helvetica, sans-serif; text-transform:uppercase; font-weight:700;} #yfc_mini {padding:13px 0; position:relative; background:url(/lib/yhst-131886598134880/icon-cart.jpg) no-repeat 35px 50%; height:48px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .smb-mc .minicart_c1 {height:29px;} .smb-mc .minicart_c1.minicart_c2 {background-color:transparent;} .smb-mc .mini_align {height:29px;} #yfc_fc-panel_c {padding-top:8px;} .smb-fc #yfc_close_btn {color: #ffffff; background-color:#2b6088; left:38px !important; top:-26px !important; font-size:14px !important; padding:6px;} .smb-fc #yfc_close_btn.close_btn_hover {color:#97bdda; border:0;} .smb-fc .yui-panel, .smb-fc .yui-panel .bd, .smb-fc .yui-panel .bodybg {background-color:#2b6088 !important; border-color:#2b6088 !important;} .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle, .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {background-color:#4177a0 !important;} /* responsive navigation */ .responsive-nav {padding-bottom:8px;border-bottom:ridge 2px #006484; text-align:left; padding:5px; background-color:#CBCBCB; border-radius:3px;} .nav, .responsive-nav ul, .responsive-nav li {list-style: none;} .responsive-nav ul {padding: 0;margin: 0 0 0 18px;} .responsive-nav {padding: 0px;margin: 0px;} .responsive-nav li {margin-bottom:0;border-top: dotted 1px #2b6088;padding:2px 0;padding-top:3px;} .responsive-nav li:first-child {border-top:none;} .responsive-nav > li {margin: 2px 0;} .responsive-nav > li li {margin: 2px 0;} .responsive-nav a {color: #333;display: block;outline: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-decoration: none;} .responsive-nav a .caret, .togglenav .caret {float: right;width: 0;height: 0;display: inline-block;vertical-align: top;border-top: 4px solid #000;border-right: 4px solid transparent; border-left: 4px solid transparent;content: "";margin-top: 8px;margin-left: 2px;} .responsive-nav a:hover .caret {border-top-color: #fff;} .responsive-nav li.open > a > .caret {border-top: none;border-bottom: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;} .responsive-nav li.open > a:hover > .caret, .responsive-nav li.open > a > .caret, .togglenav.active caret {border-bottom-color: #fff;} .caret2 {border-bottom-color: #fff;float: right;width: 0;height: 0;display: inline-block;vertical-align: top;border-bottom: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;content: "";margin-top: 8px;margin-left: 2px;} .responsive-nav a:hover, .responsive-nav li.active > a, .responsive-nav li.open > a {background-color: #2b6088;color: #fff;} .responsive-nav ul a:hover {background-color:#f2f2f2;color:#000;} .responsive-nav > li.active > a {background-color: #2b6088;} .responsive-nav li a {font-size: 12px;line-height: 18px;padding: 4px 5px;} .responsive-nav > li > a {font-size: 12px;line-height: 20px;padding: 4px 10px;} /* Two Column Navigation */ #navcontainer.navbody{padding-bottom:12px;} #navcontainer.navbody .navheader{margin:0 0 10px; text-transform:uppercase; font-weight:700; font-size:17px; color:#fff; padding:14px 12px; font-family: "Open Sans", Helvetica, sans-serif; background:#2b6088 url(/lib/yhst-131886598134880/bg-category-header.jpg) no-repeat 100% 0; height:48px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #navcontainer.navbody .cat-nav{padding:0; margin:0; z-index: 9999; position: relative;} #navcontainer.navbody .cat-nav li{border-top:solid 1px #d2d1d1; list-style:none; margin:0; padding:0; content:"\2014 \0020"; position:relative;} #navcontainer.navbody .cat-nav li:first-child{border-top:none;} #navcontainer.navbody .cat-nav li:before {content:''; position:absolute; top:15px; margin-top:-2px; left:15px; height:6px; width:6px; background:#e02a00; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden;} #navcontainer.navbody .cat-nav li a{padding:7px 5px 7px 28px; display:block; text-decoration:none; color:#000; font-size:14px;} #navcontainer.navbody .cat-nav > li:hover > a, #navcontainer.navbody .cat-nav li a:hover{text-decoration:none; color:#2b6088;} #navcontainer.navbody .cat-nav > li > ul {display:none; position:absolute; width:100%; left:100%; padding:15px 12px; background:#fff; border:1px solid #d2d1d1; top:-1px; margin:0;} #navcontainer.navbody .cat-nav > li:hover:after {content:''; height:100%; width:1px; background:#fff; overflow:hidden; position:absolute; top:0; left:100%;} #navcontainer.navbody .cat-nav > li > ul li {margin:0;} #navcontainer.navbody .cat-nav > li:hover > ul {display:block;} /* Sales/shipping offer */ #headera #saleoffer{border:solid 1px #C1C1C1;background-color:#E2E2E2;font-size:18px; text-align:center; padding:10px; 0;} #headera #saleoffer span{font-weight:bold;} /* Footer A */ #footera #footerborder{margin-top:18px;} #footera h2.pagebanner{font-size:16px; text-transform:uppercase; color:#2b6088; font-family:"Open Sans", Helvetica, sans-serif;} #footera .newstext{padding:10px 10px 16px 0;} #footera .newswrap{background-color:#fff; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-left:solid 1px #cbcbcb; border-top:1px solid #cbcbcb; width:90%; position:relative;} #footera .newswrap input{display:inline; vertical-align:middle;} #footera #newsletter-email{background:none; width:100%; padding:13px 50px 14px 20px; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #footera #newsletter-go {position:absolute; top:4px; right:4px;} #footera a.privacy{text-decoration:none; color:#2b6088;} #footera a.privacy:hover{text-decoration:underline; color:#2b6088;} #footera #ftsmicons a{display:block; text-decoration:none; padding:12px 0; border-bottom:solid 1px #c7c7c7;} #footera #ftsmicons a.first{padding-top:2px;} #footera #ftsmicons img{margin-right:10px; vertical-align:middle;} #footera .footerlinks{margin:0; padding:0; float:left; width:100%;} #footera .footerlinks li{list-style:none; padding:0; margin:0; width:50%; border-bottom:solid 1px #c7c7c7; float:left;; height:19px; padding:10px 0;} #footera .footerlinks li:first-child, #footera .footerlinks li:nth-child(2){padding-top:12px;} #footera .footerlinks li a{display:block; float:left; font-weight:400; text-decoration:none; color:#000;} #footera .footerlinks li a:hover {color:#2b6088; text-decoration:none;} #footera #badges img{vertical-align:middle; margin-right:8px; margin-bottom:2px;} #footera #copyright{font-size:13px; padding-top:5px; color:#fff;} #footera #copyright a{color:#fff; text-decoration:none;} #footera #copyright a:hover{text-decoration: underline;} #footera #company {padding-bottom: 12px; border-bottom: 1px solid #c7c7c7;} #footera #company h2.pagebanner {margin-bottom:21px;} #footera #company p {margin-bottom:0; line-height:23px; height:23px; display:block; color:#000;} #footera #company p:nth-child(4), #footera #company p:nth-child(8) {position:relative;} #footera #company p:nth-child(4):before, #footera #company p:nth-child(8):before {position:absolute; content:''; top:50%; left:0; width:100%; height:1px; overflow:hidden; background:#c7c7c7;} #footera #company p span {color:#2b6088; margin-right:5px;} #footera #company p a {text-decoration:none; color:#000;} #footera #company p a:hover {color:#2b6088;} #footera #footertop {margin-bottom:0; position:relative; background:#f2f2f2; height:270px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:35px;} #footera #footertop:before, #footera #footertop:after {content:''; background:#f2f2f2; position:absolute; left:-100%; top:0; width:100%; height:100%; visibility:visible;} #footera #footertop:after {left:100%;} #footera #footermid {margin-bottom:0; position:relative; background:#262626 url(/lib/yhst-131886598134880/bg-header-cats.jpg) repeat-x 0 0; height:95px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:22px;} #footera #footermid:before, #footera #footermid:after {content:''; background:#262626 url(/lib/yhst-131886598134880/bg-header-cats.jpg) repeat-x 0 0; position:absolute; left:-100%; top:0; width:100%; height:100%; visibility:visible;} #footera #footermid:after {left:100%;} #footera #footerbot {margin-bottom:0; position:relative; background:#2b6088; height:82px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:24px;} #footera #footerbot:before, #footera #footerbot:after {content:''; background:#2b6088; position:absolute; left:-100%; top:0; width:100%; height:100%; visibility:visible;} #footera #footerbot:after {left:100%;} /*** Testimonials ***//* The Header and link need to be changed to columns in the RTML for B and C */ #scTestimonials {color:#fff; font-size:14px; padding-top: 3px; line-height: 24px;} #scTestimonials a {color:#fff;} #scTestimonials blockquote{margin:0; padding:0;} #scTestimonials p{display:inline;} #scTestimonials p.author:before {content: '-'; padding-left:7px; padding-right:7px; display:inline;} .submit-testimonial td{padding:5px;} .testisingle span {display: block; font-weight: bold; padding-top:5px; } .testiHd{font-weight:700; line-height:28px; font-size:15px; font-family:"Open Sans", Helvetica, sans-serif; text-transform:uppercase; color:#fff;} .testiViewAll a{display: block; color:#6aa0c9; font-size:13px;} .testiViewAll a:hover{text-decoration:underline;} /* #Page Styles ================================================== */ /* Default Homepage */ #caption .caption {padding: 5px 15px 30px;} #caption .caption h3 {font-size:14px;} .welcomeimage{border:solid 1px #C1C1C1;} .welcomeimage img{max-width:100%; height:auto; display:block;} /* pretty neat that we don't need more default styles huh /* /* Contents area */ #contents-table div{text-align:center; line-height: 24px; overflow: hidden;} #contents-table .imgCell {position:relative; height:232px; width:100%;} #contents-table .imgCell img{max-width:99%; height:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); position:absolute; top:50%; left:50%;} #contents-table .infoCell .name {padding-bottom: 10px;} #contents-table .infoCell a{text-decoration:none; font-weight:700; color:#000;} #contents-table .infoCell a:hover{text-decoration:none; color:#2b6088;} #contents-table .infoCell .price-bold{font-weight:400; color:#666666;} #contents-table .infoCell .price span{text-decoration:line-through;} #contents-table .infoCell .price-bold span, #contents-table .infoCell .sale-price-bold span {font-weight:700; color:#ff0000;} #contents-table .infoCell .moreinf a {display:inline-block; padding:2px 12px; background:#fff; border:1px solid #2b6088; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#2b6088; font-family: "Open Sans", Helvetica, sans-serif; text-transform:uppercase; font-weight:700; margin-top:16px;} #contents-table .contents-line-spacer {clear:both; border-top:1px solid #c7c7c7; margin-bottom:0;} #contents-table .contents-row {padding-bottom: 24px;} /* Page Banner */ h1.pagebanner{background-color:#fff; padding:10px 15px; font-weight:bold; color:#2b6088; margin-top:0; font-size:18px; text-transform:uppercase; font-family:"Open Sans", Helvetica, sans-serif; border-bottom:1px solid #c7c7c7;} #ft-items h1.pagebanner {height:48px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#4177a0 url(/lib/yhst-131886598134880/bg-page-banner.jpg) no-repeat 0 0; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-bottom:0;} /* Section Page */ .sectinfo {padding:5px 15px;} .sectinfo img{float:left; margin:0 15px 15px 0;} /* Breadcrumbs */ .scBreadcrumbs.row{padding:0 15px 10px; border-bottom:solid 1px #c7c7c7;} /* Item Page */ #item-image img {max-width:95%;height:auto;} #item-info h1.pagebanner{background:none; color:#000; padding-left:0;} #product-info-table .row{border-top:dotted 1px #999;margin:0; padding:5px 0;} #product-info-table .row:first-child{border:none;} #product-info-table .row.price .pitlabel, #product-info-table .row.price {text-decoration:none;} #product-info-table .row.sale-price {color:#ff0000} #product-info-table .row.price, #product-info-table .row.price-bold {color:#444444;text-decoration:none;} #product-info-table .row.price{text-decoration:underline;} #product-info-table #atcrow {padding:10px 0px;text-align:right;border-bottom:none;padding-right:10px;} #product-info-table .pitlabel{font-weight:bold;} #product-info-table select {width:185px;margin:0;} #product-info-table input {margin:0;width:auto;vertical-align:middle;} #atcrow input{display:inline;margin:5px 8px;} #pitYouSaveBx {font-weight:normal;padding-left:12px;} #product-info-table #atcrow .order-button {padding:7px 20px; background:#fff; border:1px solid #e02a00; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; color:#e02a00; font-family: "Open Sans", Helvetica, sans-serif; text-transform:uppercase; font-weight:700; display:inline-block; font-size:16px;} .sc-addthis{margin: 10px 0;padding-left: 50px;} /* related links */ ul.seo-links{float:left; width:90%;} ul.seo-links li{ list-style:inside; width:40%; float:left;margin-left:20px;padding-right:30px;} ul.seo-links li a{text-decoration:none;} ul.seo-links li a:hover{text-decoration:underline;} /* Go to Top Button */ .go-top {position: fixed;bottom: 0;right: 0;text-decoration: none;color: #fff;background-color: rgba(0, 0, 0, 0.3);font-size: 12px;padding: 1em;display: none;} .go-top:hover {background-color: rgba(0, 0, 0, 0.6);} /* Click to Enlarge */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.fancybox-opened {z-index: 8030;}.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-outer, .fancybox-inner {position: relative;}.fancybox-inner {overflow: hidden;}.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}.fancybox-error {color: #444;font: 14px/20px "Montserrat", "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}.fancybox-image {max-width: 100%;max-height: 100%;}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(/lib/yhst-131886598134880/fancybox-sprite.png);}#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}#fancybox-loading div {width: 44px;height: 44px;background: url(/lib/yhst-131886598134880/fancybox-loading.gif) center center no-repeat;}.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(/lib/yhst-131886598134880/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}.fancybox-prev {left: 0;}.fancybox-next {right: 0;}.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}.fancybox-prev span {left: 10px;background-position: 0 -36px;}.fancybox-next span {right: 10px;background-position: 0 -72px;}.fancybox-nav:hover span {visibility: visible;}.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}.fancybox-lock {overflow: hidden !important;width: auto;}.fancybox-lock body {overflow: hidden !important;}.fancybox-lock-test {overflow-y: hidden !important;}.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url(/lib/yhst-131886598134880/fancybox-overlay.png);}.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}.fancybox-title {visibility: hidden;font: normal 13px/20px "Montserrat", "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}.fancybox-opened .fancybox-title {visibility: visible;}.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}.fancybox-title-inside-wrap {padding-top: 10px;}.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}.sczoommain{}.sczoominsets img{margin:1px; border:solid 1px #999;}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(/lib/yhst-131886598134880/fancybox-sprite2x.png);background-size: 44px 152px; }#fancybox-loading div {background-image: url(/lib/yhst-131886598134880/fancybox-loading2x.gif);background-size: 24px 24px; }} #zoomicon{display:block; text-align:center;} /* FlexSlider Core (Don't Change) ----------------------------------------------------*/ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0} .slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider{margin:0;padding:0} .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .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} /* FlexSlider Theme Styles ----------------------------------------------------*/ .flexslider{margin:0;background:#fff;position:relative;zoom:1;max-width:484px;} .flex-viewport{max-height:2000px;} .loading .flex-viewport{max-height:300px;} .flexslider .slides{zoom:1;} .carousel li{margin-right:5px;} .flex-control-nav{width:auto;position:absolute;bottom:7px;text-align:center;right:10px;z-index:9999;} .flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{width:17px;height:17px;display:block; background:#2b6088; cursor:pointer;text-indent:-9999px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; position:relative;} .flex-control-paging li a:hover{background:#2b6088;} .flex-control-paging li a.flex-active{background:#2b6088; cursor:default;} .flex-control-paging li a.flex-active:after {content:''; overflow:hidden; width:9px; height:9px; position:absolute; left:50%; top:50%; margin-left:-4.5px; margin-top:-4.5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background:#fff;} /* Custom slide HTML ----------------------------------------------------*/ .flexslider .slides li.slide{position:relative; margin-bottom:0;} .flexslider .slides li.slide .foreground{color:#fff;padding:0;position:absolute;text-align:center;width:100%;z-index:9999;} .flexslider .slides li.slide .foreground a{color:#fff;} .flexslider .foreground a.linkall{display:block; width:100%; height:114px;} /* -- BEGIN: Responsive Tabbed Details -- */ ul.resp-tabs-list {margin: 0px; padding: 0px;} .resp-tabs-list li {display: inline-block; margin: 0; padding: 13px 15px; list-style: none; cursor: pointer; font-weight: bold; font-size: 13px;} .resp-tabs-container {clear: left; padding: 0px; background-color: #fff;} h2.resp-accordion {display: none; padding: 5px; cursor: pointer;} .resp-tab-content {display: none; padding: 15px;} .resp-tab-active {margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; border: 1px solid #c1c1c1; border-bottom: none; background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;} .resp-content-active, .resp-accordion-active {display: block;} .resp-tab-content {border: 1px solid #c1c1c1; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;} h2.resp-accordion {margin: 0px; padding: 10px 15px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1;} h2.resp-tab-active {margin-bottom: 0px !important; padding: 10px 15px !important; border-bottom: 0px solid #c1c1c1 !important;} h2.resp-tab-title:last-child {background: blue; border-bottom: 12px solid #c1c1c1 !important;} /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list {float: left; width: 30%;} .resp-vtabs .resp-tabs-list li {float: none; display: block; margin: 0; padding: 15px 15px !important; cursor: pointer;} .resp-vtabs .resp-tabs-container {clear: none; float: left; padding: 0px; width: 68%; min-height: 250px; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 4px;} .resp-vtabs .resp-tab-content {border: none;} .resp-vtabs li.resp-tab-active {position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; background-color: #fff; border: 1px solid #c1c1c1; border-right: none;} .resp-arrow {float: right; margin-top: 12px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;} h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;} /*-----------Accordion styles-----------*/ h2.resp-tab-active {background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} .resp-jfit {margin: 0px; width: 100%;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block;} .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container {clear: none; float: none; width: 100%; min-height: initial; border: none;} .resp-accordion-closed {display:none !important;} .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} } /* -- END: Responsive Tabbed Details -- */ .about-left, .about-right, .about-greeting, .about-info, .contact-form-row {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .about-left {padding-left:15px;} .about-right {padding-right:15px;} .about-greeting, .about-info, .contact-form-row {padding: 5px 15px;} #info-div input[type="submit"], .contact-form-row input[type="submit"] {padding:4px 12px; background:#fff; border:1px solid #e02a00; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; color:#e02a00; font-family: "Open Sans", Helvetica, sans-serif; text-transform:uppercase; font-weight:700; display:inline-block; font-size:14px;} #info-div {padding: 5px 15px;} #info-div input[type="submit"] {margin-top: 16px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1007px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1007px) { #headera #searcharea #query{width:148px;} #headera #headerhtml{font-size:11px;} #headera #headerhtml a{font-size:19px;} #headera #smicons{padding-top:0; text-align:center;} #headera .headertop .ten.columns {width:556px;} #headera .headertop .six.columns {width:172px;} #headera ul.headerlinks li a {font-size:12px;} #headera ul.headerlinks li:first-child a {padding-left:18px; padding-right:14px; font-size:14px;} #headera #headerhtml img {max-height:25px;} #headera #headerbot .headercats a {font-size:11px; padding:5px 7px;} #headera #cartarea a.viewlink{display:inline-block;} #yfc_mini{display:none;} #footera #badges img{margin-top:10px;} #footera .footerlinks li a{font-size:13px;} #footera .footerlinks li:nth-child(7) a {overflow:hidden; text-indent:-55px;} .mobilehide{display:block;} .mobileshow{display:none;} .container .flexslider.nine.columns{width: 364px;} #navcontainer.navbody .cat-nav li a {font-size:12px; padding-left:15px;} #navcontainer.navbody .cat-nav li:before {left:3px;} #contents-table div {line-height:20px; font-size:13px;} .container .one-third.column {width:172px;} #footera #footertop {padding-top:26px;} #footera #footermid .three.columns {width:172px;} #footera #footermid .thirteen.columns {width:556px;} #footera #footerbot .six.columns {width:316px;} #footera #footerbot .ten.columns {width:412px;} #footera #footerbot {padding-top:16px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .yui-skin-sam{display:none;} #searcharea.mobilehide, .mobilehide {display:none;} #smicons.mobilehide, #headerhtml.mobilehide, #cartarea.mobilehide, #navcontainer.mobilehide, #headera #headerbot .mobilehide{display:none !important;} .mobileshow{display:block;} .logo{text-align:center;} #contents-table .contents-product {border-top:solid 1px #999; padding:15px 0; clear:both; float:left; width:100%;} #contents-table .imgCell{float:left; width:45%; height:180px;} #contents-table .infoCell{float:right; width:53%;} h1.pagebanner{font-size:15px; padding:5px 10px;} .sectinfo img{display:none;} #headera #headermid {height:auto; padding-top: 20px;} #headera #headermid #responsive-icons {padding-top:30px;} #headera #headerbot {margin-top:-80px;} .about-left, .about-right, .about-greeting, .about-info, .contact-form-row {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .about-left {padding-left:10px; padding-right:10px; width:100%;} .about-right {padding-left:10px; padding-right:10px; width:100%;} .about-greeting, .about-info, .contact-form-row {padding: 5px 10px;} #rightbody {margin:0 10px;} #contactform input, #contactform select {width:80% !important;} #footera #badges, #footera #copyright{text-align:center;} #footera #footertop, #footermid, #footerbot {clear:both;} #footera #footertop {height:740px;} #footera #footertop .columns {margin-bottom: 35px;} #footera #footermid {height:240px;} #footera #footermid #scTestimonials {padding-top:20px;} #footera #footerbot {height:124px;} .static-banner {text-align:center; padding-top:20px;} #ft-items h1.pagebanner {padding: 9px 15px;} #contents-table div {line-height: 20px;} #product-info-table .pitlabel.textright {text-align: left;} ul.seo-links li {width:96%;} .resp-tab-content img{max-width:100%; height:auto;} .resp-tab-content embed, .resp-tab-content iframe {max-width:100%;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #footera #footertop {height:760px;} #footera .footerlinks li:nth-child(7) a {overflow:hidden; text-indent:-60px;} #footera #footerbot {height:148px;} #contactform textarea {width:90% !important;} #contactform input[type="submit"] {width: auto !important;} }