/* Shopaholla Stratus Version: 1.0 Author: Shopaholla Author URL: http://shopaholla.com Copyright 2012 - All Rights Reserved Can only be used under original purchase agreement */ /* ---------------------------------------------------------------- Custom Reset -----------------------------------------------------------------*/ 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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} table{border-collapse:collapse;border-spacing:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} ol,ul,li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{font-size:100%;} body{font-size:13px;font-family:arial,helvetica,clean,sans-serif;font-size:small;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;} pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;} :focus{outline:0;} blockquote,q{quotes:none;margin:10px 30px;padding:10px 20px;border-left:5px solid #DFDFDF;background-color:#f6f6f6;font-family:Georgia, 'Times New Romain', serif;font-style:italic;} blockquote:before,blockquote:after, q:before,q:after{content:none;} a{outline:0;text-decoration:none;} input[type=text], input[type=password], input[type=telephone], input[type=tel], input[type=email], textarea{color:#eee;padding:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-clip:padding-box;background:#a0a0a0;font-weight:bold;font-size:12px;border:1px solid #fff;background-clip:padding-box;-webkit-box-shadow: inset 0px 0px 19px 0px #8f8f8f;-moz-box-shadow: inset 0px 0px 19px 0px #8f8f8f;box-shadow: inset 0px 0px 19px 0px #8f8f8f;} input[type=text]:focus, input[type=password]:focus, input[type=telephone]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {background:#555;color:#fff;font-weight:bold;font-size:12px;border:1px solid #fff;background-clip:padding-box;-webkit-box-shadow: inset 0px 0px 19px 0px #555;-moz-box-shadow: inset 0px 0px 19px 0px #555;box-shadow: inset 0px 0px 19px 0px #555;} /* ---------------------------------------------------------------- Commonly Used Styling -----------------------------------------------------------------*/ .floatLeft{float:left;} .floatRight{float:right;} .clearFix{clear:both;} .siteWrapper {width:960px;margin:0 auto;position:relative;} .siteWrapperWide {width:1016px;margin:0 auto;position:relative;} /* ---------------------------------------------------------------- Generic Fonts,Links,Headings,Tables & Inputs Styling -----------------------------------------------------------------*/ body{font-family:'Helvetica Neue', Helvetica, Arial,sans-serif;font-size:13px;font-weight:normal;color:#333;text-rendering: optimizeLegibility;} p{font-size:108%;line-height:20px;color:#333;text-rendering: optimizeLegibility;margin-bottom:20px;} h1,h2,h3,h4,h5,h6{font-family: 'Open Sans',Arial,Helvetica,sans-serif;font-weight:bold;margin-bottom:8px;text-rendering: optimizeLegibility;} h1{font-size:167%;color:#000;} h2{font-size:146.5%;color:#14b4d9;} h3{font-size:131%;color:#000;} h4{font-size:123.1%;color:#14b4d9;} h5{font-size:116%;color:#000;} h6{font-size:100%;color:#14b4d9;} a,a:active,a:link{color:#14b4d9;text-decoration:none;outline:none;} a:visited{color:#12a2c4;text-decoration:none;outline:none;} a:hover,a:focus{color:#000;text-decoration:none;outline:none;-webkit-transition:color .2s linear;} em,i{font-style:italic;} strong,b{font-weight:bold;} #content table{border:1px solid #ddd;border-collapse:collapse;background-color:#fff;width:100%;margin:20px 0;} #content table thead {display: table-header-group;vertical-align: middle;font-weight:bold;background:#f0f0f0;} #content table th{border:1px solid #ddd;padding:5px;background-color:#f0f0f0;} #content table td{border:1px solid #ddd;padding:5px;background-color:#fff;} #copyright {color:#eaeaea;font-size:12px;line-height:47px;margin:0;font-family:Georgia, 'Times New Roman', serif;font-style:italic;} #copyright a:link,#copyright a:visited,#copyright a:active {color:#eaeaea;} #copyright a:focus,#copyright a:hover {color:#14b4d9;} .btnStyle,.btnStyle:link, .btnStyle:visited {background: #d9d9d9 url(buttonsOverlay_1769.png) repeat-x 0 0;display: inline-block;padding: 0 12px;text-align:center;color:#000000;text-decoration: none;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;background-clip:padding-box;text-shadow: 0 -1px 1px #d9d9d9;border:0;border-bottom: 1px solid rgba(0,0,0,0.65);-webkit-box-shadow: inset 1px 1px 0px 0px #b1b1b1;-moz-box-shadow: inset 1px 1px 0px 0px #b1b1b1;box-shadow: inset 1px 1px 0px 0px #b1b1b1;position: relative;cursor: pointer;height:34px;line-height:32px;font-family: 'Open Sans';font-weight:600;margin:0;} .btnStyle:hover,.btnStyle:focus {opacity: 0.95;-moz-opacity: 0.95;filter:alpha(opacity=95);color:#000000;} .btnStyle:active {background-color:#b1b1b1;opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);color:#000000;} .btnStyleDark,.btnStyleDark:link, .btnStyleDark:visited {background: #333 url(buttonsOverlay_1769.png) repeat-x;display: inline-block;padding: 0 12px;text-align:center;color: #fff;text-decoration: none;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;background-clip:padding-box;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border:0;border-bottom: 1px solid rgba(0,0,0,0.65);-webkit-box-shadow: inset 1px 1px 0px 0px #222;-moz-box-shadow: inset 1px 1px 0px 0px #222;box-shadow: inset 1px 1px 0px 0px #222;position: relative;cursor: pointer;height:34px;line-height:32px;font-family: 'Open Sans';font-weight:600;margin:0;} .btnStyleDark:hover,.btnStyleDark:focus {opacity: 0.95;-moz-opacity: 0.95;filter:alpha(opacity=95);color: #fff;} .btnStyleDark:active { background-color:#222;opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);color: #fff;} /* ---------------------------------------------------------------- Fonts, Links, Headings, Tables & Inputs Specific Overrides ----------------------------------------------------------------- */ #pageTitle {font-size:28px;font-weight:600;color:#000;line-height:28px;} #breadcrumb {margin-top:18px;color:#8c8c8c;font-style:italic;font-size:12px;line-height:12px;} #breadcrumb a,#breadcrumb span.separator {color:#c3c3c3;font-style:normal;} /* ---------------------------------------------------------------- Navigation and Lists ----------------------------------------------------------------- */ #utilityNav {height:44px;line-height:44px} #utilityNav li {float:left;margin:0 34px 0 0;} #utilityNav li a,#utilityNav li a:link,#utilityNav li a:active,#utilityNav li a:visited {font-family: 'Open Sans';font-size:11px;color:#fff;font-weight:600;} #utilityNav li a:focus,#utilityNav li a:hover {color:#dddddd;} #utilityNav li.activePage a,#utilityNav li.activePage a:link,#utilityNav li.activePage a:active,#utilityNav li.activePage a:visited,#utilityNav li.activePage a:focus,#utilityNav li.activePage a:hover {color:#dddddd;} #mainNav {height:45px;list-style:none outside;} #mainNav li {float:left;position:relative;} #mainNav li a:link,#mainNav li a:visited {white-space: nowrap;font-family: 'Open Sans';text-transform:uppercase;color:#fff;display:block;font-size:116%;height:45px;line-height:45px;padding:0 35px;height:45px;text-align:center;font-weight:400;background:url(navLi_bkgd_1769.png) no-repeat 0 0;} #mainNav li a:focus,#mainNav li a:hover,#mainNav li:hover a {background-position:0 -45px;} #mainNav li a:active {color:#ddd;background-position:0 -90px;} #mainNav li.activePage a, #mainNav li.activePage a:link, #mainNav li.activePage a:active, #mainNav li.activePage a:visited, #mainNav li.activePage a:focus, #mainNav li.activePage a:hover {background-position:-1px -90px;-webkit-box-shadow: inset 0px 0px 8px 0px #333333;-moz-box-shadow: inset 0px 0px 8px 0px #333333;box-shadow: inset 0px 0px 8px 0px #333333;} #mainNav li ul {display:none;z-index:2000;position:absolute;top:45px;left:0;padding:8px 0;width:100%;max-width:200px;background:#858585;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} #mainNav li ul li {background:0;padding:0;width:100%;max-width:200px;height:auto;margin:0;float:none;} #mainNav li ul li a, #mainNav li ul li a:link, #mainNav li ul li a:active, #mainNav li ul li a:visited, #mainNav li.activePage ul li a, #mainNav li.activePage ul li a:link, #mainNav li.activePage ul li a:active, #mainNav li.activePage ul li a:visited {white-space:normal;text-align:left;color:#fff;padding:7px 15px;line-height:15px;height:auto;font-size:11px;max-width:200px;background:0;-webkit-box-shadow: inset 0px 0px 0px 0px transparent;-moz-box-shadow: inset 0px 0px 0px 0px transparent;box-shadow: inset 0px 0px 0px 0px transparent;} #mainNav li ul li a:focus, #mainNav li ul li a:hover, #mainNav li.activePage ul li a:focus, #mainNav li.activePage ul li a:hover {color:#ddd;} .textile ul,.textile ol {margin:20px 0;} .textile ul ul,.textile ol ol {margin:0 20px;} .textile ul li {list-style:disc outside;margin:0 20px 10px;} .textile ol li {list-style: decimal outside;margin:0 20px 10px;} #socialNav {height:21px;margin-top:12px;} #socialNav li {float:left;margin-left: 12px;} #socialNav li a,#socialNav li a:link,#socialNav li a:active,#socialNav li a:visited {background:url(socialNav_1769.png) no-repeat 0 0;display:block;height:21px;width:21px;text-indent:-9999px;} #socialNav li#facebookLink a,#socialNav li#facebookLink a:link,#socialNav li#facebookLink a:active,#socialNav li#facebookLink a:visited {background-position:0 0;height:21px;width:21px;} #socialNav li#twitterLink a,#socialNav li#twitterLink a:link,#socialNav li#twitterLink a:active,#socialNav li#twitterLink a:visited {background-position:-21px 0;} #socialNav li#emailLink a,#socialNav li#emailLink a:link,#socialNav li#emailLink a:active,#socialNav li#emailLink a:visited {background-position:-42px 0;} /* ---------------------------------------------------------------- Main Theme & Index Template ---------------------------------------------------------------- */ html{min-height:100%;background: #fff;} * html{height:100%;} body{min-height:100%;background: #fff;position:relative;} #headerWrapper {height:185px;min-width:100%;background:url(headerWrapper_bkgd_1769.jpg) repeat-x 0 0;} #topBarWrapper {height:44px;min-width:100%;} #navWrapper {height:45px;min-width:100%;background: #858585 url(navWrapperColor_bkgd_1769.png) repeat 0 0;} #contentWrapper {background: #fff url(contentWrapper_bkgd_1769.jpg) repeat-y center top;min-width:100%;} #footerWrapper {background:#636363 url(footerWrapper_bkgd_1769.jpg) repeat-x 0 0;color:#cacaca;height:197px;min-width:100%;} #contactInfo .adr, #contactInfo .tel, #contactInfo .email {color:#d9d9d9;font-size:12px;line-height:19px;font-style:italic;font-family:Georgia,"Times New Roman",serif;} #contactInfo a {color:#d9d9d9;} #contactInfo h3 {text-transform:uppercase;margin-top:25px;color:#fff;font-size:15px;} #newsletter {width:266px;height:150px;background:url(newsletterBkgd_1769.jpg) no-repeat 0 0;padding:0 17px;position:relative;margin-left:20px;} #newsletter #mc_embed_signup label {text-transform:uppercase;margin:25px 0 15px 0 !important;color:#fff;font-size:15px;font-family: 'Open Sans',Arial,Helvetica,sans-serif;font-weight:bold;display:block;width:100%;text-align:left;} #newsletter #mc_embed_signup input.email {width:172px;height:18px;border:0;padding:10px;font-style:italic;font-weight:normal;font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:12px;background:url(signUpBkgd_1769.png) no-repeat 0 0;-webkit-box-shadow: 0px 0px 0px #000;-moz-box-shadow: 0px 0px 0px #000;box-shadow:0px 0px 0px #000;outline:0;} #newsletter #mc_embed_signup input.email:focus {background-position:0 -38px;-webkit-box-shadow: 0px 0px 0px #000;-moz-box-shadow: 0px 0px 0px #000;box-shadow:0px 0px 0px #000;} #mc-embedded-subscribe{height:27px;width:62px;position:absolute;top:64px;right:17px;border:0;background:0;padding:0;outline:0;text-indent:-9999px;color:transparent;text-transform:uppercase;background:url(newsletterSignup_1769.png) no-repeat 0 0;cursor:pointer;} #mc-embedded-subscribe:focus,#mc-embedded-subscribe:hover {background-position:0 -27px;} #paymentsAndSocial {margin:22px 0 0;} .twitter-follow-button {width:90px !important;} #paymentMethods {text-align:right;} #footerSocial {float:right;width:210px;height:24px;margin-top:5px;} #logoWrapper {height:140px;line-height:140px;max-width: 600px;overflow:hidden;float:left;} #logo img {display:inline;width:100%;vertical-align:middle;} #logoText {color:#000;height:140px;line-height: 140px;} #logoTextLink {display:block;width:auto;font-size:30px;text-transform:uppercase;white-space:nowrap;} #mainCol {width:606px;padding:40px 0;} #sideCol {width:296px;padding:40px 0;} #yourCart,#yourCart:link,#yourCart:visited {position:relative;display:block;width:100px;height:29px;color:#000000;line-height:27px;background: #d9d9d9 url(yourCart_1769.png) no-repeat right center;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;border:1px solid #b1b1b1;border-bottom:0;border-top:0;background-clip:padding-box;border-left:0px;-webkit-box-shadow: inset 1px -1px 0px 0px #b1b1b1;-moz-box-shadow: inset 1px -1px 0px 0px #b1b1b1;box-shadow: inset 1px -1px 0px 0px #b1b1b1;} #yourCart:focus,#yourCart:hover {opacity: 0.95;-moz-opacity: 0.95;filter:alpha(opacity=95);} #yourCart:active {background-color:#b1b1b1;-webkit-box-shadow: inset 1px -1px 0px 0px #b1b1b1;-moz-box-shadow: inset 1px -1px 0px 0px #b1b1b1;box-shadow: inset 1px -1px 0px 0px #b1b1b1;opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);} #itemCount {width:69px;text-align:center;display:block;height:29px;line-height:27px;color:#000000;font-family:'Open Sans';font-weight:600;font-size:12px;font-style:italic;} #visitCart {width:31px;height:29px;display:block;text-indent:-9999px;background:url(visitCart_1769.png) no-repeat center 6px;} #searchWrapper {margin:30px 0 0;position:relative;height:50px;} #searchWrapper #searchInput {float:left;background:#a0a0a0;color:#fff;font-weight:400;font-size:12px;padding:7px 12px;height:19px;width:135px;border:1px solid #fff;background-clip:padding-box;-webkit-box-shadow: inset 0px 0px 19px 0px #8f8f8f;-moz-box-shadow: inset 0px 0px 19px 0px #8f8f8f;box-shadow: inset 0px 0px 19px 0px #8f8f8f;} #searchWrapper #searchInput:focus {background:#666;-webkit-box-shadow: inset 0px 0px 19px 0px #555;-moz-box-shadow: inset 0px 0px 19px 0px #555;box-shadow: inset 0px 0px 19px 0px #555;} #searchWrapper #searchButton {text-indent: -9999px;float:left;border:0;padding:0;width:13px;height:13px;background:url(searchButton_1769.png) no-repeat 0 0;margin-top:10px;margin-left:-22px;color: transparent;text-transform: capitalize;} #searchInput::-webkit-input-placeholder, #searchInput::-moz-input-placeholder {color:#ddd;} #searchWrapper #searchButton:active,#searchWrapper #searchButton:focus,#searchWrapper #searchButton:hover {cursor:pointer;} #utilityBarWrapper {min-width:100%;height:79px;background:url(utilityBarWrapper_bkgd_1769.jpg) repeat-x 0 0;border-bottom:1px solid #fff;} #utilityBarRight {padding:26px 0 0;} /* ---------------------------------------------------------------- Home Billboard Styling ---------------------------------------------------------------- */ #billboardWrapper {height:366px;min-width:100%;position:relative;background:url(billboardWrapperDark_bkgd_1769.jpg) repeat-x 0 0;} #billboard {height:366px;width:960px;position:relative;background:#000;} #billboardNav {position:absolute;bottom:25px;right:35px;z-index:110;} #billboardNav a {height:10px;float:left;width:10px;background:#fff;margin:0 0 0 6px;display:block;text-indent:-9999px;opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;} #billboardNav a.activeSlide {opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);} .slide {height:366px;width:960px;display:none;} .slide img {position:absolute;top:0;left:0;z-index:90;} .slideDetails {position:absolute;top:0;right:0;z-index:100;width:245px;height:286px;padding:40px 25px; background: -moz-linear-gradient(top, rgba(254,254,254,0.8) 0%, rgba(229,229,229,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0.8)), color-stop(100%,rgba(229,229,229,0.7))); background: -webkit-linear-gradient(top, rgba(254,254,254,0.8) 0%,rgba(229,229,229,0.8) 100%); background: -o-linear-gradient(top, rgba(254,254,254,0.8) 0%,rgba(229,229,229,0.8) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,0.8) 0%,rgba(229,229,229,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3fefefe', endColorstr='#b3e5e5e5',GradientType=0 ); background: linear-gradient(top, rgba(254,254,254,0.8) 0%,rgba(229,229,229,0.8) 100%);} .slideDetails .slideTitle {color:#14b4d9;font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size:23px;margin-bottom:20px;font-weight:bold;font-style:italic;} .slideDetails .slideText {color:#111;font-family:Arial,'Helvetica Neue',Helvetica, sans-serif;font-size:14px;line-height:20px;} .slideDetails .slideLink {margin-top:10px;} .slideDetailsWide {position:absolute;bottom:0;left:0;z-index:100;background:url(slideDetailsWide_1769.png) no-repeat 0 0;width:890px;height:85px;padding:25px 35px;} .slideDetailsWide .slideTitle {color:#fff;font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size:23px;font-weight:bold;font-style:italic;} .slideDetailsWide .slideText {width:620px;color:#fff;font-family:Arial,'Helvetica Neue',Helvetica, sans-serif;font-size:13px;line-height:18px;} .slideDetailsWide .slideLink {position:absolute !important;bottom:50px;right:35px;z-index:100;} /* ---------------------------------------------------------------- Collections Layout ---------------------------------------------------------------- */ #collectionCol {background:#fff;padding:40px 0;} #collectionDescription {background:#fff url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/collectionDescription_bkgd.jpg?1769) no-repeat center bottom;font-family:'Open Sans';color:#787878;font-family:'Open Sans';line-height:22px;margin:0 0 0 28px;padding-bottom:20px;} #collectionDescription p {color:#787878;font-family:'Open Sans';line-height:22px;} #collectionListing {list-style:none;margin-top:50px;} #collectionListing .collectionItem {float:left;position:relative;margin:0 28px 56px !important;width:198px;list-style:none;height:230px;} .onSale {width:37px;height:18px;line-height:16px;text-align:center;color:#fff;position:absolute;top:0px;right:0px;z-index:999;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;font-size:10px;font-weight:bold;background: #b5e572; background: -moz-linear-gradient(top, #b5e572 0%, #8fbf4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e572), color-stop(100%,#8fbf4c)); background: -webkit-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); background: -o-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); background: -ms-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e572', endColorstr='#8fbf4c',GradientType=0 ); background: linear-gradient(top, #b5e572 0%,#8fbf4c 100%);} .collectionItemImage {width:196px;height:196px;border:1px solid #ccc;overflow:hidden;background:#fff url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/loading.gif?1769) no-repeat center 74px;position:relative;text-align:center;} .collectionItemImage a {display:block;height:196px;width:196px;} .collectionItemImage img {display:none;} .collectionItemDetails {height: 32px;padding: 9px 0 0;width: 198px;} .price {color:#999;float:right;margin:1px 0 0;line-height:13px;margin-bottom:15px;width:58px;text-align:right;} .oldPriceCollection {font-weight:normal;font-style:italic;color:#aaa;text-decoration: line-through;font-size:11px;} .collectionItemCollection {font-size:12px;font-style:italic;color:#999;margin-top:3px;} .collectionItemDetails h3 {color:#14b4d9;font-family: 'Open Sans';font-size:13px !important;line-height:13px;font-weight:600;margin:0;width:140px;} .collectionItemDetails h3 a{color:#14b4d9;} #sortBy {width:160px;margin:26px 0 0;} #pagination {margin:3px 30px 0 0;} #pagination .current, #pagination a {font-family: 'Open Sans';font-size:14px !important;font-weight:400;margin:0 0 0 12px;} #listStyleBorder {width:1016px;height:1px;background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/collectionListing_List_bkgd.jpg?1769) no-repeat center bottom;padding:0;margin:0;} #collectionListing_List {list-style:none;width:1016px;background:#fff url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/collectionListing_List_bkgd.jpg?1769) repeat-y center top;overflow:hidden;padding:0;margin:0;} #collectionListing_List .collectionItem {float:left;position:relative;height:196px;padding:35px 0;margin:1px 1px 1px 29px !important;width:478px;list-style:none;overflow:hidden;background:#fff;} #collectionListing_List .onSale {left:161px;top:35px;} #collectionListing_List .collectionItemImage {float:left;} #collectionListing_List .collectionItemDetails {float:left;margin-left:25px;padding:0;width:224px;height:198px;} #collectionListing_List .collectionItemDetails h3 {margin-bottom:0px;width:165px;} #collectionListing_List .collectionItemCollection {float:left;} #collectionListing_List .productExcerpt {margin:10px 0 15px;} /* ---------------------------------------------------------------- Home Featured Product Slider Styling ---------------------------------------------------------------- */ #subFeaturesProductsWrapper {position:relative;width:960px;margin-bottom:15px !important;} #subFeaturesProductsWrapper li {margin-bottom:0 !important;} #subFeaturesProductsWrapper .collectionItem {display:none;} #subFeaturesProductsWrapper .jcarousel-item {display:block;} .jcarousel-clip{max-height:300px;width:960px;position:relative;margin:0 auto;overflow:hidden;} .jcarousel-container {position:relative;max-height:300px;width:960px;} #subFeaturesListing{list-style:none !important;} .subFeaturesListingItemImage img {height:150px;} #subFeaturesProductsWrapper #collectionListing {margin-left:31px;position:absolute;width:2000em;} .subFeaturesItem, .jcarousel-item {float:left;margin:0 56px 56px 0 !important;width:198px;list-style:none;} .subFeaturesItemImage {width:196px;height:196px;border:1px solid #ccc !important;overflow:hidden;background:#fff url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/loading.gif?1769) no-repeat center 74px;position:relative;text-align:center;} .subFeaturesItemImage a {display:block;width:196px;height:196px;} .subFeaturesItemImage img {display:none;} .subFeaturesItemDetails {height: 32px;padding: 9px 0 0;width: 198px;} .oldPricesubFeatures {color:#777;text-decoration: line-through;margin-right:5px;font-size:12px;} .subFeaturesItemDetails h3 {color:#14b4d9;font-family: 'Open Sans';font-size:13px !important;line-height:13px;font-weight:600;margin:0;width:140px;} .subFeaturesItemDetails h3 a{color:#14b4d9;} #subFeatures {background: #242424 url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/subFeaturedWrapperDark_bkgd.jpg?1769) repeat-x 0 0;min-width:100%;position:relative;overflow:hidden;} #subFeaturesTitle {position:relative;padding:30px 0;color:#fff;font-family: 'Open Sans';font-weight:400;text-transform:uppercase;margin:0 !important;text-shadow:0 1px 0px #000;} a#prev, a#prev:link {background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/subFeaturesControlsDark.png?1769) no-repeat 0 0;display:block;text-indent:-9999px;height:14px;width:9px;position:absolute;top:-51px;left:228px;} a#next, a#next:link {background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/subFeaturesControlsDark.png?1769) no-repeat -9px 0;display:block;text-indent:-9999px;height:14px;width:9px;position:absolute;top:-51px;left:247px;} .subFeaturesItemImage {border:1px solid #000 !important;} .jcarousel-next-disabled, .jcarousel-prev-disabled {opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60);cursor:default;} /* ---------------------------------------------------------------- Products Layout ---------------------------------------------------------------- */ .productImageWrapper{width:284px;overflow:hidden;list-style:none;margin:0 0 8px 0;} .productImage{background:#fff;width:284px;overflow:hidden;position:relative;text-align:center;} .productImage img {display:inline;border:1px solid #ddd;width:282px;} .productThumbs {display:block;list-style:none;width:300px;overflow:hidden;} .productThumbWrapper {border:1px solid #ddd;width:87px;height:87px;margin: 0px 8px 8px 0;overflow:hidden;float:left;background:#fff;list-style:none !important;} .productThumbWrapper img {display:block;width:87px;text-align:center;} #productTitle {font-size:22px;font-weight:600;font-family:'Open Sans';line-height:24px;margin-bottom:2px;} .onSaleProduct {margin:3px 0 0;padding:3px 6px 4px;text-align:center;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:10px;font-weight:bold;background: #b5e572; background: -moz-linear-gradient(top, #b5e572 0%, #8fbf4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e572), color-stop(100%,#8fbf4c)); background: -webkit-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); background: -o-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); background: -ms-linear-gradient(top, #b5e572 0%,#8fbf4c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e572', endColorstr='#8fbf4c',GradientType=0 ); background: linear-gradient(top, #b5e572 0%,#8fbf4c 100%);} #productVendor {font-size:12px;font-style:italic;font-family:'Open Sans';color:#888;margin-bottom:20px;height:12px;display:block;} span#productPrice {font-size:20px;color:#8fbf4c;font-family:'Open Sans';font-weight:600;} span#oldPrice {font-size:12px;color:#aaa;text-decoration: line-through;font-family:'Open Sans' !important;font-weight:700 !important;} #productOptionsWrapper{margin: 30px 0px;} .selector-wrapper {clear:both;margin: 0 0 30px 0;height:26px;display:block;width:282px;} .selector-wrapper label {font-family:'Open Sans';font-size:14px;font-weight:400;height:24px;line-height:24px;margin-right:20px;width:100px;color:#000;float:left;} .selector-wrapper select {float:right;font-weight:400;} #productBuy {margin:20px 0 0;} .disabled {-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);cursor:default;} #productDetails {width:282px;} #productDescription {margin-top:30px;font-size:108%;line-height:20px;padding-bottom:30px;} #productTags {clear:both;line-height:25px;} #productTags span {text-indent:-9999px;display:block;float:left;height:17px;width:13px;background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/tagsIcon.gif?1769) no-repeat 0 0;margin:5px 15px 0 0;} #productTags ul li {float:left;margin-right:3px;} #productTags ul li a,#productTags ul li a:link,#productTags ul li a:active,#productTags ul li a:visited {color:#14b4d9;font-size:12px;font-weight:400;font-family:'Open Sans';padding-right:2px;} #productTags ul li a:focus,#productTags ul li a:hover {color:#000;} #facebookCommentsTitle {font-weight:600;font-family:'Open Sans';padding: 30px 0px 12px;border-top:1px dashed #ccc;margin:30px 0 0;text-transform:uppercase;} .addthis_toolbox {margin:6px 0 0 30px;} /* ---------------------------------------------------------------- Shopping Cart ---------------------------------------------------------------- */ .cartCol {padding-left:30px !important;} #cartEmpty {margin:0 0 30px 25px;font-weight:bold;} #cartStuff {padding-right:30px;} #shoppingCart {padding:30px;} #shoppingCart h1 {margin-bottom: 10px;text-transform: uppercase;} #shippingWeightError {padding:10px;font-weight:bold;color:#990000;background:#F4DFDC;border:1px solid #990000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-clip:padding-box;} #basket{width:100%;margin:0 0 24px;border:1px solid #e1e1e1;} #basket th{padding:7px 10px !important;border-bottom:1px solid #e1e1e1;font-size:14px;font-family:'Open Sans';font-weight:600;color:#222;background: #f5f5f5;background: -moz-linear-gradient(top, #f5f5f5 1%, #e5e5e5 73%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f5f5f5), color-stop(73%,#e5e5e5));background: -webkit-linear-gradient(top, #f5f5f5 1%,#e5e5e5 73%);background: -o-linear-gradient(top, #f5f5f5 1%,#e5e5e5 73%);background: -ms-linear-gradient(top, #f5f5f5 1%,#e5e5e5 73%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );background: linear-gradient(top, #f5f5f5 1%,#e5e5e5 73%);} #basket td{vertical-align:top;border-bottom:1px solid #e1e1e1;} #basket td.basket-column-one{padding:7px 0;} #basket td.basket-column{width:70px;vertical-align:middle;padding: 0px 10px;} .basket-images{margin:0 20px 0 7px;width:66px;float:left;border: 1px solid #DDD;background:#fff;} .basket-images img{margin:3px;padding:2px;} .basket-desc{width:410px;float:left;line-height:52px;} .basket-odd,.basket-even{padding:7px 10px;} .basket-even{background-color:#f0f0f0;} #basket-right{text-align:right;} #basket-right h3{font-size:16px;font-weight:bold;padding: 4px 0px 15px;} #basket p{margin-bottom:0px;} .remove {border:0px;} .remove img {margin:4px 0 0 15px;} #updateCart {background: #777 url(buttonsOverlay_1769.png) repeat-x;display: inline-block; padding: 0 12px;text-align:center;color: #fff; text-decoration: none;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;background-clip:padding-box;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border:0;border-bottom: 1px solid rgba(0,0,0,0.65);-webkit-box-shadow: inset 1px 1px 0px 0px #666;-moz-box-shadow: inset 1px 1px 0px 0px #666;box-shadow: inset 1px 1px 0px 0px #666;position: relative;cursor: pointer;height:34px;line-height:32px;font-family: 'Open Sans';font-weight:600;margin-right:20px;} #updateCart:focus,#updateCart:hover {background-color:#888;} #updateCart:active {background-color:#666;} /* ---------------------------------------------------------------- Blog, Article & Comments Styling ---------------------------------------------------------------- */ #atomFeed, #atomFeed:link, #atomFeed:visited {font-size:10px;padding:3px 7px 4px;background:#888;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;margin:8px 0 0 10px;} #atomFeed:focus, #atomFeed:hover {background:#999;} #atomFeed:active {background:#777;} .articleWrapper {border-bottom:1px dashed #888;margin:0 0 30px 0;padding:0 0 20px 0;} .articleTitle {font-size:20px !important;font-weight:bold;margin:0;} .articleTitle a,.articleTitle a:link,.articleTitle a:active {color:#14b4d9;} .articleTitle a:visited {color:#12a2c4;} .articleTitle a:focus,.articleTitle a:hover {color:#000;} .articlePostedBy {color:#999;font-size:12px;font-family:Georgia,'Times New Roman',serif;font-style:italic;} .articleReadMore,.articleReadMore:link,.articleReadMore:visited,.articleReadMore:active {} .articleReadMore:focus,.articleReadMore:hover {} .articleMeta {padding:15px 10px;background:#f2f2f2;border-bottom:1px solid #ddd;margin:40px 0 20px 0;font-style:italic;} .articleMeta p {margin-bottom:0;color:#444;font-family:Georgia,'Times New Roman',serif;font-style:italic;} #articleTags {clear:both;line-height:25px;margin:10px 0 20px;} #articleTags span {text-indent:-9999px;display:block;float:left;height:17px;width:13px;background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/tagsIcon.gif?1769) no-repeat 0 0;margin:5px 15px 0 0;} #articleTags ul li {float:left;margin-right:3px;list-style:none;} #articleTags ul li a, #articleTags ul li a:link, #articleTags ul li a:active, #articleTags ul li a:visited {color:#14b4d9;font-size:12px;font-weight:400;font-family:'Open Sans';padding-right:2px;font-style:normal} #articleTags ul li a:focus, #articleTags ul li a:hover {color:#000;} #disqusWrapper,#commentsWrapper {margin:15px 0 30px;} #commentForm h2,#commentsTitle {margin-top:30px;text-transform:uppercase;font-weight:600;font-family:'Open Sans';color:#000;} #commentsList {list-style:none outside !important;margin:0 0 30px 0 !important;} #commentsList li{list-style:none outside !important;border-bottom:1px solid #ddd;padding:15px;margin:0 !important;background:#f1f1f1;} #commentsList li p {margin-bottom:8px;color:#555;line-height:18px;font-size:12px;} #commentsList li .commentDetails p{color:#999;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:12px;} #commentsList li.odd {background:#fff;} .commentGravatar {float:left;padding:4px;background: #fff;border:1px solid #ddd;margin:0 15px 15px 0;} .commentFieldRow label{} .commentFieldRow p{margin:0 0 30px 0 !important;min-height:30px;clear:both;} .commentFieldRow input,.commentFieldRow textarea{float:left;padding:9px !important;} .commentFieldRow textarea {width:400px;} .noticeSuccess p{padding:5px 15px;background:#E3F5D6;border:1px solid #378C09;color:#378C09;font-weight:bold;margin:10px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-clip:padding-box;} .errors,.noticeError p{padding:5px 15px;background:#F0CBCC;border:1px solid #990000;color:#990000;font-weight:bold;margin:10px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-clip:padding-box;} .errors {margin-bottom:30px !important;} .errors ul {margin:0 !important;} .errors ul li {list-style:none;margin:0 !important;padding:10px 0;} #commentSubmit {} #paginate {margin-bottom:10px;} #paginate a {margin-right:4px;} .hint {font-size:12px;font-style:italic;} #moreArticleLinks {margin:20px 0;} #previousArticle a,#nextArticle a{font-size:13px;color:#666;} #blogPagination {margin:3px 30px 0 0;} #blogPagination .current, #blogPagination a {font-family: 'Open Sans';font-size:14px !important;font-weight:400;margin:0 12px 0 0;} /* ---------------------------------------------------------------- Sidebar Elements Styling ---------------------------------------------------------------- */ .sideColTitle {color:#171717;font-size:16px;font-weight:600;line-height:20px;padding:0 0 0 30px;margin-bottom:0;color:#333;text-transform:uppercase;} #sideCol ul {margin:0 0 30px;} #sideCol ul li {padding: 16px 0px 20px 30px;background:url(sideCol_li_1769.jpg) no-repeat 2px bottom;} #sideCol ul li h3 {font-weight:bold;font-size:100%;margin-bottom:3px;} #sideCol ul li span.postDetails {font-size:11px;color:#6c6c6c;font-style:italic;font-family:Georgia,"Times New Roman", serif;} #sideCol .blogTagCloud {padding: 10px 0 20px 30px;margin: 0 0 30px 0;width: 100%;overflow: hidden;} #sideCol .blogTagCloud li {padding:0;background:0 !important;float:left;margin:0 10px 0 0;} #sideCol .blogTagCloud li a {color:#14b4d9;padding:3px 5px;line-height:30px;white-space:no-wrap;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;white-space:nowrap;} #sideCol .blogTagCloud li a:focus, #sideCol .blogTagCloud li a:hover, #sideCol .blogTagCloud li.activeTag a {background:#14b4d9;color:#fff;} #twitterHeader,#twitterHeader:link,#twitterHeader:active,#twitterHeader:visited {color:#171717;} #twitterHeader:focus,#twitterHeader:hover {color:#14b4d9;} .twtr-ft,.twtr-hd {display:none;} .twtr-timeline {min-height: 340px !important;} .twtr-bd {font-weight:bold;color:#303030;font-weight:normal !important;} .twtr-bd p {color:#333 !important;font-family:'Helvetica Neue', Helvetica, Arial,sans-serif;line-height:18px;} .twtr-widget .twtr-tweet {padding:20px 0 20px 30px;color:#333 !important;border:0 !important;background:url(sideCol_li_1769.jpg) no-repeat 2px bottom;} .twtr-widget p {line-height:18px !important;} .twtr-tweet-text p em {font-family:'Helvetica Neue', Helvetica, Arial,sans-serif;margin-top: 3px;font-size:10px !important;} .twtr-widget .twtr-tweet-wrap {padding:0 !important;border:0;} #copy {margin:20px 0 0 0;color:#555;line-height:40px;} .fb-like-box {background:#fff;margin:20px 0 20px 30px;} /* ---------------------------------------------------------------- Search Template Styling ---------------------------------------------------------------- */ #searchResultsTitle {margin:30px 0 10px;} #searchResultsListings li {list-style:none outside !important;padding:15px 0;border-top:1px solid #ddd;margin:0 !important;} #searchResultsListings li.even {background:#eee;} .searchResultsImage {padding:4px;background: #fff;border:1px solid #ddd;margin:0 15px 15px 0;} #searchAgainInput {margin:0 20px 10px 0;font-weight:400;width:180px;} .searchAgain {margin:3px 0 0;} /* ---------------------------------------------------------------- Shipping Calculator Styling ---------------------------------------------------------------- */ #shipping-calculator{margin:30px 0;overflow:hidden;width: 700px;} #wrapper-response{margin-bottom:15px;} #wrapper-response *{font-size:12px;} #shipping-rates{list-style-type:square;padding-left:0;margin-left:0;list-style-position:inside;} .get_rates {margin-left:20px !important;} #shipping-calculator h3 {text-transform:uppercase;font-weight:bold;} #shipping-calculator p.success {padding:10px 15px;background:#BDE0A8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:green;text-transform: uppercase;} #shipping-calculator p.error {padding:10px 15px;background:#EEBDBD;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#990000;text-transform: uppercase;} #shipping-rates li {font-weight:bold;} #shipping-calculator label {width:114px;font-family:'Open Sans';font-weight:600;} /* ---------------------------------------------------------------- Miscellaneous Styling ---------------------------------------------------------------- */ .jGrowl .jGrowl-notification .header {margin:0 0 10px 0;} .successForm {padding:10px 15px;background:#BDE0A8;color:green;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;text-transform: uppercase;} .errorForm {padding:10px 15px;background:#EEBDBD;color:#990000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;text-transform: uppercase;} #mainCol table{border:1px solid #ddd;border-collapse:collapse;background-color:#fff;width:100%;margin:20px 0;} #mainCol table thead {display: table-header-group;vertical-align: middle;font-weight:bold;background:#f0f0f0;} #mainCol table th{border:1px solid #ddd;padding:5px;background-color:#f0f0f0;} #mainCol table td{border:1px solid #ddd;padding:5px;background-color:#fff;} input:-webkit-autofill, input:-webkit-autofill:focus {background-color: rgb(0, 0, 0) !important;box-shadow:inset 0 0 20px #e2db72;} /* Dropdown control */ .selectBox-dropdown{width:115px;padding:0 40px 0 5px;position:relative;border:solid 1px #aaa;line-height:1.5;text-decoration:none;color:#444;outline:none;vertical-align:middle;background:#F2F2F2;background:-moz-linear-gradient(top,#F8F8F8 1%,#E1E1E1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#F8F8F8),color-stop(100%,#E1E1E1));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8',endColorstr='#E1E1E1',GradientType=0);-moz-box-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.75);box-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;cursor:default;} .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow{border-color:#666;} .selectBox-dropdown.selectBox-menuShowing{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;} .selectBox-dropdown .selectBox-label{width:100%;padding:.2em .3em;display:inline-block;white-space:nowrap;overflow:hidden;} .selectBox-dropdown .selectBox-arrow{position:absolute;top:0;right:0;width:23px;height:100%;background:url(http://cdn.shopify.com/s/files/1/0125/9842/t/3/assets/jquery.selectBox-arrow.gif?1769) 50% center no-repeat;border-left:solid 1px #aaa;} /* Dropdown menu */ .selectBox-dropdown-menu{position:absolute;z-index:99999;max-height:200px;border:solid 1px #aaa;/* should be the same border width as .selectBox-dropdown */ background:#FFF;-moz-box-shadow:0 2px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);overflow:auto;} /* Inline control */ .selectBox-inline{width:250px;outline:none;border:solid 1px #BBB;background:#FFF;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:auto;} .selectBox-inline:focus{border-color:#666;} /* Options */ .selectBox-options, .selectBox-options li, .selectBox-options li a{list-style:none;display:block;cursor:default;padding:0;margin:0;} .selectBox-options li a{line-height:1.5;padding:0 .5em;white-space:nowrap;overflow:hidden;background:6px center no-repeat;} .selectBox-options li.selectBox-hover a{background-color:#EEE;} .selectBox-options li.selectBox-disabled a{color:#888;background-color:transparent;} .selectBox-options li.selectBox-selected a{background-color:#ccc;} .selectBox-options .selectBox-optgroup{color:#666;background:#EEE;font-weight:bold;line-height:1.5;padding:0 .3em;white-space:nowrap;} /* Disabled state */ .selectBox.selectBox-disabled{color:#888 !important;} .selectBox-dropdown.selectBox-disabled .selectBox-arrow{opacity:.5;filter:alpha(opacity=50);border-color:#666;} .selectBox-inline.selectBox-disabled{color:#888 !important;} .selectBox-inline.selectBox-disabled .selectBox-options a{background-color:transparent !important;} /* ---------------------------------------- Adds Serif Fonts when chosen ---------------------------------------- */