/*layout*/

body {background: #fff; color: #555 ;/*color:#7d7d7d;*/ font-family: "lucida sans unicode", "lucida grande", lucida ; font-size:62.5%; margin: 0;}
/*h1,h2,h3 {font-family: georgia;}*/
h2 {margin: 9px 0;}
.wrapper { font-size:1.2em; }
.col-left { width:195px;  border-right:1px solid #fff; border:none; padding:0; }
.main { margin:10px 0 10px 10px; }
.col-main { min-height:500px; height:auto !important; height:50px; border: 0; margin-top: 0px; padding: 0 10px 0 0px; }
.cms-home .col-main {min-height: 350px;}
.page { width:960px; background: #fff; padding-bottom:0;  margin:0 auto; }
.border { border-top:1px solid #ddd; width:940px; margin: 40px 10px 15px; clear:both; }
.cms-home .border {display: none;}
.header-container { width:940px; margin-left:10px; border-bottom:#ddd; }


/*1 col layout*/
.col1-layout .col-main {  }

/*2 col layout*/
.col2-left-layout .col-main { width:735px; border:none; margin-right:10px; padding-right:0px; }
.col2-right-layout .col-main { width:680px; border:none; margin-right:10px; padding-right:0px; }

/*3 col layout*/
.col3-layout { width:950px; }
.col3-layout .col-main { width:525px;} 
.col3-layout .col-right { width:190px; padding:0; }

/*global*/

div {border: 0;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration: underline; }

h3 { font-weight:normal; }

input, select, textarea, button {font-family: "lucida sans unicode", "lucida grande", lucida !important; font-size: 12px;}
button.button span {font-size: 12px; text-transform: uppercase;}

.page-title { clear:both; }
.page-title h2 {font-weight: bold;}
.page-title h3 { margin:0; }

.buttons-set {border: 0;}
.buttons-set a {text-transform: uppercase; border-bottom: 1px dotted #444; font-size: 10px; line-height: 1.2em; margin-top: 4px;}

button.button { background-image:none; background:#444; line-height:1.2em; }
button.button span { background-image:none; background:#444; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* only webkit-based browsers will read the following styles */
   button.button span { padding:1px 12px 1px 0; margin:-1px 0; }
}

.block { padding:0px; }
.block .block-title {background: #444; padding:0px 10px 0px 10px; margin-top: -10px; }
.block .block-title h2 { font-size:1.16em; font-weight:normal; font-family:Cambria,georgia; padding: 10px 6px 2px; color: #ccc; }

.col-right {border: 0; padding:0; margin-right:10px; }

.success-msg { color:#666; }
.note-msg, .notice-msg { color:#666; }

.clearer { clear:both; }
.floatleft { float:left; padding:0 10px 10px 0; }
.floatright { float:right; padding:0 0 10px 10px; text-align:right; }

/*header*/

.header { border:none; margin: 0; padding: 0; position:relative; height:95px; }
.header-container .border { width:940px; margin:0; }

.logo { float:left; height:80px; overflow:hidden; width:498px; margin: 15px 0 0 -10px; padding: 0; }
.header .logo a { width:498px; height:85px; }
.mini-cart { float: right; display: inline; width:auto;  position:absolute; right:0px; top:10px; }
.mini-cart p span {background: #eee; padding: 4px 5px;}
.mini-cart p span a {border: 0;}
.mini-cart h2 {display: inline;}
.mini-cart p {display: inline; margin:0;}
.mini-cart .cart { background:#ddd url(../images/shoppingbag.gif) no-repeat center left; font-size:0.9em; text-align:center; width:50px; height:17px; float:right; padding:5px 5px 5px 27px; }
.mini-cart .amount { line-height:19px; display:inline; }
.mini-cart .sign-up { text-align:right; font-size: 0.9em; clear:both; }
.mini-cart .phone { padding-top:20px; display:block; font-size:1em; } 

#search_mini_form { float:right; background:url(../images/btn-search.gif) no-repeat center right; padding-right:27px; margin-right:5px; position:relative; }
.form-search input { padding:5px 8px 5px; height:15px; color:#666; font-size: 11px; }
.form-search button.button { background:transparent; padding:0px; position:absolute; right:0px; top:0px; width:27px; height:27px; display:block; }
.form-search button.button span { background:transparent; padding-left:0px; width:27px; height:27px; display:block; margin-left:0px; padding:0px; text-indent:-9999px; }

.topnav { margin-left:10px; }
ul#nav { border: 0; margin: 0; padding: 0; position:relative; clear: right; /*z-index:999991;*/ z-index:115; }
#nav li:hover { visibility:visible; }

/*level 0*/
ul#nav li { font-family: verdana, arial, 'lucida grande', arial; letter-spacing: 0.02em; font-size: 1.1em; font-weight: bold; border:none; text-transform: uppercase; }
ul#nav li a { padding:0 15px 5px 0; margin-left: -14px; overflow:hidden; }
ul#nav li.level0.hats a {color: #444;}
ul#nav li.level0.womens-nav a {color: #444;}
ul#nav li.level0.mens-nav a {color: #444;}

.level0 a { text-indent:-9999px; height:30px; display:block; }
#nav .hats a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -10px 0px; width:67px; height:30px; }
#nav .mens-nav a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -77px 0px; width:70px; height:30px; }
#nav .womens-nav a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -147px 0px; width:105px; height:30px; }
#nav .journal a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -252px 0px; width:115px; height:30px; }
#nav .fairtrade a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -367px 0px; width:123px; height:30px; }
#nav .environment a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -490px 0px; width:155px; height:30px; margin-left:-5px; }
#nav .about a { background:url(../images/nav/main-nav-sprite.gif) no-repeat -645px 0px; width:95px; height:30px; }

#nav .hats a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -10px -32px; }
#nav .mens-nav a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -77px -32px; }
#nav .womens-nav a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -147px -32px; }
#nav .journal a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -252px -32px; }
#nav .fairtrade a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -367px -32px; }
#nav .environment a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -490px -32px; margin-left:-5px; }
#nav .about a:hover { background:url(../images/nav/main-nav-sprite.gif) no-repeat -645px -32px; }

/*level 1*/
#nav .level1 a { text-indent:0px; background-image:none; overflow:visible; text-decoration:none; width:auto; height:auto; font-size: 0.9em; }

#nav ul.level1 { background:transparent url(../images/transparent-nav.png); margin-top: 4px; padding:10px 0 10px 0; position: absolute; left:-10px; width: 940px; height: 100px; top: -9999px; z-index: 99999 !important; border:none; }
#nav ul.level1-a { background-image:none; }
ul.level1 { float:left; }
#nav ul.level1 li { padding-right: 12px;text-transform: none; line-height: 1.4em;  }
ul#nav .level1 a { color:#fff !important; font-weight:normal; font-size:0.8em; padding:0; }
ul#nav .level1 a:hover {  background-image:none; text-decoration:underline; color:#ededed; width:auto; }
#nav li:hover .level1 { position:absolute; top: 30px; }

/*float submenus next to each other*/
#nav .hats ul.level1 li, #nav .womens-nav ul.level1 li, #nav .journal ul.level1 li { float:left; }
#nav .hats ul.level1 li a, #nav .womens-nav ul.level1 li a { margin:0px; padding:0px; }


/*line up list with headings*/
.hats ul li { margin-left:20px; }
.hats ul li.first { margin-left: 15px; border:none; }
.mens-nav ul li {margin-left: 100px;}
.womens-nav {border-left: 1px solid #ccc;}
.womens-nav ul li { margin-left:25px;}
.womens-nav ul li.first {margin-left: 163px;}
.journal ul li { margin-left:20px; }
.journal ul li.first { margin-left:277px; }
.fairtrade ul li { margin-left:390px; }
.environment ul li { margin-left:515px; }
.about ul li { margin-left:685px; }


.breadcrumbs { border:none; clear:left; width:940px; padding:10px 0 10px 0; }

/*category view*/

/*.catalog-category-view { background:url(../images/background/hats_to_be_trimmed_27.jpg) repeat-x; }*/
.category-title { display:none; }
.category-title h2 { margin:8px 0; font-size: 1.7em; font-weight: bold; }

.category-products { border-top:1px solid #ddd; margin-top:-17px; }
.products-list { clear:both; border-top:1px solid #ddd; }
.products-list li.item { background:url(../images/bg-product-list-1.jpg) no-repeat right bottom; display:block; text-align:left; float:left; width:224px; padding:10px; margin:10px 0px 0px 0px; border: 0; height:22em; }
.products-list li.even { background:#fff url(../images/bg-product-list-1.jpg) no-repeat right bottom; }
.products-list img { margin-left:0px; }
.products-list .product-image { background:#fff; width:224px; border:1px solid #fff; border-bottom:1px solid #ddd; }
.products-list .product-image:hover { border:1px solid #ddd; }
.products-list .product-name { height:3em; line-height:1.1em; font-weight:normal; font-size:14px; }
.products-list .price-box {margin: 0 0 8px; height:1.5em; font-size: 1.2em; }
.products-list .availability { display:none; }

.old-price  { font-weight:bold; text-decoration:line-through; font-size: 0.9em; color: #888;}

.products-list .product-shop { width:224px; float:none; clear:both; padding-top:10px; }
.pager { clear:both; border:none; float:left; width:400px; margin:5px 5px 2px 5px; }
.sorter { margin:5px 5px 2px 5px; border:none; float:right; }

.product-info { color:#666; font-family:cambria, georgia; font-size:1.5em; width:300px; background:url(../images/transparent-white.png); margin-top:140px; padding:10px; float:right; margin-right:0px; }
.product-info a { color:#666; font-weight:normal; padding:0; /*height:2em;*/ display:block; }
.product-info a:hover { color:#000; }
.product-info button.button { background:#fff; padding:0px; margin:10px 0 0 0; }
.product-info button.button span { /*background:url(../images/btn-add-to.jpg) no-repeat; text-indent:-9999px;*/ width:115px; padding:0px; margin:0px; } 

.block-layered-nav h3 {margin-bottom: 5px;}
ol.currently {margin-bottom: 5px;}
div.actions {margin-bottom: 12px;}
div.actions a {font-style: italic;}

.product-view button.button {padding:0; background:#444; color:#fff; background:url(../images/add-to-bag.png) no-repeat; width: 110px; height: 30px; }
.category-products .product-shop button.button {display: none;}
.product-shop button.button span { display: none; /*line-height: 2.3em; font-size: 13px; color:#fff; margin:0px; padding:0px; display:block; width:115px;  color: #fff; */}
.product-shop button.button span a { color:#fff; }
.product-shop ul.add-to-links {display: none;}
.product-minimal-price { display:none; }

/*layered nav*/
.block-layered-nav dt {margin-top: 5px;}
.block-layered-nav ol {margin-bottom: 6px;}
.block-layered-nav ol li {padding-left: 1px; margin-left: 8px; }
.block-layered-nav ol li a {padding-bottom: 0px; text-decoration: underline; }

.cat-name { float:left; width:220px; }
.sub-categories { clear:both; margin-left:-20px; }
.sub-categories div { width:220px; height:145px; float:left; margin-left:20px; margin-top:20px; position:relative; }
.sub-categories div a { float:left; width:220px; height:145px; position:absolute; top:0; text-indent:-9999px; }

.sub-categories .men a { background:url(../images/mens/mens-hats.jpg) no-repeat left bottom; }
.sub-categories .women a { background:url(../images/womens/womens-hats.jpg) no-repeat left bottom; }
.slippers a { background:url(../images/womens/slippers.png) no-repeat left bottom; }
.cotton-shirts a { background:url(../images/womens/cotton-shirts.png) no-repeat left bottom; }
.alpaca-accessories a { background:url(../images/womens/accessories-alpaca.png) no-repeat left bottom; }
.alpaca-knitwear a { background:url(../images/womens/alpaca-knitwear.png) no-repeat left bottom; }
.cotton-tops a { background:url(../images/womens/cotton-tops.png) no-repeat left bottom; }
.hand-embroidered-wool-belts a { background:url(../images/womens/hand-embroidered-wool-belts.png) no-repeat left bottom; }
.leather-bags a { background:url(../images/womens/leather-bags.png) no-repeat left bottom; }
.felt-slippers a{ background:url(../images/womens/felt-slippers.png) no-repeat left bottom; }
.sheepskin-and-alpaca-slippers a { background:url(../images/womens/sheepskin-and-alpaca-slippers.png) no-repeat left bottom; }

.casual-classics a { background:url(../images/mens/casual-classics.png) no-repeat left bottom; }
.englishman-abroad a { background:url(../images/mens/englishman-abroad.png) no-repeat left bottom; }
.jazz a { background:url(../images/mens/jazz.png) no-repeat left bottom; }
.category-men .jazz a { background-image:none; }

.riviera-collection a { background:url(../images/womens/riviera.jpg) no-repeat left bottom; }
.chatsworth-collection a { background:url(../images/womens/chatsworth.jpg) no-repeat left bottom; }
.holiday-collection a { background:url(../images/womens/holiday.jpg) no-repeat left bottom; }
.category-women .jazz a {  background:url(../images/womens/jazz.jpg) no-repeat left bottom; }

/* Page: Hats */
.category-hats .main {}
.block-hats {margin: 0 auto;}
.category-image {display: none;}
.category-description {display: none;}

/* Block: Hats */
.block-hats{ width:auto; height:240px;}
.Men, .Women { display:block; width:460px; height:285px; float:left; margin:10px 0px 10px 0; position:relative; }
.Men { margin-right:20px; }
.Men span a { background:url(../images/hats-guide/mens-hats.png) no-repeat; text-indent:-9999px; display:block; width:90px; height:40px; position:absolute; bottom:10px; }
.Women span a { background:url(../images/hats-guide/womens-hats.png) no-repeat; text-indent:-9999px; display:block; width:130px; height:40px; position:absolute; bottom:10px; }

/* Block: Information */
.block-information-display { width:auto; height:126px;}
.block-information-display div { width:225px; height:100px; float:left; margin-right:10px; border: 1px solid #DDDDDD; }

/*product view*/
.product-view { }
.product-view h2 {font-size: 16px;}
.product-view h3 {font-weight:bold; font-size: 12px; line-height: 1.2em; margin-top: 12px; margin-bottom: 2px;}
.product-view .product-img-box { float:left; width:540px; }
.product-view .product-img-box .product-image { width:500px; border:none; }
.product-view .product-img-box .product-image-zoom {  }
.product-view .product-shop { width:385px; }
.product-view .product-shop .price-box { display: none;}
#super-product-table .price-box { display: block;}
#super-product-table .min-wid { width:20px; }
.product-view .product-shop .add-to-cart {float: right; margin-left: 15px; width:190px; }
.product-view .product-shop #product-options-wrapper {float: left; clear: both; width: 340px;}
.product-view .product-shop #product-options-wrapper select {width: auto;}
.product-view .product-shop .product-options-bottom .price-box {display: block; font-size: 1.4em; margin-left: 8px;}
.add-to-cart label { float:none; }
.add-to-cart .qty { float:none; }
.add-to-cart button.button { float:right; }
.product-view .additional {  }
.product-options-bottom { border:1px solid #ddd; margin-top:10px; padding:10px; }
.availability .in-stock { display:none; }
.availability .out-of-stock { display:inline; color:#333; }
.additional span { font-weight:bold; width:7em; display:block; float:left; clear:left; }
.additional input { background:url(../images/tick.gif) no-repeat;  } 

.product-balsa-wood-hat-box .product-view .product-shop .price-box { display:block; }

#super-product-table img { display:none; }
.category-alpaca-accessories .data-table td { width:90px; }
.category-alpaca-accessories .a-right { text-align:center; }

p.required {float: left; clear: left;}

.product-essential { padding-right:10px; }
.product-collateral { width:395px; float:right; }
.product-view .price-box { }
.product-options { float:right; margin :0px 10px 0 10px; background:transparent; border:none; }

.product-view .grouped-items { font-size:11px; }
.product-view .grouped-items thead { background:#f6f6f6; border-right:1px solid #ddd; }
.product-view .grouped-items thead th { background:#fff; }
.product-view .grouped-items th.a-center { border-right:none; }
.product-view .grouped-items input.qty { font-size:11px; width:1.5em!important; }
.product-view .grouped-items .price-box { display:inline; }
.add-to-box { padding-top:10px; }
.add-to-box .or { display:none; }

.the-ethical-choice { margin-top:10px; }

/* CMS */
.cms-page-view .page-title {  }
.cms-page-view .col1-layout .col-main { width:940px; padding-right:0px; }
.cms-page-view h3 {margin: 12px 0;}
.cms-page-view .page-title h3 { margin:0; }
.cms-page-view .cms-content a {text-decoration: underline;}

/*home page*/

.cms-home p#pachacuti-definition {margin-top: 10px; line-height: 1.6em;}
.cms-home p#pachacuti-definition:first-line {line-height: 2.2em;}
.cms-home p#pachacuti-definition img {vertical-align: top;}

.home-col2-set .col-1 { width:690px; float:left; }
.home-col2-set .col-1 h2, .home-col2-set .col-1 p { padding:10px 0 0 10px; }
.home-col2-set .col-2 { background:#fff; width:235px; float:right; }
.cms-home .col-2 div { position:relative; margin-left: 5px; }
.cms-home .col-2 div span a { position:absolute; bottom:0px; }
.panama-hats span a { background:url(../images/homepage/panama-hats.png) no-repeat; text-indent:-9999px; display:block; width:235px; height:29px; }
.cms-home .col-2 .fairtrade span a { background:url(../images/homepage/meet-the-producers.png) no-repeat;  text-indent:-9999px; display:block; width:235px; height:29px; }
.logo-small { background:url(../images/homepage/logo-small.gif) no-repeat; text-indent:-9999px; width:100px; height:20px; display:block; }
.underline { text-decoration:underline; }

.update-block { margin-top:10px; clear:both; }
.update-block h1 { padding:10px 0 10px 10px; }
.update-block ul { float:left; padding:0 0 10px 0px; }
.update-block li { text-align:center; display:block; width:235px; height:100px; float:left; position:relative; }
.update-block li a span { color:#fff; position:absolute; margin-top:-2em; display:block; width:235px; height:2em; background:url(../images/transparent.png); }

/*about*/

.cms-about .col2-set .col-1, .cms-about-our-story .col2-set .col-1, .cms-about-shop .col2-set .col-1 { width:195px; padding:0px 0px 0px 10px; float:right; border-left:1px solid #ddd; }
.cms-about .col2-set .col-2, .cms-about-our-story .col2-set .col-2, .cms-about-shop .col2-set .col-2 { width:705px; float:left; padding-right:10px; }
.cms-about-shop .footer { }
.pachacuti { background:url(../images/homepage/logo-small.gif) no-repeat; text-indent:-9999px; display:block; width:110px; height:20px; }
.cms-about-our-story .pachacuti, .cms-about-shop .pachacuti{ background:url(../images/logo-190.gif) no-repeat; text-indent:-9999px; display:block; width:190px; height:36px; padding-bottom:10px; }
.cms-about-achievements .col-1 { width:680px; float:left; }
.cms-about-products-and-producers p { width:580px; }
a.map { width:185px; display:block; border:1px solid #fff; }
a.map:hover { border:1px solid #999; }

/*fairtrade and environment*/
.environment-carousel a, .fairtrade-carousel a { color:#800000; text-decoration:underline; }
ul.links { background:transparent; position:relative; top:-80px; padding-left:0; float:left; }
.links li { background:#fff; float:left; list-style-type:none; }
.env-response { margin-right:19px; }
.links li span a { display:block; height:30px; width:343px; text-indent:-9999px; position:relative; top:-30px; }
.env-response span a { background:url(../images/environment/h-environmental-res-uk.png) no-repeat; }
.env-custom span a { background:url(../images/environment/h-env-res-cust.png) no-repeat; }


.links-fairtrade li span a { width:343px; }
.what-is,
.wfto-principles { padding-right:20px; }
.certification { margin-right:19px; }
.what-is span a { background:url(../images/fairtrade/h-what-is.png) no-repeat; }
.certification span a { background:url(../images/fairtrade/h-certification.png) no-repeat; }
.wfto-principles span a { background:url(../images/fairtrade/h-wfto-principles.png) no-repeat; }
.producers span a { background:url(../images/fairtrade/h-producers.png) no-repeat; }

.section { background:url(../images/bg-product-list.jpg) repeat-x left bottom; padding-bottom:10px; border-bottom:1px solid #ddd; }
.cms-fairtrade-what-is-fair-trade p,
.cms-fairtrade-wfto-ft-principles p,
.cms-fairtrade-products-and-producers p,
.cms-fairtrade-sftms p,
.cms-environment-sustainability p,
.environment-uk p,
.environment p { width:525px; }

.wfto p { /*background:url(../images/bg-product-list.jpg) repeat-x left bottom; padding-bottom:10px;*/ }

/*.environment-uk .page-title { background:url(../images/environment/h-environmental-res-uk.png) no-repeat; display:block; width:940px; height:29px; text-indent:-9999px; padding-bottom:0px; }*/

.cms-fairtrade-sftms a { text-decoration:underline; }

/*hats*/
.cms-hats-size-guide p { width:auto; }

/*hat-guide*/
ul.hat-rolling { clear:left; padding-left:0px; margin-left:-10px;  }
ul.hat-rolling li { display:inline; float:left; display:block; width:225px; margin-left:10px; margin-top:-10px; padding-top:10px; }
ul.hat-rolling p { width:225px; }

#fedora-hat li { min-height:22.5em; height:auto!important; height:22.5em;  }

/*.cms-hats-hat-care .std dl { position:relative; }

.cms-hats-hat-care .std dt {font-weight:normal; float:left; width:225px; display:block; position:absolute; top:225px;   }
.cms-hats-hat-care .std dd { /*position:absolute; left:-225px; }*/

/* Block: Why Pachacuti? */
.block-why-pachacuti{ width:auto; height:225px; margin-left:-20px; padding:10px 0 0 0;}
.block-why-pachacuti p, .block-why-pachacuti h2 { margin-left:18px; }

.block-why-pachacuti div { float:left; margin-left:20px; margin-top:20px; width:300px; height:225px; }
.block-why-pachacuti .producers { background:url(../images/hats-guide/producers-img.jpg) no-repeat; }
.block-why-pachacuti .fairtrade { background:url(../images/hats-guide/fairtrade-img.jpg) no-repeat; }
.block-why-pachacuti .environment { background:url(../images/hats-guide/environment-img.jpg) no-repeat; }

.block-why-pachacuti a { display:block; text-indent:-9999px; width:300px; height:225px; }
.block-why-pachacuti .producers a { background:url(../images/hats-guide/producers.png) no-repeat left bottom; }
.block-why-pachacuti .fairtrade a { background:url(../images/hats-guide/fairtrade.png) no-repeat left bottom; }
.block-why-pachacuti .environment a { background:url(../images/hats-guide/environment.png) no-repeat left bottom; }

/*hats*/
ul.hat-guide { margin-left:-20px; height:174px; }
ul.hat-guide li { display:block; float:left; width:220px; height:174px; margin-left:20px; position:relative; }

/*images must be in the background for transparency to work*/
.size-guide { background:url(../images/hats-guide/size-guide-img.jpg) no-repeat center bottom; }
.col-main li.hat-care { background:url(../images/hats-guide/rolling-your-panama-hat-img.jpg) no-repeat center bottom;  }
.journey { background:url(../images/hats-guide/journey-of-a-panama-hat-img.jpg) no-repeat center bottom; }
.styles { background:url(../images/hats-guide/styles-and-history-img.jpg) no-repeat center bottom; }

.hat-guide li span a { position:absolute; bottom:0px; display:block; width:220px; height:174px; text-indent:-9999px; }

.size-guide span a { background:url(../images/hats-guide/size-guide.png) no-repeat center bottom; }
.hat-care span a { background:url(../images/hats-guide/rolling-your-panama-hat.png) no-repeat center bottom;  }
.journey span a { background:url(../images/hats-guide/journey-of-a-panama-hat.png) no-repeat center bottom; }
.styles span a { background:url(../images/hats-guide/styles-and-history.png) no-repeat center bottom; }

/*sign up*/
#containerDiv .account-login-container .page-title .col2-set .col-1, #containerDiv .account-login-container .page-title .col2-set .col-2 { width:49%; float:center; margin:10px; padding:10px 30px; text-align: left; } 
.account-login-container {padding: 20px}
.account-login-container .page-title {text-align: left; padding: 0; margin: 0; margin-bottom: 8px;}
.account-login-container .page-title h2 {margin-top: 15px;}
.account-login-container ul.messages {display: none;}
#containerDiv h3 a {text-transform: uppercase; border-bottom: 1px dotted #444; font-size: 10px; line-height: 1.2em; margin-top: 4px;}
#closeLink{float:right;background:url(../images/closelabel.gif) no-repeat center right;width:66px;height:22px; margin-top:10px;}
._buttons-set {padding: 10px;}
._buttons-set button.button { line-height:25px; float:center; margin: 0 60px 20px; }
#_budge{padding-left:60px}

#containerDiv {
position: absolute;
width: 800px;
height: 430px;
padding: 10px 30px;
text-align: center;
border: 1px solid #444444;
background-color: white;
z-index: 99999;
}

/* cart */
.checkout-cart-index .col-main { width:940px; }
.checkout-cart-index .data-table tr.even { background:#fff; }
a.remove { font-size:0.8em; text-decoration:none; line-height:1.1em; }
#shopping-cart-table th { background: #fff; border:0; border-bottom: 1px solid #ccc;}
#shopping-cart-table td {vertical-align: middle; padding-left: 10px; border: 0;}
.col-main div.cart {margin-top: 40px;}
div.discount fieldset label {line-height: 2em;} 
.cart .cart-collaterals {width: auto; margin-top: 20px;}
.cart .col2-set .col-1 {width: 0;}
.cart .col2-set .col-2 {width: 100%;}
ul.checkout-types li button {width: 210px; height: 40px; padding: 10px 5px 10px 15px; background:url(../images/checkout-now.png) no-repeat center center;}
ul.checkout-types li button span {display: none; font-size: 1.4em;}

/* checkout */

.checkout-onepage-index .buttons-set {border: 0;}
.checkout-onepage-index .main {margin-top: 40px;}
.checkout-onepage-index .block-progress {margin-top: 35px;}
.checkout-onepage-index .block-progress .block-title {height: 28px;}
.step-title h3 {font-size: 15px; margin: 0; line-height: 1.5em; padding: 2px 0 2px 0;}
.opc .step-title .number {line-height: 2.3em; margin: 0 9px 0 5px;}
.opc .active .step-title {background-color: #444; color: #ccc;}
p.shipping_information {padding-left: 10px; margin-bottom: 9px;}

#checkout-step-billing { padding-bottom:30px; }
#checkout-step-billing button { background:#444; border:none; padding:1px 0; }
#checkout-step-billing button span { color:#fff; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; padding:0 12px; }

/*footer*/

.footer { background:#fff; width:940px; margin:0px auto; padding:0px 10px 10px 10px; clear:both; border:none;}
.footer ul { text-align:left; margin-right:30px; /*margin-left:-10px;*/ }
.footer address {}
.footer address.copyright {background:url(../images/footer-logo.gif) no-repeat center right;}
.footer .wfto {background:url(../images/footer-WFTO-logo.jpg) no-repeat center right; font-style:italic; width:auto; float:right; padding-right:60px; min-height:50px; line-height: 1em;}

/*blog */

.recent-posts ul { margin:10px 0 0 10px; }
.recent-posts li { margin-left:10px; list-style-type: disc; }

/********** < archive */
.archive { padding:10px; border:none; }
.archive .level-0 { font-size:12px; padding:5px 0; }

/* All Levels */
.archive h2 { font-size:1.2em; margin:5px 0 0 0; }
.archive li { text-align:left;  }
.archive li.over { z-index:999; }
.archive li.parent {}
.archive li a { display:block; text-decoration:none; }
.archive li a:hover { text-decoration:none; }
.archive li a span { display:block; white-space:nowrap; cursor:pointer; }
.archive li ul a span { white-space:normal; }

/* level-0 - year */
.archive li {  position:relative; }
.archive li a { padding:0px 10px; line-height:1.5em; font-weight:normal; color:#888; }
.archive li a:hover { color:#000; text-decoration:underline; }
.archive li.over a,
.archive li.active a { color:#000; }

/* Level-1 - month */
.archive ul.level-1 { position:absolute; width:15em; left:-10000px; border:1px solid #ddd; background:#fafafa;/*top:7px;*/ }
.archive .level-1 li { float:none; border-bottom:1px solid #ddd; }
.archive .level-1 li.last { border-bottom:0; }
.archive .level-1 li a { float:none; padding:3px 9px; font-weight:normal; color:#888; }
.archive .level-1 li a:hover { color:#000 ; }
.archive .level-1 li.active > a,
.archive .level-1 li.over > a  { font-weight:bold; color:#000 ; }

/* 3rd+ level */
.archive ul ul {  }

/* Show Menu */
.archive li.over > ul { left:200px; top:0px; }
.archive li.over ul { left:200px; }
.archive li.over > ul li.over > ul { left:100px; }
.archive li.over ul ul { left:-10000px; }
/********** Navigation > */

/*blog-twibe*/

.menu-twibe {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 none repeat scroll 0 0;
}
.menu-twibe h5 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#444444 none repeat scroll 0 0;
color:#CCCCCC;
font-family:Cambria,georgia;
font-weight:normal;
font-size:1.16em;
padding:5px 0 5px 15px;
}
.menu-twibe {
margin:5px 0px 15px 0px;
}

.blog-index-index div.twibes_widget_title a { font-weight:normal; font-family:Cambria,georgia; font-size:1.2em; }

.blog-index-index #twibes_widget_container { font-size:1em; overflow:hidden; }

/*sign in lightbox */
#bg_fade {
background-color:#555555;
/*height:140%;*/
left:0px;
margin:0px;
padding:10%;
position:absolute;
top:0px;
visibility:hidden;
width:80%;
z-index:1000;
}

/* swatches */
.swatch_colour {
border: 2px solid #ccc;
float:left;
padding: 2px ;
height:40px;
width:40px;
margin-right: 8px;
margin-bottom: 8px;
}

.swatch_colour:hover {
cursor: pointer;
border: 2px solid #aa0000;
}

#default {
border: 2px solid #444;
padding:2px;
float:left;
height:40px;
width:40px;
margin-right: 6px;
}

/*backgrounds*/
body { background:#ededed url(../images/bg-drop-shadow.png) repeat-y top center; }
.wrapper { }
/*.cms-environment,
.cms-environment-sustainability,
.cms-environment-environmental-responsibility-overseas,
.cms-environment-environmental-responsibility-uk { background:url(../images/background/toquilla_canopy_31.jpg) repeat-x; }*/