html { background-color: #e9dfc4;}
body { margin: 0; padding: 0; font: 13px/150% Georgia,"Times New Roman",Times,serif; color: #333;}

a { text-decoration: none; color: #CE7019;}
a img { border: none;}
a:active { outline: none;}
a:hover {color: #68331a;}

h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

.fullWidth { display: block; clear: both; overflow: hidden; float: none;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}

/* Header */
/*----------------------------------------------------------------*/
#headerWrapper { display: block; overflow: hidden; background: #fff url(images/bg-nav.png) repeat-x center bottom; padding: 50px 0 0 0; z-index: 9990}
#header { width: 800px; margin: 0 auto; background: url(images/tagline.png) no-repeat right -40px;}

#logo { }

/* Nav */
/*----------------------------------------------------------------*/
#navWrapper { }
#nav { display: block; overflow: hidden; margin: 30px 0 0 0; z-index: 9995;}
    #nav ul { list-style: none; text-align: center;}
    #nav ul li { margin: 0 10px; display: inline-block;}
    #nav ul li a { color: #8C4524; text-transform: uppercase; display: block; line-height: 37px; font-family: "Adobe Garamond Pro",Georgia,"Times New Roman",Times,serif;}
    #nav ul li a:hover { }
    #nav ul li.selectedPage { }
    #nav ul li.selectedPage a { }

/* Dropdowns */
/*----------------------------------------------------------------*/
#nav ul li ul {visibility: hidden; position: absolute; background: #f2f2f2; margin: 0 0 0 -10px;  min-width: 150px; max-width: 200px; padding: 0; z-index: 9999; text-align: left;

box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);

}
#nav ul li:hover ul { visibility: visible;}
#nav ul li ul li {float: none; margin: 0; display: block;}

#nav ul li ul li a {font:bold 11px/25px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #8C4524;  text-shadow: 0 1px 0 #fff; padding: 3px 10px; display: block;

-moz-transition: none;
-webkit-transition: none;

}
#nav ul li ul li a:hover { color: #fff; background: #ce7019;text-shadow: none; }

/* Site Body */
/*----------------------------------------------------------------*/
#bodyWrapper { display: block; overflow: hidden; padding: 0 0 20px 0; background: #fff url(images/bg-feature.jpg) repeat-x center top; z-index: 1000;}
#body { width: 800px; margin: 0 auto; }
    #mainColumn p,
    #mainColumn .element,
    #subColumn .element,
    #extraColumn .element { margin: 0 0 20px 0;}
    
.search {display: block; margin: 0 0 20px;}
    .search .searchInput {width: 100px;}
    .search .searchButton {background: none; border: none; color: #ce7019; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: bold; cursor: pointer;}
    .search .searchButton:hover {color: #777;}

/* Homepage Body */
/*----------------------------------------------------------------*/
#feature { display: block; overflow: hidden; clear: both; height: 359px; padding: 15px 15px 0;}
    #featureImage { background: #f3e8ca; float: right; height: 298px; margin: 0; padding: 10px; width: 530px;
    
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    
    }
    
    #featureText {  float: left; margin: 27px 0 0; width: 220px;}
        #featureText #twitter {background: url("images/twitter_box_bg.png") repeat-y scroll left top transparent; font-size: 12px; padding: 15px 20px;}
        #featureText #twitter h3 {color: #8C4524; font-size: 16px; margin: 0; padding: 0 0 10px; text-transform: uppercase;}
        #featureText #twitter ul {list-style: none;}
        #featureText #twitter li { color: #8C4524; padding: 0 0 10px;}
        #featureText #twitter a {border-bottom: 1px dotted #CE7019;}
        #featureText #twitter a:hover {border-bottom: 1px solid #68331a;}

.home #mainColumn,
.home #subColumn,
.home #extraColumn { float: left; width: 240px;}

.home #mainColumn {margin: 20px 0;}
    .home #mainColumn .blogList h2,
    .home #mainColumn .blogList h2 a {color: #8C4524; font-size: 14px; font-weight: bold; line-height: normal;}
    .home #mainColumn .blogList h2 a:hover {text-decoration: underline;}
    .home #mainColumn .blogList em {display: none; visibility: hidden;}
    .home #mainColumn .blogList .postInfo {color: #999;}

.home #subColumn {margin: 20px 40px; color: #8C4524; font-size: 11px;}

.home #extraColumn {margin: 20px 0;}

.home #body .container h1 {color: #CE7019; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0;}

/* Homepage Feature Body */
/*----------------------------------------------------------------*/
.homeFeature #feature { height: 360px; padding: 15px 0 0;}
.homeFeature #featureImage { float: none; height: 300px; width: auto;}
.homeFeature .sldw_caption {text-shadow: 0 2px 2px rgba(0,0,0,0.5);}
.homeFeature .sldw_caption a {color: #EDB21C;}
.homeFeature .sldw_caption a:hover {color: #fff;}
.sldw_prev a {background: url(images/btn-prev.png) no-repeat right center; width: 28px; height: 30px; -webkit-transition: all ease-in-out .04s; -moz-transition: all ease-in-out .04s;}
.sldw_next a {background: url(images/btn-next.png) no-repeat left center; width: 28px; height: 30px; -webkit-transition: all ease-in-out .04s; -moz-transition: all ease-in-out .04s;}
.sldw_prev a:hover {background: url(images/btn-prev.png) no-repeat left center; width: 28px; height: 30px;}
.sldw_next a:hover {background: url(images/btn-next.png) no-repeat right center; width: 28px; height: 30px;}

/* Inside page Body */
/*----------------------------------------------------------------*/
.inside #bodyWrapper {background: #fff; padding: 30px 0;}

.inside #mainColumn { width: 550px; float: left;}
    .inside #mainColumn h1.pageTitle,
    .inside #mainColumn .post h2 {color: #8C4524; margin: 0 0 30px; font-size: 24px; font-family: Georgia, serif; padding: 0; font-weight: normal; text-transform: none;}
    .inside #mainColumn h2 {color: #CE7019; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold; padding: 5px 0; text-transform: uppercase;}
    .inside #mainColumn h3 { font-size: 14px; color: #222; font-weight: bold;}
    .inside #mainColumn a:hover {border-bottom: 1px dotted #68331a;}
    .inside #mainColumn ul {margin: 0 0 20px 40px; list-style: square;}
    .inside #mainColumn .blogList ul {margin: 0 0 20px;}
    /* .inside #mainColumn img {max-width: 540px; border: 5px solid #e9dfc4;} */

.inside #subColumn { width: 180px; float: right;}
    #subColumn ul.subNav { list-style: none; margin: 0 0 40px;}
    #subColumn ul.subNav li { }
    #subColumn ul.subNav li a {  color: #595959; display: block; font: bold 11px/25px "Helvetica Neue",Helvetica,Arial,sans-serif; padding-left: 10px;text-decoration: none;text-transform: uppercase;}
    #subColumn ul.subNav li a:hover,
    #subColumn ul.subNav li a.selectedPage,
    #subColumn ul.subNav li a.selectedPageParent:hover { color: #fff; background: #ce7019;}
    #subColumn ul.subNav li a.selectedPageParent {color: #ce7019;}
    
    #subColumn ul.subNav ul {padding: 0 0 0; margin: 0 0 0 10px; list-style: none;}
    #subColumn ul.subNav ul li a {text-transform: capitalize; border-left: 2px solid #ddd;}
    #subColumn ul.subNav ul li a.selectedPage,
    #subColumn ul.subNav ul li a:hover {border-left: 2px solid #ce7019;}
    
    #subColumn .container h1 { color: #444; display: block; font: bold 12px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: normal; margin: 0 0 10px; text-decoration: none; text-transform: uppercase;}
    
    #subColumn .archive h2 a { color: #CE7019; display: block; font: bold 15px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: normal; text-decoration: none; text-transform: uppercase;}
    #subColumn .archive h2 a:hover {text-decoration: underline; color: #444;}
    #subColumn .archive .postDate {color: #999;}
    #subColumn .archive em {display: none; visibility: hidden;}
    #subColumn .archive .postArchiveGroup {padding-left: 10px; border-left: 1px solid #ddd;}
    #subColumn .archive .postArchiveGroup h2 a {font-size: 12px; color: #666;}
    #subColumn .archive .postArchiveGroup h2 a:hover {text-decoration: underline; color: #444;}

.inside #mainColumn ul.thumbList {list-style: none; margin: 0;}
    .inside #mainColumn ul.thumbList li {float: left; width: 183px; height: 150px;}
    .inside #mainColumn ul.thumbList img {display: block; clear: both; margin: 0 0 5px;}
    
.full #mainColumn {width: 100%; float: none; display: block; overflow: hidden;}

/* Marketplace */
/*----------------------------------------------------------------*/
.marketplace #cart {position: absolute; bottom: 10px; right: 0; color: #7a4028;}
.marketplace #cart #cart-total {padding: 0 30px;}

.marketplace #headerWrapper {padding: 0px 0 0 0;}
.marketplace #header {height: 330px; background: none; position: relative;}
.marketplace #header a:hover {opacity: .8;}
.marketplace #header #logo { float: left; margin: 0px 0 0 150px;}
.marketplace #return {float: right; right: 0; top: -30px;}
.marketplace #tagline {position: absolute; left: 150; top: 0px;}
.marketplace #bodyWrapper {background: #fff url(images/bg-feature-market.jpg) repeat-x center -175px;}

.marketplace #feature {height: auto; padding: 15px 0;}
.marketplace ul.productListing li span.productImageContainer {padding: 0 0 10px;}
.marketplace ul.productListing li h3.productTitle a {color: #fff;}
.marketplace ul.productListing.productListingGrid li span.productPriceContainer,
.marketplace ul.productListing li span.productPriceContainer span.productPrice {color: #CE7019; font-weight: normal; font-size: 14px; padding-top: 0;}
.marketplace #MainContent_1_1_cartform0 {display: inline; clear: none;}
.marketplace .productSelectOptions,
.marketplace .productAddToCart {background: none; border: none; color: #CE7019!important; display: inline; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; cursor: pointer; -webkit-appearance: none;}
.marketplace .productSelectOptions:hover,
.marketplace .productAddToCart:hover {color: #fff!important;}

.marketplace ul.productListing.productListingGrid li {padding: 0; width: 238px; clear: none!important; padding: 0 14px;}
.marketplace ul.productListing.productListingGrid li img {border: 10px solid #fff; max-width: 218px;}

.marketplace #content {padding: 20px 0 0;}

.marketplace #content ul.productListing.productListingGrid li img {border: 0; max-width: 238px;}
.marketplace #content ul.productListing li h3.productTitle a {color: #CE7019;}

.marketplace #content ul.productListing.productListingGrid li span.productPriceContainer,
.marketplace #content ul.productListing li span.productPriceContainer span.productPrice {color: #666;}

.marketplace ul.productListing.productListingGrid li span.productPriceContainer span,
.marketplace ul.productListing.productListingGrid li span.productPriceContainer div,
.marketplace #content ul.productListing.productListingGrid li span.productPriceContainer span,
.marketplace #content ul.productListing.productListingGrid li span.productPriceContainer div {float: left; display: inline-block;}

.marketplace #content ul.productListing li h3.productTitle a:hover,
.marketplace #content .productSelectOptions:hover,
.marketplace #content .productAddToCart:hover {color: #999!important;}

.marketplace #subColumn {width: 45%; float: left; display: block; padding: 0 0 40px 0; margin: 0;}
.marketplace #extraColumn {width: 45%; float: right; display: block; padding: 0 0 40px 0; margin: 0;}

.marketplace #subColumn h1,
.marketplace #extraColumn h1 {color:#c8884a; font-style: italic; font-size: 24px; line-height: normal; }

.marketDetail #bodyWrapper {background: #fff;}
.marketplace #mainColumn {width: 100%; position: relative;}
html body #mainColumn ul.productDetailImageList {margin: 0;}

.productDetailType {display: none;}

.marketDetail .productDetailDescriptionContainer { background: #efefef; padding: 20px 20px 10px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; color: #888; font-size: 12px; font-weight: bold; text-shadow: 0 1px 0 #fff; margin: 30px 0 0 0;}
.marketDetail .productDetailDescriptionContainer h4 {color: #CE7019; font-weight: bold;}
.marketDetail .productDetailDescriptionContainer ul {margin: 0 0 20px 20px;}

.marketplace .productSelectOptions,
.marketplace .productAddToCart {display:none;visibility:hidden;}

/* Footer */
/*----------------------------------------------------------------*/
#footerWrapper { width: 100%; display: block; overflow: hidden;

box-shadow: inset 0 7px 5px rgba(0,0,0,0.07); padding: 20px 0 80px 0;

}
#footer { width: 800px; margin: 0 auto; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; color: #baab8a; font-size: 12px;}
    #footer .left { }
        #footer .left ul { list-style: none;}
        #footer .left ul li { float: left; margin: 0 10px 0 0;}
        #footer .left ul li a { }
        #footer .left ul li a:hover { opacity: .8;}
    
    #footer .right { }
    #footer .right p { text-align: right;}
    #footer .right a:hover {opacity: .8;}

#footer .searchWrapper {display: block; clear: both; overflow: hidden; padding: 15px 0;}
#footer .searchWrapper .search {float: right; margin: 0; background: #fff;}
#footer .searchWrapper .search .searchInput {background: none; border: none; padding: 4px; margin: 0; outline: none!important;}
#footer .searchWrapper .search .searchButton {margin:0; background: #DD7200; text-transform: uppercase; color: #fff; cursor: pointer; height: 24px; line-height: 24px; display: inline-block; padding: 0 5px;}
#footer .searchWrapper .search .searchButton:hover {background: #8A481E;}

.mobile-nav-button {
	display: none;
}

/* <textEditor> */
.imgBorder {border: 10px solid #eadfc1; max-width: 530px;}
/* </textEditor> */

@media screen and (max-width:1024px) {

    .sldw_navigation {
        display: block!important;
        visibility: visible!important;
    }

}

@media screen and (max-width: 700px) {
	#nav ul.globalMenu {
		display: none;
	}
	
	a.subnavSkip {
		color: #888;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		display: block!important;
		text-align: right;
		border: none!important;
		background: #efefef;
		padding: 3%;
		margin: 0 0 30px;
		text-shadow: 0 1px 0 #fff;
	}
	
	#subColumn ul.subNav li a {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: #efefef;
		margin-bottom: 3px;
	}
	
	#subColumn ul.subNav li li a {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		background: none;
		margin-bottom: 0;
		text-shadow: none;
	}
	
	body {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#headerWrapper,
	#bodyWrapper,
	#footerWrapper,
	#header,
	#body,
	.homeFeature #feature,
	.homeFeature #featureImage,
	#footer .left,
	#footer .right {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		height: auto;
		float: none;
	}
	
	#headerWrapper {
		background: #fff;
	}
	
	#header {
		background: none;
		padding: 5%;
		width: 90%;
	}
	
	.inside #header {
		border-bottom: 3px solid #e8e0c3;
	}
	
	#header #logo {
		width: 50%;
		display: block;
	}
	
	#bodyWrapper {
		background-image: none;
	}
	
	#header #logo img,
	.homeFeature #featureImage img {
		width: 100%;
	}
	
	.homeFeature #mainColumn,
	.homeFeature #subColumn,
	.homeFeature #extraColumn,
	.inside #mainColumn,
	.inside #subColumn,
	#footer {
		display: block;
		width: 80%;
		padding: 10%;
		float: none;
		margin: 0;
	}
	
	.home #mainColumn,
	.home #subColumn,
	.home #extraColumn {
		padding-bottom: 0;
	}
	
	#nav ul ul {
		display: none;
	}
	
	.inside #bodyWrapper {
		padding: 0;
	}
	
	.inside #mainColumn img,
	.inside #mainColumn img.imgBorder,
	.inside #mainColumn iframe {
		max-width: 100%;
		border: none;
		height: auto!important;
	}
	
	.inside #mainColumn ul.thumbList li {
		
	}
	
	.inside #subColumn {
		padding-top: 0;
	}
	
	#subColumn ul.subNav li a {
		line-height: 32px;
	}
	
	#footer {
		text-align: center;
	}
	
	#footer .left {
		padding: 0 0 5%;
	}
	
	#footer .left ul {
		float: left;
	}
	
	#footer .left p {
		float: right;
	}
	
	#footer .right p {
		text-align: center;
	}
	
	#footer .searchWrapper .search {
		float: none;
		display: block;
		width: 80%;
		margin: 10%;
		overflow: hidden;
	}
	
	#footer .searchWrapper .search .searchButton {
		float: right;
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.mobile-nav-button {
		background-image: url(images/menu.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50% 50%;
	    background-color: #eab138;
	    float: left;
	    height: 32px;
	    margin: 0 !important;
	    position: absolute;
	    right: 20px;
	    top: 15px;
	    width: 32px;
	    display: block;
	}
	
	#nav {
		margin: 0;
	}
	
	#nav ul {
		background-color: #e8e0c3;
		border-top: 20px solid #fff;
	}
	
	#nav ul li {
		display: block;
		clear: both;
		border-bottom: 1px solid #d3cbb2;
	}
	
	#nav ul li:last-child {
		border: none;
	}

}