/** Shopify CDN: Minification failed

Line 27:12 Expected identifier but found whitespace
Line 27:42 Unexpected "'Trebuchet MS'"

**/
/*
    Document   : style.css
    Created on : 26/05/2010, 4:25:26 PM
    Author     : Allan Anderson
    Description:
       Main styles for IkoIko site
*/
html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}
body{background-image:url(css-body-bg.jpg); background-repeat:repeat-x; text-align:center;}
.clear{clear:both;}

.alt{display:none;}

p {margin-bottom:20px; color:#333; font-weight:normal;}
#homepageMessage p {margin-bottom:0;}
#full-description{font-weight:normal;}
font-family: Helvetica, Calibri, Verdana, 'Trebuchet MS', sans-serif;
font-size: 95%;
line-height: 1.2em; }


h1 {margin: 5px 0;}
h2 {color:#00748e; padding: 3px; background: #ccedf0; border:dashed 2px #7da3ae; font-size:1.1em; margin-bottom:5px; font-weight:bold;}
h3 {color:#2b8fc4; padding: 2px; background: #ffeaf7; border:dashed 2px #febfe5; font-weight:bold; margin-bottom:5px;}

h2.line {color:#00748e; padding: 3px; background:none; border:none; border-bottom:dotted 2px #7da3ae; font-size:1.1em; margin-bottom:5px; font-weight:bold;}
h3.line {color:#DB013A; padding: 2px; background:none; border:none; border-bottom:solid 2px #febfe5; font-weight:bold; margin-bottom:5px;}

h4.date{color:#00748e;}

.nofrills {background:none; border:none;}

#contentWrap h1.haulup.nofrills.homepage{padding-top:27px; padding-left:38px; padding-top:28px; text-shadow: 2px 2px 2px #ccc;}
#contentWrap h1.haulup.nofrills.homepage img{width:532px;}

ul#nav a{display:block;}
ul#nav li {float:left;}
ul#footNav a{display:block;}
ul#footNav li {float:left;}
/*This is to haul stuff up into the header, was necessary due to the complex shadows and ie6
compatibility, it also keeps logic out of the header, which should make for easier CMS integration*/
.haulUp{margin-top:-77px; position:relative; z-index: 1;}

#wrapper{width:1008px; margin:0 auto; text-align: center;background:#fff url(css-fadeBgHigh.jpg) left top repeat-x;}
/*Main Style for generic header*/
#headWrap { background:url(css-genHeadBg_1.jpg) right top no-repeat; width:1007px; height:271px}
#headWrap ul#nav {padding:110px 0 0 226px;}
#graphicalBg{width:816px; margin:0 auto; background-image:url(css-outerShadow.png); background-repeat:repeat-y;}

/*Page title, breadcrumbs, and product categories */
#contentWrap{background:#ffffff; width:800px; margin: 0 auto; text-align:left; padding-bottom: 15px;}
/*.haulUp is to haul stuff up into the header, was necessary due to the complex shadows and ie6
compatibility (ie 6 needed z-index, and rel pos), it also keeps logic out of the header, which should make for easier CMS integration*/
.haulUp{margin-top:-75px; position:relative; z-index: 99;}
#contentWrap h1.haulUp{float:left; padding-top:40px; padding-left:20px;}
#rightColumn{width:206px; padding-top: 138px;float:right;
             background:url(css-prodCatHead.gif) right top no-repeat;}
             #productCategories a {padding-left:13px;display:block; position: relative;}
             #productCategories a:hover, #productCategories a.current {background:#fff url(css-prodCatArrow.gif)left bottom no-repeat;}
             #productCategories a span{background:#74ccd4;display: block; padding:3px 10px 3px 13px;}
             .catSpacer{background:#74ccd4;width:193px;height:10px;margin-left:13px;}
#rightColumn.noList{width:206px; padding-top: 138px;float:right;
             background:url(css-cloud.jpg) right top no-repeat;}
#breadcrumbs{float:left; padding-left:70px;}
    #here{padding:1px; background:#fef5b1;}

#nonFloatUpContent{padding:20px;}
#nonFloatUpContent.blogs{width:550px;}

#contentLeft{width:274px;float:left; margin-right: 15px; margin-top:10px;}
#contentRight{width:274px; float:left; margin-top:10px;}
/*FeaturedProducts*/
.productImage a {display:block;}
#enlarge-message {width:240px; margin-left:10px; text-align: center; margin-bottom:0; padding:0; font-size:0.8em; color:#3c3c3c;}
.featuredProductWrap{float:left; width:240px; margin-right:15px; margin-left:10px; margin-bottom:25px;
                    border:solid 8px #ccedf0; -moz-border-radius:8px; -webkit-border-radius:8px;}
.featuredProductWrap .innerText {padding: 10px 10px 0 10px; border-top:solid 8px #ccedf0; width:220px; height:105px !important; background:#fef5b1;}
.featuredProductWrap p {margin-bottom:0; padding-bottom:0;}
.featuredProductWrap h3 {color:#00748E; font-size:1em;}

.feat-price{font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; margin-bottom:2px; display:block; color:#5d5e61; font-size:90%;}
.featuredProductWrap .feat-price{font-size:120%;}
.compactProductWrap .feat-price{font-size:100%;}
/*Products Page*/
#contentWrap h1#productName{color:#00748e; padding:55px 0 5px 0; border-bottom:dashed 2px #7da3ae; font-size:1.6em; margin-left:30px; font-weight:bold;}

.thumbnails{margin-left:10px;}
.enlarge{float:right; margin-top:-15px;}
a.enlargeThumb{display:block; float:right; width:15px; height:15px;}
.smallThumb{display:block; width:100px; float:left; border:solid 8px #ccedf0; -moz-border-radius:8px; -webkit-border-radius:8px; background:#fef5b1; margin-bottom:24px;}
.smallThumb.even{margin-left:24px;}
/*right*/
#headAndPrice{margin-top:16px; padding-top:8px; background:#fff url(css-priceTag.jpg) 5px 0 no-repeat; height:50px;}
.price{float: right; margin-top:8px; margin-right: 105px;}
#headAndPrice .text{ height:45px; margin-bottom:10px;}
#productInfo{background:#e2efed; border:solid 1px #bedbd5; padding:10px; margin-bottom: 20px;}
#productInfo p{margin-bottom:5px;}
#productInfo h3{margin-bottom:5px;}
#paymentOptions p{margin-bottom:5px;}

/*Our Story*/
 h2.staffLocation{margin:0 0 15px 6px; padding-left:6px;}
.staffPic{width:272px; height:232px; padding:4px; margin-right:6px;
                    background:url(css-staffPicBg.jpg) top left no-repeat;}
.staffPic .innerText{padding:10px;}
.staffImage{width:262px; height:148px; overflow:hidden;}
.staffPic .enlarge{margin-top:-10px;}
#contentRight.ourStory{width:450px;float:left;margin:0;}
h2.ikoStory  {margin:-6px 0 20px 0;}

/*Footer*/
#footerWrap{width:816px; height: 107px; margin:0 auto; background:url(css-footShadow.png) left top no-repeat;}
#footer{width:800px; height: 107px; margin:0 auto; background:url(css-footerBg.png) left top no-repeat;}
#footer ul#footNav {padding:15px 0 0 50px;}
    .footNavItem{height:61px;}
    a#foot-nav01{width:78px; background:url(css-foot-nav_01.gif) right top no-repeat;}
    a#foot-nav01:hover, a#foot-nav01.on{background:url(css-foot-nav-on_01.gif) right top no-repeat;}
    a#foot-nav02{width:137px;background:url(css-foot-nav_02.gif) right top no-repeat;}
    a#foot-nav02:hover, a#foot-nav02.on{background:url(css-foot-nav-on_02.gif) right top no-repeat;}
    a#foot-nav03{width:109px; background:url(css-foot-nav_03.gif) right top no-repeat;}
    a#foot-nav03:hover, a#foot-nav03.on{background:url(css-foot-nav-on_03.gif) right top no-repeat;}
    a#foot-nav04{width:127px; background:url(css-foot-nav_04.gif) right top no-repeat;}
    a#foot-nav04:hover, a#foot-nav04.on{background:url(css-foot-nav-on_04.gif) right top no-repeat;}
    a#foot-nav05{width:155px; background:url(css-foot-nav_05.gif) right top no-repeat;}
    a#foot-nav05:hover, a#foot-nav05.on{background:url(css-foot-nav-on_05.gif) right top no-repeat;}
    a#foot-nav06{width:95px; background:url(css-foot-nav_06.gif) right top no-repeat;}
    a#foot-nav06:hover, a#foot-nav06.on{background:url(css-foot-nav-on_06.gif) right top no-repeat;}


/*Cart*/
#cart {padding:0 25px;}
#cart #line-items .item{padding:10px; border: solid 8px #7da3ae; margin-bottom:10px; width:520px !important; height:auto; background:#CCEDF0; -moz-border-radius:8px; -webkit-border-radius:8px;}
#cart .remove {display:block; text-align:right;}
#cart .remove img{ border:none; margin:0;}
#cart img{border:solid 4px #7da3ae;  margin-right:5px;}
#cart ul li div{float:left;}
#cart .cart-info{min-height:60px;}
#cart ul li p {width:430px; margin-bottom:2px;}
#checkout {width:550px; margin-left:25px; font-size:1.3em; text-align:right; font-weight:bold;}
#total {width:550px; text-align:right; font-size:1.3em; font-weight:bold; border-bottom:dashed 4px #ececec; margin-bottom:10px; padding-bottom:10px; clear:left;}
#cart .per-item-total {padding:2px; background:#fef5b1; color:7a2a90;}

/*NEW (AUG 2010) Homepage Style*/
#homepageMessage {padding:20px; float:left; width:527px;}

/*HomePage style  DEPRECATED BUT LEFT IN INCASE DECIDE TO CHANGE BACK*/

#homeHeadWrap { background:url(css-homepage-headBg.jpg) right top no-repeat; width:1006px; height:274px}
#homeHeadWrap ul#nav {padding:148px 0 0 226px;}
    .navItem{height:46px;}
    a#nav01{width:74px; background:url(css-nav_01.gif) right top no-repeat;}
    a#nav01:hover, a#nav01.on{background:url(css-nav-on_01.gif) right top no-repeat;}
    a#nav02{width:109px;background:url(css-nav_02.gif) right top no-repeat;}
    a#nav02:hover, a#nav02.on{background:url(css-nav-on_02.gif) right top no-repeat;}
    a#nav03{width:94px; background:url(css-nav_03.gif) right top no-repeat;}
    a#nav03:hover, a#nav03.on{background:url(css-nav-on_03.gif) right top no-repeat;}
    a#nav04{width:120px; background:url(css-nav_04.gif) right top no-repeat;}
    a#nav04:hover, a#nav04.on{background:url(css-nav-on_04.gif) right top no-repeat;}
    a#nav05{width:127px; background:url(css-nav_05.gif) right top no-repeat;}
    a#nav05:hover, a#nav05.on{background:url(css-nav-on_05.gif) right top no-repeat;}
    a#nav06{width:68px; background:url(css-nav_06.gif) right top no-repeat;}
    a#nav06:hover, a#nav06.on{background:url(css-nav-on_06.gif) right top no-repeat;}
    a#nav07{width:34px; background:url(cart.gif) right top no-repeat; margin-left:25px; margin-top:-8px;}

#homeBodyWrap{background: #fff url(css-homepage-fadeBg.jpg) left top repeat-x; text-align: left;}
#homeGraphicalBg{background: #fff url(css-homepage-bodyBg.jpg) left top no-repeat; height:590px;}

/*Middle Content Panels Layout (Featured Product h2 in typography.css)*/
#homeContentWrap{padding-top:153px; margin-left:79px;}
.featuredItem, #homeMiddlePanel{float:left;}
.featuredItem{background:#d6f5fb;}
.featuredItem.right{}
.featuredItem.left{}
#homeMiddlePanel{width:297px; margin:0 9px;}
/*This allows for a standardized thumbnail size to be trimmed to suit uneven homepage
container sizes*/
.featuredItem.right .productImage{width:265px; height:212px; overflow:hidden;}
.featuredItem.left .productImage{width:268px; height:212px; overflow:hidden;}

.featuredItem .innerText{padding:7px;}
#homeMiddlePanel .innerText{padding:15px;}

#emailForm{border:solid 2px #fff; background:#345c8b; padding:10px; margin-bottom:5px;}
input#emailInput{width:168px; height:28px; border:solid 3px #a8c5c5;}
input#submitEmail{border:0; padding:0; margin-top:-3px; cursor:pointer; width:67px; height:36px;
                            margin-left:2px; background:url(css-submit.jpg) left top no-repeat;}
p.errorMsg{margin:0}

/* Added by Vim */
/* Make sure breadcrumbs are clickable */
#breadcrumbs { z-index: 999;}

#pagination{clear:left; text-align:right; font-size:1.2em; font-weight:bold; width:546px;}
#pagination.top{text-align:right; margin-bottom:3px;}

p#inquire{text-align:center;}

/* Compact Products */
#productSet{margin-left:13px;}
.compactProductWrap{float:left; border:solid 8px #ccedf0; -moz-border-radius:8px; -webkit-border-radius:8px; background:#fef5b1; margin-bottom:7px; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; box-shadow: 2px 2px 3px #ccc;}
.compactProductWrap .productImage{width:160px; height:auto;}
.compactProductWrap .innerText{width:160px;; height:auto; border-top:solid 8px #ccedf0; height:60px !important;}
.compactProductWrap .innerText h3{padding:0 5px;}
.compactProductWrap .innerText span {padding:0 5px;}
.compactProductWrap.left, .compactProductWrap.middle{margin-right:7px;}

/*collection*/
#contentWrap h1.collectionName{color:#98c238; padding:50px 0 5px 0; border-bottom:dashed 2px #7da3ae; font-size:2.6em; margin-left:30px; font-weight:bold; line-height:1em;}
#contentWrap h1.pageTitle{color:#13647e; padding:50px 0 5px 0; border-bottom:dashed 2px #b8e5ea; font-size:2.6em; margin-left:20px; font-weight:bold; line-height:1em;}
#collectionDescription{margin-left:10px; width:540px;}
#search-button {margin-bottom:-8px;}
/*Search Form*/
#searchForm {margin-left:10px; margin-bottom:10px;}
#searchForm #search-input-body {width:230px; height:30px; line-height:20px; font-size:20px;}

#searchFormSmall{margin-left:13px; margin-bottom:0;}
#searchFormSmall form{width:183px; margin-bottom:0px; padding:5px 5px; background-color:#74CCD4;}
#searchFormSmall #search-input-body{height:20px; width:160px; font-size:13px; line-height:13px;}
#searchFormSmall #search-button {width:20px; height:20px; margin-bottom:-5px;}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */