/*
Theme Name: Closed.com
Theme URI: http://www.closed.com/
Description: Closed Theme.
Version: 1.0
Author: Wardenclyffe
Author URI: http://www.wardenclyffeproject.com/
Tags: closed

	Closed v1.0
	 http://www.closed.com/

	This theme is for Closed.com as designed by Wardenclyffe.

*/
/* Custom Font */
@font-face {
	font-family: 'Glypha';
	src: url('/fonts/GlyphaLTStd.eot');
	src: local('☺'),
		url('/fonts/GlyphaLTStd.otf') format('opentype');
}
/* Page Styles */
body {background: #fff;}
a {color: #000;}
#popinfo {position: absolute; top: 15%; left: 50%; padding: 30px; background: url('images/close-button.png') top right no-repeat #fff; border: double #d7d7d7; cursor: pointer; display: none; z-index: 9999;}
#clsdWrapper {width: 960px; margin: auto;}
#clsdWrapper .clsdbutton, #popinfo .clsdbutton, #popup .clsdbutton {width: auto !important; height: 18px !important; margin: 4px 0; padding: 3px 8px 1px 8px; font: lighter 10px/0px "Glypha", Georgia; letter-spacing: 0.5px; color: #fff !important; background: #000; border:none; text-decoration: none; cursor:pointer; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-radius: 4px;}
#clsdWrapper .err {margin: 0; padding: 0; float: left; font: lighter 10px/0px Georgia; color: red;}
#clsdHeader {border-bottom: 1px solid #d7d7d7; height: 90px;}
#clsdHeader div {float: left;}
#clsdHeader div, #clsdFooter p {font: lighter 12px/16px "Glypha", Georgia;}
#clsdHeader #logo {margin: 28px 0px;}
#clsdHeader #nav ul {list-style: none; margin: 0 0 0 0; padding: 0; letter-spacing: 1.5px; text-transform: uppercase;}
#clsdHeader #nav {width: 500px; margin: 53px 0 0 30px;}
#clsdHeader #nav .navsep {padding: 4px 0 0 0;}
#clsdHeader #nav a {margin: 0px 0 0 0px;}
#clsdHeader #shopModule {float: right; width: 200px; height: 90px; background: url("images/mini-cart-bck-1.jpg") top right no-repeat; cursor: pointer;}
#clsdHeader #shopModule p {font-weight: normal; letter-spacing: 1.5px; text-align: right; margin: 54px 66px 0 0;}
#clsdHeader #shopModule a {color: #000;}
#clsdHeader #storeModule {float: right; width: 280px; height: 90px; padding: 6px 0 0 0; background: url("images/mini-cart-bck-1.jpg") top right no-repeat; cursor: pointer;}
#clsdHeader #storeModule input {width: 180px; font-size: 10px; margin: 6px 0 0 0;}
#clsdHeader #storeModule input.btn {width: 50px;}
#clsdHeader #storeModule p {font-weight: normal; font-size: 10px; letter-spacing: 1px; text-align: right; margin: 2px 66px 0 0;}
#clsdHeader #storeModule a {color: #000;}
#clsdHeader #storeModule a.link {font-size: 9px; color: #000;}
#clsdHeader .clsdNavBck {display: none;}
#clsdContent {margin: 14px 0 0 0; font: lighter 12px/14px Georgia;}
#clsdContent .upper {text-transform: uppercase;}
#clsdContent h1 {font: normal 18px/18px "Glypha", Georgia; margin: 16px 0 0 0; padding: 0;}
#clsdContent h2 {font: normal 12px/14px "Glypha", Georgia; letter-spacing: 1.5px; margin: 16px 0 0 0; padding: 0;}
#clsdContent h2.x {font: normal 14px/14px "Glypha", Georgia; letter-spacing: 0.5px; margin: 12px 0 0 0; padding: 0;}
#clsdContent h2 a, #clsdContent h2.x a, #clsdContent .category-the-x a, #clsdContent .category-the-x-odd a, #clsdContent #newsContent a {text-decoration: none; color: #000;}
#clsdContent h3 {font: normal 11px/11px Georgia; margin: -4px 0 0 0; padding: 0;}
#clsdContent .content {width: 790px; margin: 0 0 0 26px;}
#clsdContent .xhead {margin: 26px 0 12px 0;}
#clsdContent .pages img {padding: 16px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
#clsdContent .pages select {margin: 14px 0 0 0;}
#clsdContent .pages h1 {margin: 14px 0 26px 0;}
#clsdContent #homepage {margin: 0 0 0 0;}
#clsdContent pre {font: lighter 12px/14px Georgia;}
#clsdContent #the_XNav, #clsdContent #shop_Nav {float: left; width: 140px; margin: 10px 0 26px 0; font-size: 11px;}
#clsdContent #shop_Nav {margin: 0px 0 26px 0;}
#clsdContent #the_XNav div {margin: 0 0 16px 0;}
#clsdContent #the_XNav div a {text-decoration: none; color: #000;}
#clsdContent .profileVideo {width: 790px; height: 444px; margin: 12px 0 0 0; background: #cecece;}
#clsdContent .profileName {width: 790px; border-bottom: 1px solid #d7d7d7; padding: 0 0 4px 0; clear: both;}
#clsdContent .profileCont {width: 790px; margin: 10px 0 0 0; float: left; clear: both;}
#clsdContent .profileBio {width: 558px; margin: 0 26px 0 0; line-height: 19px; float: left;}
#clsdContent .profileBio p, #clsdContent .cols {
	-moz-column-width: 200px;
	-moz-column-gap: 26px;
	-webkit-column-width: 200px;
	-webkit-column-gap: 26px;
	column-width: 200px;
	column-gap: 26px;
}
#clsdContent .profilePortrait {width: 206px; height: 314px; margin: 16px 0 0 0px;}
#clsdContent .profileFeed {margin: 20px 0 0 0;}
#clsdContent .xWearing {list-style: none; margin: 0; padding: 0;}
#clsdContent .xWearing li {list-style: square inside; margin: 0; padding: 0;}
#clsdContent .xWearing li a, #clsdContent .profileBio a {color: #000;}
#clsdContent #xFeedOutput {margin: 46px 0 0 0;}
#clsdContent #xFeedOutput h3 {width: 348px; margin: 0 0 16px 0; padding: 4px 16px; color: #fff; display: none;}
#clsdContent .xFeedItem {float: left; width: 790px; margin: 0 0 26px 0; padding: 0 0 26px 0; border-bottom: 1px solid #d7d7d7}
#clsdContent .xFeedItem div {}
#clsdContent .xFeedItem img {margin: 0 26px 0 54px;}
#clsdContent .xFeedItem h2 {width: 300px; font: normal 20px/20px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 4px; margin: 65px 0 0 0; border-bottom: 5px solid #000;}
#clsdContent .xFeedItem p {font: italic 24px/32px "Glypha", Georgia; padding: 0 150px; text-align: center; margin: 0;}
#clsdContent .xFeedItem .date {text-align: left; font-size: 12px; padding: 0;}
#clsdContent .left, #clsdContent .alignleft {float: left;}
#clsdContent .right, #clsdContent .alignright {float: right;}
#clsdContent .alignleft {margin: 0 16px 16px 0;}
#clsdContent .alignright {margin: 0 0 16px 16px;}
#clsdContent .clear {clear: both;}
#clsdContent .clsdButton {background: #666; border: 1px solid #d7d7d7; padding: 5px 20px; cursor: pointer; color: #fff; -moz-border-radius: 6px;}
#clsdContent .category-the-x {float: left; width: 176px; height: 250px; margin: 12px 20px 0 20px;}
#clsdContent .category-the-x-odd {float: left; width: 176px; height: 250px; margin: 12px 0 16px 0;}
#clsdContent #stores {width: 820px; margin: 14px 0 0 0;}
#clsdContent #storeLocator {width: 790; height: 40px; margin: 0 0 26px 0;}
#clsdContent #storeLocator h2 {cursor: pointer;}
#clsdContent #locator, #clsdContent #storeCitySearch {display: none;}
#clsdContent #storeSearch {margin: 12px 20px 0 20px; padding: 2px 4px;}
#clsdContent #storeLocator select {margin: 12px 0 0 10px;}
#clsdContent #storeLocator select option {height: 18px;}
#clsdContent #results {margin: 0 0 0 26px; font-variant: italic; font-size: 14px;}
#clsdContent #submitStoreSearch {margin: 11px 0 0 0;}
#clsdContent #endStoreSearch {margin: 16px 0 0 12px; color: #999; cursor: pointer;}
#clsdContent #storeMap {width: 792px; height: 320px; margin: 14px 0 0 0;}
#clsdContent .store {float: left; width: 350px; height: 330px; margin: 0 0 26px 26px; padding: 16px; border: 1px solid #d7d7d7;}
#clsdContent .store h2 {margin: 0; padding: 0;}
#clsdContent .allstore {float: left; width: 760px; margin: 0 0 26px 26px; padding: 16px; border: 1px solid #d7d7d7; display: none;}
#clsdContent .allstore h2 {margin: 0 0 16px 0;}
#clsdContent .allstore .store {float: left; width: 218px; height: 75px; margin: 0 16px 16px 0px; padding: 16px 0 16px 16px;}
#clsdContent .allstore .store h3 a {font-size: 14px; color: #000;}
#clsdContent #newsContent {}
#clsdContent #newsContent .news {margin: 0 0 36px 0;}
#clsdContent .lookbox {margin: 0 10px 26px 0px;}
#clsdContent .lookbox-odd {margin: 0 0px 26px 0;}
#clsdContent .lookbox-odd a img, #clsdContent .lookbox a img {border: 1px solid #d7d7d7;}
/*
	SHOP STYLES
*/
#clsdContent #storeSlides {float: left; width: 790px; height: 478px; margin: 10px 0 14px 0; padding: 0 0 14px 0; border-bottom: 1px solid #d7d7d7; overflow: hidden;}
#clsdContent #storeSlides #slides {position: relative; top: 0; left: 0; width: 3960px;} 
#clsdContent #storeSlides #slides .slide {float: left; width: 790px; margin: 0 1px 0 0;}
#clsdContent .storeCatItm {background: #333; float: left; width: 178px; height: 133px; margin: 0px 0 26px 0;}
#clsdContent .storeCatItmEvn {background: #333; float: left; width: 178px; height: 133px; margin: 0px 0 26px 26px;}
#clsdHeader #storeModule p.storeTopBag {margin-top: 34px;}
#clsdHeader #storeModule #shopAccount {}
#clsdHeader #storeModule #shopAccount ul {list-style: none; font-size: 10px; margin: 0 20px 0 0;}
#clsdHeader #storeModule #shopAccount li {float: left; margin: 5px 0 0 5px;}
#clsdContent .shopInfoContent {width: 960px; float: left; margin: 0 0 26px 0px;}
#clsdContent .shopInfoContent img {border: 1px solid #d7d7d7;}
#clsdContent .shopListPage {float: left; clear: left; margin: 0; padding: 0;}
#clsdContent .shopListPage a.pgarrow {text-decoration: none;}
#clsdContent .catList {width:650px; float: left; margin: 26px 0 26px 0px; padding: 10px 0 20px 120px; border-bottom: 1px solid #d7d7d7;}
#clsdContent .catListImg img {margin: 0 28px 0 0px;}
#clsdContent .catList h2 {width: 278px; font: normal 20px/20px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 4px; margin: 12px 0 0 0; text-decoration: none;}
#clsdContent .catList h2 a {text-decoration: none;} 
#clsdContent .catList h3 {width: 278px; font: italic 14px/20px "Glypha", Georgia; margin: 0; border-bottom: 5px solid #000;}
#clsdContent .catListThree {width:258px; height: 250px; float: left; margin: 0px 6px 26px 0px; padding: 10px 0 10px 0px; border-bottom: 1px solid #d7d7d7;}
#clsdContent .catListThreeImg img {margin: 0 28px 0 0px;}
#clsdContent .catListThree h2 {width: 100px; font: normal 12px/16px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 4px; margin: 0px 0 0 0; text-decoration: none;}
#clsdContent .catListThree h2 a {text-decoration: none;} 
#clsdContent .catListThree h3 {width: 100px; font: italic 10px/12px "Glypha", Georgia; margin: 0; border-bottom: 2px solid #000;}
#clsdContent .shopRegContent {width: 780px; float: left; margin: 6px 0 26px 176px;}
#clsdContent #shopSteps {width: 960px; float: left; margin: 6px 0 26px 0;}
#clsdContent #shopSteps div {width: 169px; height: 22px; float: left; text-align: center; border: 1px solid #d7d7d7;}
#clsdContent #shopSteps div p {margin: 4px 0 0 0; padding: 0;}
#clsdContent #shopSteps div.even {margin: 0 26px;}
#clsdContent #shopSteps div.active {background: #000; color: #fff; border: 1px solid #000;}
#clsdContent #shopSteps div.active a {color: #fff;}
#clsdContent #shoppingBag, #shoppingCheckout {width: 960px;}
#clsdContent #shoppingBag .bagitemspc {height: 20px;}
#clsdContent #shoppingBag .bagitembrd {height: 20px; padding: 0 0 10px 0; border-top: 1px solid #d7d7d7;}
#clsdContent #shoppingBag .bagProdSlt {width: 20px; text-align: center;}
#clsdContent #shoppingBag .bagProdImg {width: 114px; text-align: center;}
#clsdContent #shoppingBag .bagProdImg img {border: 0 none;}
#clsdContent #shoppingBag .bagProdInfo {width: 620px;}
#clsdContent #shoppingBag .bagProdMny {width: 30px; text-align: right;}
#clsdContent #shoppingBag .bagProdInfo p {margin: 10px 0 0 10px; padding: 0;}
#clsdContent #shoppingCheckout .coupon {width: 600px; padding: 20px 0 0 0; text-align: left;}
#clsdContent #shoppingCheckout .checkout {width: 360px; padding: 20px 0 0 0; text-align: right;}
#clsdContent .shopInfoContent .shopUser {width: 302px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
#clsdContent .shopInfoContent .shopUserMid {margin: 0 26px;}
#clsdContent .shopInfoContent .shopUserNxt {width: 960px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
#clsdContent .shopInfoContent .shopUser h2, #clsdContent .shopInfoContent .shopUserNxt h2 {margin: 0 0 30px 0; padding: 0 0 10px 0; text-transform: uppercase; border-bottom: 1px solid #d7d7d7;}
#clsdContent .shopInfoContent .fs11, #clsdContent .shopInfoContent label {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
#clsdContent .shopInfoContent label {width: 145px;}
#clsdContent #shop_Nav ul {list-style: none; margin: 0; padding: 0;}
#clsdContent #shop_Nav li {margin: 8px 12px; padding: 0;}
#clsdContent #breadcrumb, #clsdContent #catFilter {width: 790px; margin: 10px 0 10px 0; padding: 0 0 4px 0; font: lighter 8px "Glypha", Georgia; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #d7d7d7;}
#clsdContent #catFilter {text-align: right; margin: 0 0 26px 0; border: 0 none;}
#clsdContent #breadcrumb a, #clsdContent #catFilter a {text-decoration: none;}
#clsdContent .shopDetail {margin: 14px 0 26px 0;}
#clsdContent #shopProductImgs {width: 378px; margin: 0 0 26px 0;}
#clsdContent #shopProductImgs #prodImgTwo {display: none;}
#clsdContent .shopPhoto {/*width: 246px;*/width: 378px; margin: 18px 0 0 0;}
#clsdContent .shopPhotoMid {/*width: 246px;*/width: 378px; /*margin: 18px 24px 0 25px;*/ margin: 18px 0px 0 25px;}
#clsdContent .shopPhoto img.prod, #clsdContent .shopPhotoMid img.prod {/*width: 246px;*/width: 378px;}
#clsdContent #shopProductIco {width: 113px; margin: 0 0 0 0;}
#clsdContent #shopProductIco div {border-left: 1px solid #d7d7d7; margin: 0 0 6px 0; text-align: center;}
#clsdContent #shopProductIco div.icobreak {border-bottom: 1px solid #d7d7d7; border-left: 0 none; margin: 8px 0;}
#clsdContent #shopProductIco img {cursor: pointer;}
#clsdContent #shopProdInfo {width: 278px; margin: 0 0 0 20px;}
#clsdContent #shopProdInfo h1 {width: 278px; font: normal 20px/20px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 4px; margin: 12px 0 0 0;} 
#clsdContent #shopProdInfo h2 {width: 278px; font: italic 14px/20px "Glypha", Georgia; margin: 0; border-bottom: 5px solid #000;}
#clsdContent #shopProdInfo select {margin: 26px 0 0 0;}
#clsdContent #shopProdInfo p {font-style: italic; margin: 26px 0 0 0;}
#clsdContent #shopProdInfo p.shopProdInfoBottom {font: normal 10px/18px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 26px 0; border-bottom: 5px solid #000;}
#clsdContent #prodSocialLinks {/*height: 20px;*/}
#clsdContent #shopProdInfo label {font: normal 10px/18px "Glypha", Georgia; text-transform: uppercase; letter-spacing: 1px;}
#clsdContent #shopProdInfo a {text-decoration: none; color: #000; line-height: 18px;}
#clsdContent .errorbox {margin: 0 0 26px 0;color: red;}
#clsdContent #clsdColorVariant {width: 300px; margin: 26px 0 13px 0;}
#clsdContent #clsdColorVariant div {float: left; width: 37px; height: 37px; margin: 0 6px 6px 0; border: 2px solid #fff;}
#clsdContent #clsdSizeVariant {clear: left; display: none;}
/*#clsdContent #clsdSizeVariant {width: 40px; height: 20px; clear: left; margin: 0 0 26px 0; overflow: hidden; border: 1px solid #d7d7d7;}
#clsdContent #clsdSizeVariant div {height: 20px; margin: 0 0 0 10px;}*/
/*
	END SHOP STYLES
*/
#clsdFooter {height: 150px; border-top: double #d7d7d7; padding: 18px 0 0 0; clear: both;}
#clsdFooter a {color: #000;}
#clsdFooter #service, #clsdFooter #contact, #clsdFooter #social {float: left; margin: 0 30px 0 0;}
#clsdFooter #copyright {float: right;}
#clsdFooter div ul {list-style: none; float: left; margin: 0px 52px 0 0; padding: 0;}
#clsdFooter #copyright p, #clsdFooter div ul li {font: lighter 11px/14px "Glypha", Georgia;}
#clsdFooter div ul li {margin: 4px 0 0 0;}
#clsdFooter #social ul li {float: left; width: 36px; height: 36px; margin: 14px 18px 0 0;}
#clsdFooter #social .social {background: url('images/social-logos.png') no-repeat; cursor: pointer;}
#clsdFooter #social .facebook {background-position: 0px 0px;}
#clsdFooter #social .twitter {background-position: -36px 0px;}
#clsdFooter #social .newsletter {background-position: -72px 0px;}
/*
	Shop Category Nav
*/
#clsdContent #shopLeftNav {width: 140px; margin: 10px 0 0 0;}
#clsdContent #shopLeftHomeSlides {width: 140px; height: 133px; margin: 26px 0 0 0;}
#clsdContent #shopLeftNav .navigation, #clsdContent #shopLeftNav .shopLang {width: 140px; margin: 0 0 1px 0; padding: 0px; text-indent: 0px; background: #000;}
#clsdContent #shopLeftNav .navigation ul, #clsdContent #shopLeftNav .sub-navigation ul, #clsdContent #shopLeftNav .sub-navigation ul {/*display: none;*/}
#clsdContent #shopLeftNav .sub-navigation li {font-size: 10px; letter-spacing: .5px;}
#clsdContent #shopLeftNav .sub-sub-navigation ul li a {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#clsdContent #shopLeftNav .navigation a, #clsdContent #shopLeftNav .shopLang a {color: #fff;}
#clsdContent #shopLeftNav .navigation ul, #clsdContent #shopLeftNav .shopLang ul {margin: 0px; padding: 0px; text-indent: 0;}
#clsdContent #shopLeftNav .navigation li, #clsdContent #shopLeftNav .shopLang li {margin: 0; padding: 0; list-style: none;}
#clsdContent #shopLeftNav .navigation li a.head, #clsdContent #shopLeftNav .shopLang li a.head {margin: 0px; padding: 3px 0 3px 12px; cursor: pointer; text-decoration: none; display: block;}
#clsdContent #shopLeftNav .navigation li a, #clsdContent #shopLeftNav .navigation li li a, #clsdContent #shopLeftNav .shopLang li li a {display: block; padding: 2px 0 6px 12px; text-decoration: none;}
#clsdContent #shopLeftNav .navigation li li a:hover, #clsdContent #shopLeftNav .shopLang li li a:hover {text-decoration: none;}
#clsdContent #shopLeftNav .shopLang {margin: 26px 0 0 0;}
/*
	OXID styles needed for shop functionality
*/
#wait {display: none;}
#popup {position: absolute; top: 25%; left: 45%; padding: 26px; background: #fff; font: lighter 12px/14px Georgia;  border: double #d7d7d7;}
#popup h2 {font: normal 14px/14px "Glypha", Georgia; letter-spacing: 1.5px; margin: 0 0 0 0; padding: 0;}
#popup p {text-align: center; margin: 26px 0;}
/* 
	Drop Down Menu
	LEVEL ONE
*/
ul.dropdown {position: relative; z-index: 1000;}
ul.dropdown li {float: left; zoom: 1; margin: 0px 16px 0px 0;}
ul.dropdown a {text-decoration: none;}
ul.dropdown a:hover {background: #000; color: #fff;}
ul.dropdown a:active {background: #000; color: #fff;}
ul.dropdown li a {display: block; padding: 4px 8px 2px 8px; border-top: 1px solid #fff;}
ul.dropdown li a:hover {color: #fff;}
ul.dropdown li.hover, ul.dropdown li:hover {background: #000; color: #fff; position: relative;}
ul.dropdown li.hover a {background: #000; color: #fff;}
/* 
	LEVEL TWO
*/
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; background: #000;}
ul.dropdown #collection {width: 120px;}
ul.dropdown #collection ul li a {width: 104px; color: #fff;}
ul.dropdown #culture {width: 92px; margin: 0 10px 0 0;}
ul.dropdown #culture ul li a {width: 76px; color: #fff;}
ul.sub_menu {}
ul.sub_menu li {margin: 0px 0px 0 0;}
ul.sub_menu ul li {margin: 0px 0px 0 0;}
ul.dropdown ul li {float: none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {display: inline-block;}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul {left: 100%; top: 0;}
ul.dropdown li:hover > ul {visibility: visible;}