body {background:url(body-bg.jpg) repeat; font-size:14px; line-height:18px; color:#756d61; font-family:Georgia, "Times New Roman", Times, serif;} table, tbody, tfoot, thead, tr, th, td {vertical-align:top} a {text-decoration:none;} h1 {font-size:38px;font-family:RokkittRegular;} .green {color:#60a7a3;} #wrapper {width:985px; margin:0 auto; background:url(content-bg.png) repeat-y; position: relative; min-height: 100%; height: auto !important; height: 100%;} #holder {padding:0 0 140px 0;} #container {width:918px; margin:0 auto; padding:0 0 60px 0;} #header {padding:15px 0 0 0;} #header .logo {float:left;} #header .basket {float:right; background:url(basket.jpg) no-repeat; padding:0 0 0 30px; font-style:italic;} #nav {border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-size:16px; font-family:GothamHTFBook; padding:10px 0; margin:18px 0 0 ;} #nav a {color:#756d61; display:block; float:left; padding:0 43px 0 0;} #topnav {border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-size:16px; font-family:GothamHTFBook; margin:18px 0 0 ; float:left; width:100%;} #topnav li {float:left; padding:0 43px 0 0; position:relative; z-index:200;} #topnav li a {color:#756d61; display:block; float:left; padding:10px 0;} #topnav li a:hover {color:#5BCBBD;} #topnav li em {background:url(manu-arrow.jpg) no-repeat; width:7px; height:4px; display:block; float:left; margin:18px 0 0 6px} #topnav li ul.subnav {position: absolute; left:0; top:38px; display:none; float:left; border:1px solid #E8E8E8; background:#FFFFFF;} #topnav li ul.subnav li{border-bottom: 1px solid #E8E8E8; clear: both; width:170px;} #topnav li ul.subnav li:last-child {border:none;} #topnav li ul.subnav li a {padding-left: 20px;} #banner {margin:22px 0 0 0; position:relative;} #banner #slideshow {min-height:358px;} #banner #prev {width:30px; height:30px; position:absolute; top:165px; left:-15px; background:url(arrow-prev.png) no-repeat; cursor:pointer; z-index:100;} #banner #next {width:30px; height:30px; position:absolute; top:165px; right:-15px; background:url(arrow-next.png) no-repeat; cursor:pointer; z-index:100;} #banner img {width:918px; height:358px;} #banner .description {position:absolute; width:499px; min-height:182px; background:url(transparent-bg.png); top:90px; right:50px; border:1px solid #98928B;} #banner .description h1 {font-family:CallunaRegular; font-size:46px; padding:20px 10px 0 10px;} #banner .description h2 {font-family:CallunaRegular; font-size:30px; padding:20px 10px 0 10px; color:#0e827e; line-height:30px;} #banner .description p {font-size:16px; color:#282520; padding:20px 10px 0 10px; line-height:22px;} #banner .shop-button {width:161px; height:34px; line-height:34px; background:url(shop-button.png) no-repeat; display:block; position:absolute; right:10px; bottom:-18px; text-align:center; color:#FFFFFF; font-size:18px; font-family:CallunaRegular;} #banner .shadow {height:27px; width:918px; background:url(banner-shadow.jpg) no-repeat;} #list h1 {font-family:RokkittRegular; font-size:30px;} #list .item {width:205px; text-align:center; background:url(home-list-bg.jpg) repeat; float:left; margin:15px 32px 0 0;} #list .item.last {margin-right:0;} #list .item .article {border:1px solid #D5D5D5; padding:10px 0;} #list .item img {border:1px solid #D5D5D5;} #list .item p.name {font-family:RokkittRegular; font-size:24px; padding:7px 0 0;} #list .item p.price {font-family:RokkittRegular; font-size:18px; padding:2px 0 0;} #list .item .shadow {height:22px; background:url(home-list-shadow.jpg) no-repeat;} #list a {color:#756d61; cursor:pointer; z-index:9999} #content {padding:30px 0 0 0;} #v-nav {width:185px; float:left; font-family:RokkittRegular; font-size:18px;} #v-nav a {color:#756d61; display:block; margin:0 0 14px 0;} #v-nav a.active {color:#00bfb6;} #content #paginate {padding:30px 0 20px;} #content #paginate a {color:#60a7a3;} #collections {width:733px; float:left;} #collections h1 {padding: 0 0 25px 0;} #collections .collections .item {width:358px; text-align:center; background:url(home-list-bg.jpg) repeat;} #collections .collections .item .article {border:1px solid #D5D5D5; padding:10px 0;} #collections .collections .item img {border:1px solid #D5D5D5;} #collections .collections .item p.name {font-family:RokkittRegular; font-size:28px; padding:13px 10px 5px 10px; text-align:left;} #collections .collections .item .shadow {height:22px; background:url(collections-shadow.jpg) no-repeat;} #collections .collections a {color:#756d61;} #collections .products .left {float:left; clear:both; margin:10px 0 0;} #collections .products .middle {float:left; margin:10px 0 0 30px;} #collections .products .right {float:right; margin:10px 0 0;} #collections .products .item {width:225px; text-align:center; background:url(home-list-bg.jpg) repeat;} #collections .products .item .product {border:1px solid #D5D5D5; padding:10px 0;} #collections .products .item img {border:1px solid #D5D5D5;} #collections .products .item p.name {font-family:RokkittRegular; font-size:24px; padding:7px 0 0;} #collections .products .item a p.name {color:#756d61;} #collections .products .item p.price {font-family:RokkittRegular; font-size:18px; padding:2px 0 0;} #collections .products .item .shadow {height:22px; background:url(collections-shadow.jpg) no-repeat right;} #product {width:733px; float:left;} #product h1 {padding: 0 0 25px 0;} #product #gallery{width:358px; float:left;} #product .item {width:358px; text-align:center; background:url(home-list-bg.jpg) repeat;} #product .item .article {border:1px solid #D5D5D5; padding:10px 0;} #product .item #g-img {margin-left:7px;} #product .item #nav-gal {padding:15px 7px 10px 7px;} #product .item #nav-gal li {float:left; margin:0 10px 0 0;} #product .item #nav-gal li img {border:2px solid #F1F2F4; display:block;} #product .item #nav-gal li.activeLI img {border:2px solid #72CFCC;} #product .item img {border:1px solid #D5D5D5;} #product .item p.name {font-family:RokkittRegular; font-size:28px; padding:13px 10px 5px 10px; text-align:left;} #product .item .shadow {height:22px; background:url(collections-shadow.jpg) no-repeat;} #product #info {float:right; width:350px;} #product #info h2 {font-family:RokkittRegular; font-size:40px; line-height:40px;} #product #info li {font-size:15px; line-height:22px;} #product #info p {padding:20px 0 0; line-height:20px;} #product #info .options {padding:10px 0 0 0;} #product #info .options p {padding:0;} #product #info .options .color {padding:3px 0 ;} #product #info .price {border-top:1px solid #DED4C3; border-bottom:1px solid #DED4C3; margin:10px 0; padding:10px 0;} #product #info .price p {float:left; font-size:18px; line-height:34px; padding:0;} #product #info .price .btn {width:160px; height:34px; background:url(add-to-cart.jpg) no-repeat; float:right; margin:0 20px 0 0;} #product #size {padding:20px 0 0 0;} #product .custom-radio { position: relative; } #product .custom-radio input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; } #product .custom-radio label {width:42px; height:29px; position: relative; float:left; display:block; margin:0 2px 0 0; cursor: pointer; padding:0; } #product .custom-radio label.checked img {border:2px solid #72CFCC;} #product .custom-radio label img {border:2px solid #FFFFFF;} #product .custom-radio label span {position:absolute; display:none; width:155px; text-align:center; bottom:35px; left:-70px; border:1px solid #D5D5D5; background:#F3F3F5; padding:10px; z-index:3000} #product .custom-radio label span img, #product .custom-radio label.checked span img {border:none;} #product .custom-radio label.gloss-midnight {background: url(gloss-midnight.jpg) no-repeat;} #product .custom-radio label.gloss-bordeaux {background: url(gloss-bordeaux.jpg) no-repeat;} #product .custom-radio label.matte-charcoal {background: url(matte-charcoal.jpg) no-repeat;} #product .custom-radio label.gloss-hotpink {background: url(gloss-hotpink.jpg) no-repeat;} #product .custom-radio label.gloss-marigold {background: url(gloss-marigold.jpg) no-repeat;} #product .custom-radio label.matte-black {background: url(matte-black.jpg) no-repeat;} #product .custom-radio label.matte-plum {background: url(matte-plum.jpg) no-repeat;} #product .custom-radio label.matte-natural {background: url(matte-natural.jpg) no-repeat;} #product .custom-radio label.gloss-brown {background: url(gloss-brown.jpg) no-repeat;} #product .custom-radio label.matte-nude {background: url(matte-nude.jpg) no-repeat;} #product .custom-radio label.gloss-mandarin {background: url(gloss-mandarin.jpg) no-repeat;} #product .custom-radio label.gloss-natural {background: url(gloss-natural.jpg) no-repeat;} #product .custom-radio label.matte-mud {background: url(matte-mud.jpg) no-repeat;} #product .custom-radio label.matte-cement {background: url(matte-cement.jpg) no-repeat;} #product .custom-radio label.matte-turquoise {background: url(matte-turquoise.jpg) no-repeat;} #product .custom-radio label.matte-curry {background: url(matte-curry.jpg) no-repeat;} #product .custom-radio label.matte-orangeade {background: url(matte-orangeade.jpg) no-repeat;} #product .custom-radio label.color_black {background: url(color_black.jpg) no-repeat;} #product .custom-radio label.color_cement {background: url(color_cement.jpg) no-repeat;} #product .custom-radio label.color_curry {background: url(color_curry.jpg) no-repeat;} #product .custom-radio label.color_honey {background: url(color_honey.jpg) no-repeat;} #product .custom-radio label.color_natural-azure {background: url(color_natural-azure.jpg) no-repeat;} #product .custom-radio label.color_natural-brown {background: url(color_natural-brown.jpg) no-repeat;} #product .custom-radio label.color_natural-ecru {background: url(color_natural-ecru.jpg) no-repeat;} #product .custom-radio label.color_natural {background: url(color_natural.jpg) no-repeat;} #product .custom-radio label.color_nude {background: url(color_nude.jpg) no-repeat;} #product .custom-radio label.color_turquoise {background: url(color_turquoise.jpg) no-repeat;} #product .custom-radio label.color_orangeade {background: url(color_orangeade.jpg) no-repeat;} #product .custom-radio label.color_color_midnight {background: url(color_midnight.jpg) no-repeat;} #product .custom-radio label.color_bordeaux {background: url(color_bordeaux.jpg) no-repeat;} #product .custom-radio label.color_hot-pink {background: url(color_hot-pink.jpg) no-repeat;} #product .custom-radio label.color_marigold {background: url(color_marigold.jpg) no-repeat;} #product .custom-radio label.color_mandarin {background: url(color_mandarin.jpg) no-repeat;} #product .custom-radio label.color_charcoal {background: url(color_charcoal.jpg) no-repeat;} #product .custom-radio label.color_plum {background: url(color_plum.jpg) no-repeat;} #product .custom-radio label.color_mud {background: url(http://cdn.shopify.com/s/files/1/0100/2352/t/22/assets/color_mud.jpg) no-repeat;} #page h1.title {color:#60a7a3; padding-bottom:30px;} #page .about .img {width:500px; float:left;} #page .about .img-border {width:498px; border:1px solid #D5D5D5; text-align:center; padding:8px 0; background:url(about-bg.jpg) repeat;} #page .about .img-border img {border:1px solid #D5D5D5;} #page .about .img .shadow {height:22px; background:url(about-shadow.jpg) no-repeat right;} #page .about .content {width:400px; float:right;} #page .about .content p {font-size:16px; padding:0 0 20px 0; line-height:22px;} #page .about .content p big {font-size:26px; line-height:24px; color:#00bfb6; font-family:RokkittRegular;} #page .contact h1 {padding-bottom:20px;} #page .contact .copy {width:300px; float:left; position:relative;} #page .contact .copy p {font-size:18px; color:#756d61; line-height:26px;} #page .contact .copy p a {color:#60a7a3; text-decoration:underline;} #page .contact .contact-img {margin:-90px 0 0 0;} #page .press table td {vertical-align:middle; padding:10px 0;} #page .press table td img {margin:0 40px 0 20px; border:1px solid #00bfb6;} #page .press table td {font-size:40px; font-family:RokkittRegular; color:#00bfb6;line-height:40px;} #page .press table td a {color:#00bfb6;} #page.custom-order p {font-size:18px; color:#756d61; line-height:26px;} #page.custom-order form {margin:40px 0 0 0;} #page.custom-order label {width:160px; text-align:right; display:block; float:left; margin:3px 10px 3px 0;} #page.custom-order .tf {width:270px; border:1px solid #878075; padding:5px 3px;} #page.custom-order .ta {width:540px; height:180px; border:1px solid #878075;} #page.custom-order .clear {height:15px;} #page.custom-order .stylized select.big {width:278px;} #page.custom-order .stylized div.select.big {width:278px; background: url(select.jpg) no-repeat;} #page.custom-order .stylized div.select {height:32px; padding:0px 0 0 0px; margin:0 0 0; position:relative; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; float:left; font-size:16px;} #page.custom-order .stylized div.select select {filter: alpha(opacity=0); opacity:0; z-index:1000; position:absolute; left:0; top:0; height:32px;} #page.custom-order .stylized div.select .value {position:absolute; left:10px; right:25px; bottom:8px; z-index:100;} #page.custom-order .submit {width:162px; height:37px; background:url(submit-button.jpg) no-repeat; margin:0 0 0 550px;} #page.custom-order .show-success {display:none; color:#60a7a3;} #page.custom-order .show-error {display:none; color:#FF0000;} #cart {padding:30px 0 0 0;} #cart table {margin:30px 0 0 0;} #cart th {text-align:left; font-weight:bold; border-bottom:1px solid #D4D2D2; padding:5px 0;} #cart td {padding:10px 0;} #cart td.img img {padding:10px; background:#F4F4F4; border:1px solid #C4C4C4; margin:0 0 0 10px;} #cart .tf {width:60px; border:1px solid #A8A8A8; background:#EDEDED; color:#030303; font-size:16px;} #cart td.description h2 {font-family:RokkittRegular; font-size:20px; color:#00bfb6;} #cart td.description h2 a {color:#00bfb6;} #cart td.description p {color:#363535; padding:10px 20px 0 0; line-height:22px} #cart td.price {font-size:16px;} #cart td.remove a {font-size:16px; color:#00bfb6; font-style:italic;} #cart td.total {font-size:16px; font-weight:bold;} #cart #total {text-align:right; color:#4e473c; font-size:20px; font-weight:bold; border-bottom:1px solid #969696; border-top:1px solid #969696; padding:10px 40px 10px 0; margin:20px 0 0 0;} #cart .shipping {text-align:right; color:#303030; font-size:11px; font-weight:bold; padding:20px 20px 0 0;} #cart .buttons { padding:20px 20px 0 0; position:relative; text-align:right;} #cart .buttons .checkout {width:101px; height:25px; background:url(checkout-button.jpg) no-repeat; position:relative;} #cart .buttons .update {width:101px; height:25px; background:url(update-button.jpg) no-repeat; position:relative;} #cart #empty {padding:30px 0 0 0;} #cart #empty a {color:#00bfb6;} #cart .agree {text-align:right; padding:0 20px 0 0;} #footer {position: absolute; bottom: 0; width:918px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:20px 0 0 0; margin:0 0 0 33px; height:120px;} #footer .left {float:left;} #footer .left p {font-size:15px; font-family:RokkittRegular; padding:0 0 10px 0;} #footer .left .tf {width:264px; padding:5px 5px 4px; border:1px solid #E0E0E0; float:left; color:#aaa398; font-size:14px; font-family:RokkittRegular;} #footer .left .btn {width:27px; height:27px; background:url(btn-mailing.jpg) no-repeat; float:left; margin:0 0 0 10px;} #footer .right {float:right;} #footer .right .social-media {float:right; padding:0px 0 0;} #footer .right .social-media .twitter {width:28px; height:28px; display:block; float:left; background:url(twiiter.jpg) no-repeat; margin:0 10px 0 0;} #footer .right .social-media .facebook {width:28px; height:28px; display:block; float:left; background:url(facebook.jpg) no-repeat; margin:0 10px 0 0;} #footer .right .copyright {font-family:RokkittRegular; padding:20px 10px 0 0; text-align:right;} #footer .terms {text-align:center;} /*Look Book*/ .flipPage{ float: left; position: relative; width: 100%; margin-top: 28px;} .flipPage h1.title{ color: #60A7A3; text-transform: lowercase;} #flipBook{ float: left; position: relative; width: 100%; margin-top: 28px; margin-bottom: 28px;} .flipArticle{ float: left; position: relative; width: 304px; height: 304px; border: 1px solid white; overflow: hidden; background-color: #000000;} .flipArticle:hover img{ -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; zoom: 1; filter: alpha(opacity=80); opacity: 0.8;} .flipArticle img{ -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; zoom: 1; filter: alpha(opacity=100); opacity: 1.0;} .flipTitle{ display: none;} .flipArticle:hover .flipTitle{ display: block; background-color: #7c766a; bottom: 0; color: white; height: 35px; line-height: 32px; position: absolute; right: 0; text-align: right; text-decoration: none; border-top: 1px solid white; width: 100%; z-index: 2; font-size: 12px; font-family: GothamHTFBook; } .flipTitle span{ padding-right: 5px;} .nav{ font-family:RokkittRegular; text-align: center; font-size: 18px; } .nav a{ color: #50bdb7;} .nav a:hover{ text-decoration: underline;} /*Zoomer*/ .zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; } .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #999; z-index:110; } .zoomWrapperTitle{ display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; } ul#thumblist{display:block; margin-left: 7px; } ul#thumblist li{float:left;margin:0 10px 0 0;list-style:none; margin-top: 10px;} ul#thumblist li a img{display:block;border:1px solid #CCC;} ul#thumblist li a.zoomThumbActive img{ border:1px solid #72CFCC; } .jqzoom{ text-decoration:none; float:left; }