/* Indie Version: 1.0 Author: Shopaholla Author URL: http://shopaholla.com Copyright 2011 - 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=email],textarea{padding:6px;background:#f7f7f7;border:1px solid #c9c9c9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-clip:padding-box;} input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus {border:1px solid #bbb;background:#eee;} /* ---------------------------------------------------------------- Generic Fonts,Links,Headings,Tables & Inputs Styling -----------------------------------------------------------------*/ html { height: 100%; } body { float: left; width: 100%; height: 100%; color: #777; text-rendering: optimizeLegibility; font: 13px/1.6em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-weight: normal; background: #cbd3d7; } #body {float: left; width: 100%; min-height:100%;} #utility-wrap, #header-wrap, #billboardWrapper, #content-wrap, #footer-wrap { float: left; clear: both; width: 100%; } #utility, #header, #billboard, #content, #footer { width: 960px; min-width: 750px; margin: 0 auto; padding: 0; text-align:left; } p{line-height:23px;text-rendering: optimizeLegibility;margin-bottom:20px;} h1,h2,h3,h4,h5,h6{color:#2b2b2b;font-weight:normal;margin-bottom:8px;text-rendering: optimizeLegibility; } h1{font-size:167%;} h2{font-size:146.5%;} h3{font-size:131%;;} h4{font-size:123.1%;} h5{font-size:116%;} h6{font-size:100%;} a,a:active,a:link{color:#735416;text-decoration:underline;outline:none;} a:visited{color:;text-decoration:underline;outline:none;} a:hover,a:focus{color:;text-decoration:underline;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;} /* ---------------------------------------------------------------- Fonts, Links, Headings, Tables & Inputs Specific Overrides ----------------------------------------------------------------- */ #pageTitle { float:left; font-size:350%; letter-spacing:-1px; margin: 10px 0 30px; font-style: italic;} body.cart #pageTitle, #mainCol #pageTitle, #sideCol #pageTitle { float:none; } .page-404 #pageTitle, body.search #pageTitle { clear:both; padding:0 40px; } /* ---------------------------------------------------------------- Navigation and Lists ----------------------------------------------------------------- */ #utility-wrap {background: #e6d7bc; position:relative; z-index:3;} #utility { height: 30px;} #utilityNav {margin:0; text-align:right; font-size:0; /* inline-block hack */} #utilityNav li {font-size:11px; display:inline-block; padding:0 15px; margin: 5px 0; height:20px;} #utilityNav li, #utilityNav li a,#utilityNav li a:link,#utilityNav li a:active,#utilityNav li a:visited {font-size:11px;color:#2403016; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px;} #utilityNav li a:focus,#utilityNav li a:hover {color:#fff;} #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:#fff;} #utilityNav #yourCartTotal { color: #403016; padding:0 0 0 5px; } #utilityNav #util-checkout { margin: 5px; } #utilityNav #util-checkout a {color: #aca179;} #utilityNav #util-checkout a:hover {color: #fff;} #utilityNav #util-cart { border-left: 1px solid #000; } #utilityNav #util-search { position: relative; padding:0 18px 0 15px; border-left:none; border-right: 1px solid #3b3b3b; } #util-search-link { padding: 0 15px 0 0; background: url(search-arrow_2474.png) no-repeat right center;} #util-search-link.active { color:#fff !important; } #searchWrapper { display:none; position:absolute; width:230px; top:25px; right:0; margin: 0; padding:10px 15px; background:rgba(28,28,28,0.88); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} #searchWrapper #searchInput {float:left; padding:5px; margin-right:4px; color:#777; font-size:15px; height:24px; width:160px; background: #f6f6f6;} #searchWrapper #searchInput:focus {color:#555;} #searchWrapper #searchButton { text-indent: -9999px;float:right;border:0;padding:0;width:47px;background:url(search-btn_2474.png) no-repeat 0 0;height:34px;margin-top:1px;color:transparent;} #searchWrapper #searchButton:focus,#searchWrapper #searchButton:hover {background-position:0 -35px;} #searchWrapper #searchButton:active {background-position:0 -70px;} #mainNav { float:left; margin: 30px 0 20px;} #mainNav li {float:left;position:relative; padding: 0 22px 10px 29px; background: url(nav-dot_2474.png) no-repeat 0 6px;} #mainNav li:first-child { padding-left:0; background:none; } #mainNav li:last-child { padding-right:0; } #mainNav li a:link,#mainNav li a:visited {color:#3d2f13; font-size:14px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; text-decoration:none; white-space: nowrap;} #mainNav li a:active {} #mainNav li a:focus,#mainNav li a:hover,#mainNav li:hover a {color:#333;} #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 {cursor:default;color:#aca179; } #mainNav li ul { padding:5px 0; min-width:90px; z-index:999;position:absolute;top:20px;left:19px;display:none; background:rgba(28,28,28,0.88); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} #mainNav li ul li {background:none;float:none; padding:5px 15px !important; text-transform: none !important; line-height:13px;} #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 { cursor:pointer; color:#eee;text-transform: none !important; font-size:12px; letter-spacing:0;white-space:nowrap;} #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 { } .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;} #sideCol ul {margin:0 0 30px;} #sideCol ul li {border-bottom: 1px solid #DDD;border-top: 1px solid #fff;padding: 15px 0px;} #sideCol ul li:first-child {border-top:0;padding-top:5px;} #sideCol ul li h3 {font-weight:bold;font-size:108%;margin-bottom:3px;} #sideCol ul li span.postDetails {font-size:92%;font-style:italic;} /* ---------------------------------------------------------------- Main Theme & Index Template ---------------------------------------------------------------- */ #header-wrap { min-height:90px; background: #E6D7BC; -moz-box-shadow: 0 -3px 15px #555; -webkit-box-shadow: 0 -3px 15px #555; box-shadow: 0 -3px 15px #555; position:relative; z-index:2; } #header { padding-top:5px; min-height:85px; } #logo, #logoText {float:left; position:relative; height:75px;min-width:190px;margin: 0 50px 8px 10px; line-height:80px;font-size:30px;color:#2b2b2b;} #logoText { width:auto; } #logoText a { text-decoration:none; color:#1b1b1b; font-style:normal; letter-spacing:-1px; } #logo img { max-height:75px; } #content-wrap { position:relative; z-index:1; } #content {background:#ffffff; -webkit-box-shadow: 0px 0px 7px 0px #999; -moz-box-shadow: 0px 0px 7px 0px #999; box-shadow: 0px 0px 7px 0px #999;} #mainCol {float: right; width:650px; margin:0 40px 0 0; min-height:600px;} #sideCol {float: left; width: 190px; margin: 0 0 0 40px;} .sideColTitle {font-size: 23px; font-style:italic;} #breadcrumb {float:left; clear:both; width:880px; padding:10px 40px; color: #3c2e14; font-size: 11px; } #breadcrumb a { text-decoration: none; color: #503E1B; } #breadcrumb a:hover { text-decoration: underline; color: #999; } #breadcrumb .separator { padding: 0 7px; } .page-404 #mainCol { margin:0 40px; width:880px; } /* ---------------------------------------------------------------- Home Billboard Styling ---------------------------------------------------------------- */ #billboardWrapper {height:380px;width:940px;margin:0 0 0 -10px; position:relative; border-width: 0 20px 20px 20px; border-style:solid; border-color: #5b4312; /* can't use border shorthand. IE9 has a rendering bug, see more notes in the ie8.css file */ } #billboard {height:380px;width:940px;position:relative;background:#1c1c1c;} #billboardPrev, #billboardNext { display:block; text-indent:-9999px; position:absolute; left:-40px; top:140px; width:84px; height:91px; cursor:pointer; background: url(hero-arrows_2474.png) no-repeat 0 0; z-index:99;} #billboardNext {left:auto; right:-40px; background-position:0 -92px; } .slide {height:380px;width:940px;display:none;} .slideTitle {position:absolute;top:40px;z-index:100;font-size:37px;font-weight:bold;margin:0 0 20px 0; color:#777;} .slideText {position:absolute;top:110px;z-index:100;width:400px;color:#dadada;font-size:20px;line-height:24px;} .slideLink,.slideLink:link {position:absolute;bottom:50px;z-index:100;color:#f7f7f7 !important;text-decoration:none; font-style:italic;font-size:131%;font-family:Georgia,serif;display:block;height:40px;line-height:40px;padding:0px 20px;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #735416;background: -moz-linear-gradient(top, #735416 0%, #5b4312 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#735416), color-stop(100%,#5b4312));background: -webkit-linear-gradient(top, #735416 0%,#5b4312 100%);background: -o-linear-gradient(top, #735416 0%,#5b4312 100%);background: -ms-linear-gradient(top, #735416 0%,#5b4312 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735416', endColorstr='#5b4312',GradientType=0 );background: linear-gradient(top, #735416 0%,#5b4312 100%);} .slideLink:focus,.slideLink:hover {background:#735416;} .slideLink:active {background:#5b4312;color:#ddd;} .slide img {position:absolute;top:0;left:0;z-index:90;} .slideLeftLayout .slideTitle,.slideLeftLayout .slideText,.slideLeftLayout .slideLink {left:50px;} .slideRightLayout .slideTitle,.slideRightLayout .slideText,.slideRightLayout .slideLink {right:50px;text-align:right;} /* ---------------------------------------------------------------- Collections Layout ---------------------------------------------------------------- */ #collectionsCol {float:left; clear:both; width:880px; padding:0 40px; min-height:600px; } #collectionDescription {float: left; width:100%; clear:both; margin:20px 0; font-size: 15px;} #collectionListing {list-style:none !important;} .collectionItem {position:relative; float:left; margin:0 50px 40px 0; width:260px; list-style:none;} .collectionItem:nth-child(3n+3) { margin-right:0 !important; } /* If you update these nth child values you need to change ie-hax.js as well */ .collectionItem:nth-child(3n+4) { clear:left; } .collectionItemImage {width:260px;height:290px;overflow:hidden;background:#ffffff;position:relative; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); box-shadow: 0px 1px 5px rgba(0,0,0,0.15);} .collectionItemImage a {display:block;} .collectionItemImage img {display:inline;} .collectionItemDetails {position:absolute; margin: 0; left: 20px; top:auto; bottom:20px; background: #e6d7bc; padding: 8px 15px;} .collectionItemDetails h3 { display:inline; color:#614713;font-size:19px;margin-bottom:3px; padding: 0 15px 0 0; font-style:normal;} .collectionItemDetails h3 a {color:#413117; text-decoration:none;} .collectionItemDetails h3 a:hover {color:#916527; text-decoration:underline;} .collectionItemDetails .price { font-size:19px; color:#614713; padding: 0 15px 0 0; white-space:nowrap;} .collectionItemDetails .collectionItemVendor { font-family: Georgia, sans-serif; color: #777676; font-style: italic; white-space:nowrap;} #sortHead { float:left; width:100%; margin:0 0 10px; clear:both;} #sortByWrapper { float:right; } #sortingBy {float:left;margin:0 0 0 15px;min-width:100px;} #sortBy {display:none} #sortLabel {float:left;} #pagination { clear:both; text-align:center; margin:30px 0 20px; font-size: 19px;} #pagination span { padding: 0 10px; } #pagination span.prev { padding-right:15px; } #pagination span.next { padding-left:15px; } #pagination span a {color:#518aa8; text-decoration:none;} #pagination span a:hover {color:#5b9abc; text-decoration:underline;} #pagination span.current {color:#1c1c1c;} /* ---------------------------------------------------------------- Home Styling ---------------------------------------------------------------- */ #contentHome { clear:both; } #welcomeHeader { font-size:350%; letter-spacing:-1px; margin: 0 0 30px; font-style: italic; } #welcomeSection { font-size:16px; line-height:27px; } #subFeatures { clear:both; width:880px; padding:47px 40px 0; } #subFeaturesTitle {font-size:11px; font-style:normal; font-weight:bold; letter-spacing:1.5px; color:#2b2b2b;text-transform:uppercase;margin-bottom:30px;} #subFeaturesProductsWrapper {position:relative;width:880px;min-height:300px;} #subFeatures #collectionsCol { padding:0; min-height:300px; } #homeExtraContent { float:left; clear:both; width:880px; margin:40px 40px 0; border-top:1px solid #cacaca; padding:40px 0 0; } #homeExtraContentTitle { float:right; width:60%; margin:0; padding:0; line-height:1.6em; font-style:italic; font-size:23px; font-family:Georgia, serif; } #homeExtraContent #testimonialContent { float:left; width:29%;margin:0 0 0 3% !important; padding:0 0 0 3% !important; border:none; font-style:normal; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; background:url(left-quote_2474.gif) no-repeat 0 0;} #homeExtraContent #testimonialContent span { padding: 0 27px 0 0 !important; background:url(right-quote_2474.gif) no-repeat right bottom; } #homeExtraContent #homeNewsContent { float:left; width:29%; margin: 0 3%; } /* ---------------------------------------------------------------- Products Layout ---------------------------------------------------------------- */ .productTemplate {background:#ffffff !important;} #productWrapper { float:left; width:880px; margin:0 40px; } #productWrapper #leftCol { width:430px; float:left;} #productWrapper #rightCol { width:400px; float:right;} #productTitle {line-height:1em; font-size:350%; letter-spacing:-1px; margin: 0 0 10px; font-style: italic; font-family:Georgia, serif;} #productTitle #prod-vendor { padding:0 0 0 15px; font-size:13px; color:#777; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-style:normal; letter-spacing:normal; } .productImageWrapper{width:430px;list-style:none;margin:0 0 13px 0;} .productImage{background:#ffffff;max-width:430px;} .productImage img {max-width:430px; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); box-shadow: 0px 1px 5px rgba(0,0,0,0.15);} .productThumbs{display:block;width:430px;list-style:none;} .productThumbWrapper{width:88px;height:75px;margin: 0px 18px 26px 0;float:left;background:#d8c197;list-style:none !important;} .productThumbWrapper img{display:block;width:88px;text-align:center; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.15); box-shadow: 0px 1px 5px rgba(0,0,0,0.15);} span#productPrice {font-size:197%;color:#614713; letter-spacing:-1px; margin:40px 0; display:block;} #oldPrice {color:#999;text-decoration: line-through; font-size:16px; padding: 0 0 0 15px;} #productDescription {font-size:108%;} #productTags {margin:30px 0 0; width:100%; overflow:hidden;} #productTags span {float:left;text-indent:-9999px;display:block;width:18px;height:15px;background:url(tag-icn_2474.png) no-repeat 0 0;margin-top:3px;} #productTags a,#productTags a:link,#productTags a:active,#productTags a:visited {float:left;padding-left:14px;font-size:12px;display:block;margin-bottom:5px;} #productTags a:focus,#productTags a:hover {color:#000;} #productOptionsWrapper{margin: 36px 0 0; border-bottom:1px solid #cacaca; padding:0 0 70px;} #product-variants {margin-bottom:35px;} .selector-wrapper {clear:both;margin: 0px 25px 20px 10px;height:26px;display:block;width:300px;} .selector-wrapper label {text-transform:uppercase;font-size:116%;height:26px;color:#000;float:left;margin: 0px 25px 0px 0px;} .selector-wrapper select {float:left;height:26px;margin-top: 6px;} #productBuy {margin:20px 0 0;} .addToCart {position:relative;color:#f7f7f7 !important;font-style:italic;font-size:22px;font-family:Georgia,'Times New Roman',serif;display:block;height:40px;width:133px;line-height:40px;padding:0px;float:left;margin-right:30px;border:0 !important;outline:none;cursor:pointer;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #735416;background: -moz-linear-gradient(top, #735416 0%, #5b4312 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#735416), color-stop(100%,#5b4312));background: -webkit-linear-gradient(top, #735416 0%,#5b4312 100%);background: -o-linear-gradient(top, #735416 0%,#5b4312 100%);background: -ms-linear-gradient(top, #735416 0%,#5b4312 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735416', endColorstr='#5b4312',GradientType=0 );background: linear-gradient(top, #735416 0%,#5b4312 100%);} .addToCart:focus,.addToCart:hover {background:#735416;} .addToCart:active {background:#5b4312;color:#ddd;} .disabled {-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);cursor:default;} #shareThis {} #fb-root { padding:10px 0; } .addthis_toolbox {float:left; width:360px; background:#e8ecee; padding:20px; clear:both; margin:60px 0;} #facebookCommentsTitle { clear:both; margin: 60px 0px 12px; padding:30px 0 0; border-top:1px solid #cacaca;} /* ---------------------------------------------------------------- Shopping Cart ---------------------------------------------------------------- */ #cartStuff {} #cart-empty-msg { margin:80px 0 60px; } #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;} #content table#basket th{padding:5px 10px !important;border-bottom:1px solid #e1e1e1;text-transform:uppercase;background: #eee;} #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;} .basket-images img{margin:3px;padding:2px;} .basket-desc{width:410px;float:left;line-height:52px;} .basket-odd,.basket-even{padding:7px 10px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .basket-even{background-color:#eee;} #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 25px;} #checkout {float:right; color:#fff !important;display:block;border:0;padding:0;font-size: 131%;font-style:italic;font-family:Georgia,'Times New Roman',serif;line-height:35px;height:35px;width:120px;text-align:center;margin:10px 0 0 20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #735416;background: -moz-linear-gradient(top, #735416 0%, #5b4312 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#735416), color-stop(100%,#5b4312));background: -webkit-linear-gradient(top, #735416 0%,#5b4312 100%);background: -o-linear-gradient(top, #735416 0%,#5b4312 100%);background: -ms-linear-gradient(top, #735416 0%,#5b4312 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735416', endColorstr='#5b4312',GradientType=0 );background: linear-gradient(top, #735416 0%,#5b4312 100%);} #checkout:focus,#checkout:hover {background:#735416;} #checkout:active {background:#5b4312;color:#ddd;} #updateCart { float:right; position:relative;color:#fff !important;display:block;border:0;padding:0;font-size: 131%;font-style:italic;font-family:Georgia,'Times New Roman',serif;line-height:35px;height:35px;width:120px;text-align:center;margin:10px 0 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #999;background: -moz-linear-gradient(top, #999999 0%, #777777 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#777777));background: -webkit-linear-gradient(top, #999999 0%,#777777 100%);background: -o-linear-gradient(top, #999999 0%,#777777} 100%);background: -ms-linear-gradient(top, #999999 0%,#777777 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 );background: linear-gradient(top, #999999 0%,#777777 100%);} #updateCart:focus,#updateCart:hover {background:#888;} #updateCart:active {background:#888;color:#ddd;} .oldPriceCollection {color:#777;text-decoration: line-through;margin-right:5px;font-size:12px;} .additional-checkout-buttons { clear:both; float:right; margin:20px 0 0; } /* ---------------------------------------------------------------- Blog, Article & Comments Styling ---------------------------------------------------------------- */ #atomFeed { text-decoration:none; display:block;margin:4px 0 30px; cursor:pointer; position:relative; color:#f7f7f7 !important;border:0;padding:0;font-size: 22px;font-style:italic;font-family:Georgia,'Times New Roman',serif;line-height:34px;height:34px;width:150px; text-align:center; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #735416;background: -moz-linear-gradient(top, #735416 0%, #5b4312 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#735416), color-stop(100%,#5b4312));background: -webkit-linear-gradient(top, #735416 0%,#5b4312 100%);background: -o-linear-gradient(top, #735416 0%,#5b4312 100%);background: -ms-linear-gradient(top, #735416 0%,#5b4312 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735416', endColorstr='#5b4312',GradientType=0 );background: linear-gradient(top, #735416 0%,#5b4312 100%); } .articleWrapper {border-bottom:1px dashed #ccc;margin:0 0 30px 0;padding:0 0 20px 0;} .articleDetails {background:url(http://cdn.shopify.com/s/files/1/0108/4092/t/2/assets/articleDetails_bkgd.png?2474) no-repeat 0 0;margin-left:-46px;height:60px;width:600px;} .articleDetails .articleDate {border-right:1px solid #5b4312;border-bottom:1px solid #5b4312;background:#735416;height:40px;width:46px;padding-top:4px;color:#fff;line-height:18px;text-align:center;} .articleDetails .month {text-transform:uppercase;font-size:14px;} .articleDetails .day {text-transform:uppercase;font-size:21px;letter-spacing:3px;line-height:10px;} .articleTitleWrapper {} .articleTitle { line-height:1em; font-size:350%; letter-spacing:-1px; margin: 0 0 10px; font-style: italic; font-family:Georgia, serif; } .articleTitle a,.articleTitle a:link,.articleTitle a:active {color:#000;} .articleTitle a:visited {color:#333;} .articleTitle a:focus,.articleTitle a:hover {color:#735416;} .articlePostedBy, .articleDate, .articleComments {color:#999;font-size:11px;margin-top:15px;} .articleDate, .articleComments { padding:0 0 0 25px; background: url(http://cdn.shopify.com/s/files/1/0108/4092/t/2/assets/article-dot.gif?2474) no-repeat 9px 4px; } .articleBody {margin:20px 0;} .articleCreated,.articleAuthor {font-weight:bold;color:#444;} .articleID,.articleID:link,.articleID:visited,.articleID:active {color:#444;font-weight:bold;} .articleID:focus,.articleID:hover {color:#735416;} #articleTags {margin-bottom:20px;width:100%;overflow:hidden;} #articleTags span {float:left;text-indent:-9999px;display:block;width:18px;height:15px;background:url(tag-icn_2474.png) no-repeat 0 0;margin-top:3px;} #articleTags a,#articleTags a:link,#articleTags a:active,#articleTags a:visited {float:left;padding-left:14px;font-size:12px;display:block;margin-bottom:5px;} .blogTagCloud {margin-bottom:30px !important;width:100%;overflow:hidden;} .blogTagCloud li { float:left; padding:0 6px 0 0 !important; margin:0; border:none !important; } .blogTagCloud li.activeTag a{background:#735416;color:#fff} #commentsTitle {-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;padding:10px;color:#fff;margin:0px;background: #bbb; } #disqusWrapper,#commentsWrapper {border:1px solid #ddd;padding:15px 15px 30px;background:#fafafa;} #commentForm h2 {margin:0 0 20px 150px !important;} #commentForm .hint { margin:0 0 0 150px !important;} #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 { float:left; width:100%; clear:both; } .commentFieldRow label{float:left;width:130px;text-transform:uppercase;} .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;} .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;} #contactFormSubmit,#commentSubmit { margin:0 0 0 150px; position:relative;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#fff !important;display:block;border:0;padding:0;font-size: 131%;font-style:italic;font-family:Georgia,'Times New Roman',serif;height:35px;width:120px;line-height:35px;text-align:center;color:#fff;background: #444444; /* old browsers */background: -moz-linear-gradient(top, #444444 0%, #1D1D1D 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1D1D1D)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1D1D1D',GradientType=0 ); /* ie */} #contactFormSubmit:focus,#contactFormSubmit:hover,#commentSubmit:focus,#commentSubmit:hover {background:#444;} #contactFormSubmit:active,#commentSubmit:active {background:#444;color:#ddd;} #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;} .successForm {padding:10px 15px;background:#BDE0A8;color:green;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;} .errorForm {padding:10px 15px;background:#EEBDBD;color:#990000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;} /* ---------------------------------------------------------------- Twitter Widget Styling ---------------------------------------------------------------- */ #twitterHeader,#twitterHeader:link,#twitterHeader:active,#twitterHeader:visited {} #twitterHeader:focus,#twitterHeader:hover {} .twtr-doc { width: 100% !important; } .twtr-ft,.twtr-hd {display:none;} .twtr-bd {} .twtr-bd p {} .twtr-widget .twtr-tweet {border-bottom:1px solid #cacaca !important;padding:10px 0;} .twtr-tweet-text p em {} /* ---------------------------------------------------------------- Search Template Styling ---------------------------------------------------------------- */ #searchResults form { float:left; clear:both; width:100%;} #searchResultsTitle {margin:30px 0 10px; clear:both; float:left; width:100%;} #searchResultsListings { float:left; width:100%; clear:both; } #searchResultsListings li { float:left; width:100%; clear:both; list-style:none outside !important;padding:15px 0;border-top:1px solid #ddd;margin:0 !important;} #searchResultsListings li.even {background:#eee;} .searchResultsImage { float:left; clear:left; padding:4px;background: #fff;border:1px solid #ddd;margin:0 15px 15px 0;} .searchAgain { cursor:pointer; position:relative;float:left;color:#fff !important;display:block;border:0;padding:0;font-size: 116%;font-style:italic;font-family:Georgia,'Times New Roman',serif;line-height:30px;height:30px;width:135px;margin-top:3px;text-align:center;margin:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #444444; /* old browsers */background: -moz-linear-gradient(top, #444444 0%, #1D1D1D 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1D1D1D)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1D1D1D',GradientType=0 ); /* ie */} .searchAgain:focus,.searchAgain:hover {background:#333;} .searchAgain:active {background:#333;color:#ddd;} #searchAgainInput {float:left;margin-right:20px; width:400px; } /* ---------------------------------------------------------------- Footer ----------------------------------------------------------------- */ #top-footer { float:left; clear:both; width:880px; padding:30px 0 40px; margin:40px 40px 0; border-top:1px solid #cacaca; } #footer-nav { float:left; } #footer-nav li { float:left; margin:0 20px 0 0; } #footer-nav li a { font-weight:bold; letter-spacing:1px; font-size:11px; text-transform:uppercase; color:#1c1c1c; text-decoration:none; } #footer-nav li a:hover { color:#777; } #footer-nav ul { margin:10px 0 0;padding:0; } #footer-nav ul li { float:none; margin:0; } #footer-nav ul li a { font-weight: normal; color:#777; } #footer-nav ul li a:hover { text-decoration:underline; color:#777; } #footer-social { float:right; } #f-t { float:left; min-height:100px; width:170px; padding:0 15px 0 0; margin: 0 20px 0 0; border-right:1px solid #cacaca; } #f-t iframe { text-align:right; float:right; margin:20px 0 0; width:140px !important; } #f-hcard { float:right; font-size:11px; text-transform:uppercase; line-height:22px; } #f-hcard .fn { font-weight:bold; color:#1c1c1c; } #copyright {font-soze:11px; font-weight:bold;color:#93a1a8;text-transform: uppercase; letter-spacing: 1.5px;} #copyright a:link,#copyright a:visited,#copyright a:active {color:#93a1a8;} /* ---------------------------------------------------------------- Shipping Calculator Styling ---------------------------------------------------------------- */ #shipping-calculator{margin:30px 0;overflow:hidden;width: 510px; float:left; background:#eee; padding:20px;} #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:15px !important;color:#fff !important;border:0;padding:0;font-size: 116%;font-style:italic;font-family:Georgia,'Times New Roman',serif;line-height:30px;height:30px;width:155px;text-align:center;margin:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: #444444; /* old browsers */background: -moz-linear-gradient(top, #444444 0%, #1D1D1D 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1D1D1D)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1D1D1D',GradientType=0 ); /* ie */} #shipping-calculator p.success {font-weight:bold;padding:15px;background:#E2FFCD;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:green;} #shipping-calculator p.error {font-weight:bold;padding:15px;background:#FEE6E6;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#990000;} #shipping-rates li {font-weight:bold;} /* ---------------------------------------------------------------- Miscellaneous Styling ---------------------------------------------------------------- */ .notice, .notice * { font-size:16px !important; line-height:27px !important; } .jGrowl .jGrowl-notification .header {margin:0 0 10px 0;} #searchresults h3 {margin:0 !important;} #utility-wrap, #header-wrap { position:fixed; } #header-wrap { margin-top:30px; } #content-wrap { margin-top:120px; }