/*
Website: Sleek IDentity
Version: 1.5
Author: Moritz Limanski
Author URI: http://www.portnull.de
*/


/* RESET
--------------------------------------------------------------------- */
@import "/reset.css";


.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.floatleft, .left {float: left;}
.floatright, .right {float: right;}

.odd {background: #f8f8f8;} 
.even {background: #fff;}
.odd img, .even img {padding:1px; border: 1px solid #ddd;}
.odd .depth, .even .depth {
	font-size: 10px;
	color: #fff;
	background: #111;}
.isHidden, .hide {display: none;}



/* TYPO
--------------------------------------------------------------------- */
body {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	text-align: center;
	color: #333;
	overflow-x: hidden;}


/* -- LINKS */
a:link, a:visited, a:active {color: #111; text-decoration: none;}	
a:hover {color: #f97800; text-decoration: none;}
a img {border: 0;}


a.link-teaser, a.link-teaser:hover {font-size: 12px; color: #333 !important;}
a.link-teaser:hover {text-decoration: underline;}
a.read-more {white-space: none; color: #9fbbc4;}


li.footer-link {padding: 0 0 0 19px;}
li#link-twitter {background: url(/gfx/twitter_16.png) 4px 2px no-repeat;}
li#link-facebook {background: url(/gfx/facebook_16.png) 4px 2px no-repeat;}


a.picto {
	position: absolute;
	top: 54px;
	right: -31px;
	display: block;
	height: 25px; width: 25px;
	opacity: .5;}
a.picto:hover {opacity: 1;}	
a#picto-facebook {background: url(/gfx/picto-facebook.png) 0 0 no-repeat;}
a#picto-twitter {top: 84px; background: url(/gfx/picto-twitter.png) 0 0 no-repeat;}



/* -- TYPO: Headlines */
#sidebar h2, .teaser h2, .teaser h3 {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-weight: normal;}


h1 {font-size: 3em;}
h1.product-name {font-size: 3em; width: 454px; font-weight: normal;}
h1.product-name span {color: #888;}
h1.designer-name {font-size: 3em; font-weight: normal; margin: 0 0 20px 0;}


#page h1, #contact h1, #submit-a-product h1 {
	font-size: 3em;
	color: #111;}

.social a {color: #111 !important;}
.social a span {color: #f87700;}

h2 {font-size: 1.8em;}
h2 em {font-style: normal;}


h3 {font-size: 1.6em;}
h3 a {color: #f97800 !important;}
h3 span {color: #f97800}
h3.big {font-size: 2.5em; margin-bottom: 8px;}


h3.product-price {
	font-size: 2.6em;
	font-weight: normal;
	margin: 5px 0 0;}	
h3.product-saleprice {
	font-size: 2.6em;
	font-weight: normal;}
.overview h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 4px 0;}	
.overview h3 em {
	color: #fa8201;
	font-style: normal;}
h3.hasBg {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal !important;
	margin: 0;}
h3.hasBg a {color: #f97800;}
h3.hasBg span {color: #111; padding: 4px 6px; background: #fff;}	
h3.hasBg.invert span {color: #111; background: #e6e5e1;}



h4 {
	font-size: 1.2em;
	font-weight: normal;}	
	

.fontWhite {color: #111; background: #fff; padding: 5px; width: 514px; margin: 10px 0;}
.fontOrange {color: #f87700; text-shadow: 0 1px 0 #c3d7dc; margin: 10px 0;}
.fontBlue {color: #a8d6eb; text-shadow: 0 1px 0 #c3d7dc; margin: 10px 0;}


/* -- TAGS */
p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 10px;}
#header p {margin: 0;}


acronym {border: 0;}	
acronym span {cursor: help; border-bottom: 1px dotted #333;}
blockquote {padding: 10px;}
small {font-size: 11px; line-height: 14px;}
#formComments small {font-size: 12px;}


sup, span.onsale {
	font-family: hevetica, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 1px 3px;
	background: #ff9900;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

s.price {color: #111;}


/* -- CLASSES */
.uppercase {text-transform: uppercase;}
h3.uppercase {font-weight: bold;}
strong.uppercase {clear: both; font-size: 1.2em; line-height: 1.6em;}


.impact {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-weight: normal !important;}	
.impact a {color: #f97800;}


a.highlight {color: #ff9900; text-decoration: none !important;}
a.highlight:hover {text-decoration: underline !important;}
.orangetext {color: #f87700;}

hr {
	clear: both;
	border: 0;
	height: 0;
	padding: 0;
	margin: 20px 0;
	border-bottom: 2px solid #111;
	background: none;}
hr.hidden {margin: 0; padding: 0; border: 0; visibility: hidden;}
hr.hidden.margin {margin: 30px 0 10px;}
	
	
/* BUILD
--------------------------------------------------------------------- */
body {background: #dddbd7;}

.wrapper {
	text-align: left;
	width: 802px;
	padding: 0 10px;
	margin: 0 auto;
	background: url("/gfx/bg-wrapper.png") top center repeat-y;}

#header {
	position: relative;
	color: #fff;
	background: #111;}


#frame {width: 802px;}
#sidebar {
	float: left;
	width: 125px;
	padding: 145px 0 18px 4px;
	background: #89bcc8;}

#content {
	float: right;
	width: 672px;
	background: #fff;}
	
#footer {clear: both; color: #fff; padding: 0;}
#footer .wrapper {
	padding: 16px 10px;
	background: url("/gfx/bg-footer.png") top center repeat-y;}	



/* NAVIGATION
--------------------------------------------------------------------- */
/* -- NEW NAVIGATION */
#sidebar a.topmenu {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #111;
	padding: 4px 0 0 18px;
	background: url("/gfx/list-item.png") 0 -36px no-repeat;}
	
#sidebar a.topmenu:hover, #sidebar a.topmenu.current {
	color: #fff;
	text-shadow: 0 1px 1px #658f99;
	background: url("/gfx/list-item.png") 0 -13px no-repeat;}
#sidebar a.topmenu.parent.current {
	font-weight: normal;
	padding: 0 0 0 18px;
	background: url("/gfx/list-item.png") 0 5px no-repeat;}
#sidebar a.topmenu span {padding-left: 18px;}


/* -- Level 1 */
ul.nav_categories {
	font-size: 1.3em;
	padding: 0 0 10px 4px;}
ul.nav_categories li {
	list-style-type: none;
	margin: 0 0 12px 0;}
ul.nav_categories ul li {padding: 0;}
ul.nav_categories a:hover {color: #fff;}


/* -- Level 2 */
ul.nav_categories ul {padding: 4px 0 2px;}
ul.nav_categories ul li {
	padding: 2px 0;
	margin: 0 0 0 18px;}
ul.nav_categories ul a {
	display: block;
	color: #111;
	text-decoration: none;
	text-shadow: none;
	border-bottom: 2px solid #70ADBA;}
ul.nav_categories li a:hover {color: #fff;}


/* -- Level 3 */
ul.nav_categories ul ul li {margin: 0;}


/* -- sub navigation *CURRENT */
ul.nav_categories ul a.current {
	color: #fff;
	text-shadow: 0 1px 0 #658f99;}
a.parent {
	text-transform: uppercase;
	font-weight: bold;}



/* HEADER
--------------------------------------------------------------------- */
#header a:hover {color: #fa8201;}

img#logo {
	position: absolute;
	top: 28px;
	left: -26px;}

#header-nav {
	float: left;
	padding: 0 0 12px 0;
	margin: 26px 0 0 142px;}
#header ul.links-secondary {padding: 0;}
li#supportcall {padding: 0 4px; color: #f87700;}

	
	
#header-search {
	float: left;
	padding: 22px 0 10px;
	margin-left: 14px;}
input#search {
	font-size: 12px;
	color: #ddd;
	width: 102px;
	padding: 2px;
	border: 1px solid #666;
	background: #111;}
	


/* SHOPPING CART
--------------------------------------------------------------------- */
#header-cart {
	float: right;
	position: relative;
	font-size: 1.2em;
	color: #fff;
	height: 40px;
	padding: 18px 12px 0 10px;
	background: #89bcc8 url("/gfx/bg-cart-blue.jpg") bottom right repeat-x;}
#header-cart a {
	display: block;
	font-size: 11px;
	color: #f1f1f1;
	padding: 0 12px 0 1px;}
#header-cart a:hover {color: #fff;}
#header-cart strong {
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #658f99;}

a#cart-icon {
	position: absolute;
	display: block;
	outline: none;
	top: 10px;
	right: -48px;
	width: 34px;
	height: 39px;
	background: transparent url("/gfx/ico-cartbig.png") 0 0 no-repeat;}
	

	
/* CART
--------------------------------------------------------------------- */
#cart {
	padding: 10px 16px 10px 10px;
	margin: 10px 0 10px 10px;
	background: #e0e4e5;}
.cart-user a {color: #f87700;}


/* cart content definition list */
dl#cartHeader {
	font-size: 11px;
	font-weight: bold;
	padding: 8px 10px;
	border-bottom: 1px dotted #ccc;
	background: #f8f8f8;}
dl#cartHeader dt, dl#cartHeader dd {float: left;}


dl.cartContent {
	padding: 8px 10px;
	border-bottom: 1px dotted #ccc;
	background: #fff;}
dl.cartContent:hover {background: #ffffdd;}	
dl.cartContent dt, dl.cartContent dd {float: left;}
dl.cartContent dt {font-weight: bold;}	
dl#cartHeader dt, dl.cartContent dt {width: 210px;}
dd.cartItem {}
dd.cartItem.quantity {width: 85px;}
dd.cartItem.priceeach {width: 85px;}
dd.cartItem.pricetotal {width: 105px;}	
	


a#checkout-link {
	float: right;
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	color: #111;
	text-transform: uppercase;
	text-decoration: none !important;
	padding: 8px 14px;
	margin: 10px 0 0 0;
	background: #ff9900 url("/gfx/btn-bg-addtocart.png") bottom left repeat-x;}
a#checkout-link:hover {color: #fff;}


.cartTotal {
	padding: 8px 10px;
	background: #fff;}
.cartTotal p {
	font-size: 11px;
	padding: 0;
	margin: 0;}
	
.cartNote {padding: 8px 10px;}
.cartNote p {margin: 0;}
.note {margin: 10px 0 0 0;}
.note a {color: #fc6100;}

.cartFooter {
	float: left;
	margin: 10px 0 0 0;}
.cartFooter a {
	padding: 2px 4px;
	margin: 0 6px 0 0;
	background: #fff;}


span.foxee_remove_link a {
	display: hidden;
	font-family: Helvetica Neue, Helvetica, Arial, Sans-Serif;
	float: right;
	font-size: 11px;
	line-height: 9px;
	padding: 0 4px 3px;
	background: #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


ul#cart-productlist li:hover span.foxee_remove_link a {
	display: inline;
	color: #fff;
	background: #111;}
span.foxee_remove_link a:hover {
	color: #fff;
	background: #e89719;}



/* ADD TO CART
--------------------------------------------------------------------- */
#cartContainer {
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #9fcddf;
	background: #b3d8e8;}	
	
	
.cartOption {margin: 0 0 8px 0;}	
.cartOption label {
	float: left;
	font-size: 10px !important;
	margin: 2px 0;}	
.cartOption input {
	float: right;
	width: 80px;
	margin: 0;}
.cartOption select {
	float: right;
	width: 90px;
	margin: 0;}
div.foxee_pricing_options {clear: left;}



/* -- Button: Add to cart */
input.link-addtocart, input.link-unavailable, a.bigbtn {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 2em;
	text-align: center;
	color: #111 !important;
	text-shadow: 0 1px 0 #ffc05a;
	width: auto;
	padding: 4px 10px;
	text-transform: uppercase;
	text-decoration: none !important;
	border: none !important;
	background: #ff9700 url("/gfx/btn-bg-addtocart.jpg") bottom left repeat-x;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
	cursor: pointer;}
input.link-addtocart:hover, a.bigbtn:hover {background: #ffb949;}

input.link-unavailable {}
input.link-unavailable:hover {color: #000;}


/* -- Free shipping */
small.freeShipping {
	display:block;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 0 0;}


/* -- New Cart */
#newCart {
	clear: both;
	text-align: center;
	padding: 7px;
	margin: 7px 0 0 0;
	border: 1px solid #b6d1da;
	background: #ecf5f8;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
#newCart hr {
	margin: 7px 0;
	border-top:1px solid #b6d1da;
	border-bottom: 1px solid #fff;}
#newCart .cartOption {padding: 6px 0 0;}
#newCart .cartOption select {width: 140px;}	


	
/* CONTENT
--------------------------------------------------------------------- */
.the-content {
	min-height: 400px;
	padding: 0 0 10px 108px;
	margin: 10px 0;}
.the-message {
	padding: 40px 0 10px 108px;
	margin: 10px 0;}
.hasPadding {padding: 10px;}

	
/* -- VIEW OPTIONS / PAGINATION */	
.viewOptions {padding: 10px 0 10px 106px;}
.pagination {clear:both; font-size: 12px; padding: 10px 16px 10px 106px; margin: 0;}
.pagination.bottom {padding: 10px; border-top: 1px dotted #ddd;}


.bottom-pagination {
	text-align: left;
	clear: left;
	font-size: 1.2em;
	padding: 10px 0;}
.bottom-pagination strong, .bottom-pagination a {
	font-weight: normal;
	padding: 4px 7px; margin: 0;
	border: 1px solid #ddd;}
.bottom-pagination strong {border: 1px solid #111;}
	
	
	
/* -- TXT */	
.txt {margin: 0 16px 0 0;}
.hasPadding .txt {margin: 0 6px 0 0;}
.txt.blog {margin-bottom: 20px;}
.txt.facebook {}

.txt h1,.txt h2, .txt h3 {
	font-family: Impact, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: normal !important;
	text-transform: uppercase;
	color: #111;}
.txt a {color: #f87700;}
.txt a:hover {text-decoration: underline;}


.txt ul, .txt ol {
	font-size: 1.3em;
	padding: 0;
	margin: 10px 0;
	list-style-type: none;}
.txt ul li, .txt ol	li {
	margin: 6px 0;
	list-style: none;}
.txt ul.thumbnails li {background: none;}	
.txt ul.thumbnails li a {padding: 0; background: none;}	

	
.txt li span {
	display: inline-block;
	padding: 3px 8px;
	color: #fff;
	background: #b4bfc1;}
.txt li a {
	display: inline-block;
	padding: 3px 8px;
	color: #111;
	background: #fff;}
.txt li a:hover {
	color: #fff;
	background: #fb6000;
	text-decoration: none;}
	
	
ul.isList, ol.isList {
	line-height: 19px;
	margin: 20px 0;}	
ul.isList li {
	padding: 3px 0 3px 15px;
	margin: 0 0 5px 0;
	border: none;
	background: #fff url("/gfx/gfx-list.png") 0 11px no-repeat;}
	

p.isDate {
	margin-top: 6px;
	margin-left: -10px;}
p.isDate span {
	padding: 2px 4px 2px 10px;
	background: #fff;}



/* PRODUCT
--------------------------------------------------------------------- */
#product-overview {background: url("/gfx/headline-all.png") 10px 0 no-repeat;}
#inspiration-overview {background: url("/gfx/headline-inspiration.png") 10px 0 no-repeat;}
#made-to-order-overview {min-height: 340px !important;}


/* -- GALLERY */
#product-view, #product-single-view {
	position: relative;
	width: 656px;
	height: 300px;
	margin: 14px 0 14px 0 !important;
	border: 1px solid #333;
	border-left: 0;}

/* MAGNIFY AND STYLE TEXT */
span#product-magnify {
	z-index: 100;
	position: absolute;
	display: block;
	font-size: 11px;
	color: #111;
	top: 2px;
	left: 2px;
	padding: 1px 0 0 21px;
	height: 18px;
	cursor: pointer;
	background: url("/gfx/ico-magnify.png") 0 0 no-repeat;
	-moz-text-shadow: 0px 1px 0px #f8f8f8;
	-webkit-text-shadow: 0px 1px 0px #f8f8f8;
	text-shadow: 0px 1px 0px #f8f8f8;}


/* -- GALLERY: PICTURES / THUMBNAILS */	
div#isGallery {float: left; width: 328px;}
div#isGallery, div#isGallery img {position: relative;}


/* -- PRODUCT TABS */
ul#product-tabs {
	text-transform: uppercase;
	margin: 25px 0 0;}
ul#product-tabs li {
	float: left;
	list-style-type: none;
	margin: 0 8px 0 0;}
ul#product-tabs li a {
	font-family: Impact, Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	color: #ff9900;
	border-top: 2px solid #333;
	text-decoration: none;}
ul#product-tabs li a:hover, ul#product-tabs li a.selected {
	color: #333;
	border-color: #ff9900;}


/* -- As seen on */
#productFeatured {max-height: 180px; overflow: hidden;}
#productFeatured a img {padding: 1px; border: 1px solid #ddd;}	


/* -- Related */
#relatedInfo {padding: 10px; margin: 10px 0 0; background: #e6e5e1;}
body#products #related-products {float: left; width: 300px;}

#designer-short {
	float: left;
	width: 300px;
	margin: 0 32px 0 0;}
#designer-short a {color: #f97800;}


.product-sidebar {
	float: right;
	width: 180px;
	margin: 0 16px 0 0;}
#tab-information .product-sidebar {margin: 10px 0 0 20px;}



/* NEW PRODUCT DETAIL PAGE
--------------------------------------------------------------------- */	
#productInfo p, #productInfo li {font-size: 13px; line-height: 18px;}
#productInfo {
	text-align: justify;
	padding: 10px 0 0 10px;
	width: 320px;}
#productInfo h1 {
	font-size: 3em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 10px 0;}
#productInfo h3 {font-size: 13px; text-align: left; margin-bottom: 7px;}
#productInfo ul, #productInfo ol {padding-left: 15px;}
#productInfo ul li {list-style: square; text-align: left;}


#productPrice {text-transform: uppercase;}
#productPrice h2 {font-size: 14px; font-weight: bold; margin-bottom: 4px;}
#productPrice strong {font-size: 14px; color: #f87700;}


#productGallery {width: 300px; padding: 10px 16px 0 0;}
#bigPic {position: relative; padding: 1px; border: 1px solid #ddd;}
#bigPic a {display: block;}
span#product-style {position: absolute; font-size: 12px; color: #666; text-shadow: 0 1px 0 #fff; bottom: 8px; left: 10px;}
	
	
ul#thumbPics {margin: 10px 0; list-style: none; z-index: 0;}
ul#thumbPics li {float: left; margin: 0 7px 7px 0; z-index: 0;}
ul#thumbPics li.break {margin: 0 0 7px 0;}
	
ul#thumbPics a {
	display: block;
	height: 50px;
	width: 50px;
	padding: 1px;
	border: 1px solid #ddd;
	background: #fff;}	
ul#thumbPics a:hover {border: 1px solid #f87700; background: #f7a054;}
ul#thumbPics a:focus {outline: none;}



/* -- Product Module */
.productModule {clear: both; padding: 10px 16px 10px 10px;}

/* -- Don't Miss / Promo */
#dont-miss {
	padding: 12px 16px 12px 12px;
	margin: 14px 0 0 0;
	border-top: 1px solid #bed5dd;
	border-bottom: 1px solid #bed5dd;
	background: #ecf5f8;}
.promo {
	width: 312px;
	min-height: 378px;
	border: 1px solid #bed5dd;
	background: #fff;}
.row {padding: 10px;}	
.row.last {padding: 0 10px 0;}
.promoPics {
	height: 158px;
	padding: 1px;
	border-top: 1px solid #d5e2e7;
	border-bottom: 1px solid #d5e2e7;}
.promoContent {padding: 10px;}
.promoContent h3 a {color: #333 !important;}
#promoProduct {text-align: center; margin: 0 0 14px;}
#promoProduct p {margin: 0;}
img.center {display: block; width: inherit; margin: 0 auto 7px;}


#skip {
	position: relative;
	top: 130px;
	padding: 10px 16px 10px 10px;
	z-index: 100;}
#skip a {display: block; height: 32px; width: 32px;}
#skip a.left {background: url(/gfx/skip-prev.png) 0 0 no-repeat;}
#skip a.right {background: url(/gfx/skip-next.png) 0 0 no-repeat;}



/* -- You may also like */
#you-may-also-like {
	padding: 0 16px 0 10px;
	border-top: 1px solid #fff;
	background: #dddbd7;}
#you-may-also-like h3 {float: left; font-size: 25px; text-shadow: 0 1px 0 #fff; margin: 21px 0 0;}
#you-may-also-like .thumbnails {margin: 0;}
#you-may-also-like li {float: right; margin: 10px 0 10px 7px;}
#you-may-also-like a {border-color: #a4a093;}
#you-may-also-like a:hover {border-color: #f87700;}


/* -- Ask and Answer  ||  You Decide Comments*/
#form-show {margin: 3px 0 0;}
#ask-answer {}
#you-decide-comments {margin: 14px 0 0;}



/* DESIGNERS
--------------------------------------------------------------------- */
#designers-overview {background: url("/gfx/headline-designers.png") 10px 0 no-repeat;}

#designer-vita {padding: 18px 0 16px 10px;}
#designer-vita h1 {margin: 0 0 10px 0;}
#designer-vita dl {line-height: 1.8em;}
#designer-vita dd {font-size: 1.2em;}
#designer-vita dd a {color: #f87700 !important;}
#designer-vita dd a:hover {text-decoration: underline;}

#designer-vita .txt {padding: 14px 16px 0 0;}
dd.designer-picture img {
	float: right;
	padding: 1px;
	border: 1px solid #ddd;
	margin: 0 16px 14px 14px;}



/* THEMES
--------------------------------------------------------------------- */
#themes-overview {background: url("/gfx/headline-themes.png") 10px 0 no-repeat;}
#themes-overview .txt {padding: 10px 0 5px;}



/* PAGES
--------------------------------------------------------------------- */
#about-overview {background: url("/gfx/headline-about.png") 10px 0 no-repeat;}
#press-overview {background: url("/gfx/headline-press.png") 10px 0 no-repeat;}
#wholesale-overview {background: url("/gfx/headline-wholesale.png") 10px 0 no-repeat;}
#home-styling-service-overview {background: url("/gfx/headline-homestyling.png") 10px 15px no-repeat;}
#you-decide-overview {background: url("/gfx/headline-you-decide.png") 10px 15px no-repeat;}
#sleek-identity-goes-pop-overview {background: url("/gfx/headline-popupstore.png") 10px 0 no-repeat;}
#contact-overview {background: url("/gfx/headline-contact.png") 10px 0 no-repeat;}
#submit-a-product-overview {background: url("/gfx/headline-submit.png") 10px 0 no-repeat;}
#terms-and-conditions-overview {background: url("/gfx/headline-terms.png") 10px 0 no-repeat;}
#newsletter-overview {min-height: 440px; background: url("/gfx/headline-newsletter.png") 10px 0 no-repeat;}
#cart-overview {background: url("/gfx/headline-cart.png") 10px 0 no-repeat;}
#faq-overview {background: url("/gfx/headline-faq.png") 10px 0 no-repeat;}


.boxSign {
	font-size: 1.2em;
	line-height: 1.6em;
	width: 225px;
	padding: 12px 15px;
	margin: 10px 0 20px;
	border:1px solid #c3d7dc;
	background: #fff;}
.boxSign.floatright {margin-right: 13px;}



/* LISTS
--------------------------------------------------------------------- */
/* HEADER + FOOTER LISTS */
ul.links-secondary {
	text-transform: uppercase;
	font-size: 11px;
	padding: 16px 20px;}
#footer ul.links-secondary {padding: 0 0 0 142px;}


ul.links-secondary li {
	float: left;
	list-style-type: none;
	margin: 0;}
ul.links-secondary li:after {content: "|";}
ul.links-secondary li:last-child:after {content: "";}

ul.links-secondary a {
	color: #fff;
	padding: 0 4px;
	text-decoration: none;}
ul.links-secondary a:hover {
	color: #666;}	


/* TEASER LISTS */
ul.teaser-links {
	height: 198px;
	overflow-y: auto;
	padding: 5px 15px 5px 0;
	margin: 0 4px 0 0;
	list-style: none;}

ul.teaser-links li {
	font-size: 1.1em;
	margin: 4px 0;
	background: #cccfb5;}

ul.teaser-links li a {
	display: inline-block;
	color: #111 !important;
	padding: 3px 8px;
	background: #fff;}
ul.teaser-links li a:hover {
	color: #f87700 !important;
	background: #111;}
	
	
	
/* -- PUBLICATIONS */	
dl.publications {margin: 0 16px 20px 0;}
dl.publications dt {
	position: relative;
	font-size: 2em;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #dddbd7;}

dl.publications dd {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;}

dl.publications dd.left, dl.publications dd.right {width: 265px;}
dl.publications dd a {color: #333 !important;}
dl.publications dd a:hover {color: #a8d5ea !important;}


dt a.thumb {position: absolute; top: 4px; right: 0; height: 42px; width: 42px;}
dd a.thumb {height: 20px; width: 20px;}
dd a.thumb.left {margin: 0 6px 0 0;}
dd a.thumb.right {margin: 0 0 0 6px;}

	
		
/* BUTTONS
--------------------------------------------------------------------- */
.btn {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
	cursor: pointer;
	font-size: 13px;
	line-height: 15px;
	color: #f1f1f1 !important;
	text-shadow: 0 1px 0 #111;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 6px;
	width: auto;
	border: none;
	background: #f46d00;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.btn:hover {color: #fff; background: #ff961b;}
.btn.small {font-size: 12px; padding: 2px 4px;}
.btn.border {
	color: #666 !important;
	text-shadow: none;
	background: #fff; border: 1px solid #ddd;}


/* -- pagination exception */
.pagination .button, .viewOptions .button {padding: 0 3px 1px;}
	
	
	
/* IMAGES
--------------------------------------------------------------------- */
a.thumb {
	display: block;
	height: 50px;
	width: 50px;
	padding: 1px;
	border: 1px solid #ddd;
	background: #fff;}
a.thumb:hover {border-color: #f87700;}
a.thumb img {display: block;}


.pageimage {
	float: right;
	border: 1px solid #111;
	margin: 0 0 10px 10px;}
.pagelistimage {
	float: left;
	border: 1px solid #111;
	margin: 0 5px 0 0;}



/* -- Thumbnails */
ul.thumbnails {
	font-size: 1.2em;
	margin: 10px 0 0 0;}
ul.thumbnails li {
	float: left;
	text-align: center;
	overflow: hidden;
	list-style-type: none;
	margin: 0 8px 10px 0;}
ul.thumbnails li.hideProduct {display: none;}
ul.thumbnails a img {padding: 1px; border: 1px solid #ddd; background: #fff;}
ul.thumbnails a:hover img {border-color: #f87700; background: #f7a054;}
.lightblue ul.thumbnails img {border-color: #c3d7dc;}

#page ul.thumbnails {margin: 10px 0 0;}
#page ul.thumbnails.logos li {
	width: 135px; height: 135px;
	margin: 10px 40px 30px 0;}
#page ul.thumbnails.logos li img {border: 0;}
#designers-overview ul.thumbnails li {width: 102px; height: 135px}
	


/* -- related products */
#related-products ul.thumbnails {margin: 0;}
#related-products ul.thumbnails li {margin-bottom: 8px;}
	
#related-products ul.thumbnails img {border: 0;}
#related-products ul.thumbnails a {
	display: block;
	height: 50px;
	width: 50px;
	padding: 1px;
	border: 1px solid #ddd;
	background: #fff;}	
#related-products ul.thumbnails a:hover {
	border: 1px solid #f87700;
	background: #E9991B;}


/* -- teaser-banner */
#teaser-banner ul.thumbnails {margin-top: 6px;}
#teaser-banner ul.thumbnails li {margin: 0 10px 10px 0;}
#teaser-banner img.thumbnail {
	float: left;
	padding: 1px;
	margin: 4px 10px 0 0;
	border: 1px solid #ddd;
	background: #fff;}
	

	
/* FORMS
--------------------------------------------------------------------- */
fieldset {padding: 0; margin: 0; border: 1px solid #e0e4e5;}

.breaker {clear: both; padding: 6px 0;}

label, #captcha acronym {
	display: block;
	font-size: 1.2em;
	margin: 0 0 4px;}
select {
	width: 100px;
	margin: 0 10px 0 0;}
	
/* -- isInput */
input {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
	font-size: 1.2em;
	padding: 4px;
	width: 526px;
	background: #fff;
	border: 2px solid #c2c5c6;
	-moz-border-radius: 3px;
	border-radius: 3px;}
input#submit.btn {width: auto;}
input:focus {background: #fffbe2;}


.isInput.left, .isInput.right {width: 256px;}
.isInput.right {margin-right:5px;}
.isInput.left input, .isInput.right input {width: 97.5%}


/* -- isCheckbox */
.isCheckbox input {
	float: left;
	width: auto;
	margin: 0 8px 0 0;}
.isCheckbox label {
	float: none;
	display: inline;
	width: auto;}


/* -- isUpload */
.isUpload input {padding: 0;}
	

/* -- isTextarea */
.isTextarea {margin: 10px 0 0;}

textarea {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif;
	font-size: 1.3em;
	padding: 4px;
	margin: 0 0 10px 0;
	height: 85px;
	width: 528px;
	max-width: 528px;
	background: #fff;
	border: 2px solid #c2c5c6;
	-moz-border-radius: 3px;
	border-radius: 3px;}
textarea:focus {background: #fffbe2;}

	
/* -- isCaptcha */
.isCaptcha {padding: 8px 0 0 0;}
.isCaptcha label {margin-right: 24px;}	
.isCaptcha input {float: right; width: 278px;}
	
/* -- Captcha Comments */	
#captcha img {float: left;}


/* -- Contact */	
fieldset#form-contact {}
fieldset#form-contact legend {display: none;}

/* -- Submit a product */
fieldset#form-submit {}
fieldset#form-submit legend {display: none;}


/* -- Ask and answer */
dl.isComment {color: #333; margin: 0 0 4px 0;}
dl.isComment.admin strong {color: #f97800;}

dl.isComment dt {font-size: 13px; line-height: 16px; padding: 4px 0;}
dl.isComment dd {padding: 4px 0;}
dl.isComment .commentText {overflow: hidden;}
dl.isComment p {font-size: 13px; line-height: 16px;}
.avatar {
	width: 48px;
	height: 48px;
	padding: 1px;
	margin: 0 14px 14px 0;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 1px 3px #ddd; -moz-box-shadow: 0 1px 3px #ddd; box-shadow: 0 1px 3px #ddd;}
input#captcha-input {
	float: left;
	margin: 0 0 0 8px;
	width: 142px;}

fieldset.formComments {border: none;}
fieldset.formComments textarea {width: 640px; max-width: 640px;}
fieldset#toggleComments textarea {width: 528px; max-width: 538px;}

fieldset.formComments .isInput.left, fieldset.formComments .isInput.right {width: 310px;}
fieldset.formComments .isInput.right {margin-right:5px;}


/* -- Newsletter */
#form-newsletter {padding: 15px 10px 20px;}
#form-newsletter .breaker {padding: 6px 0;}	
#form-newsletter input#email {float: left; width: 430px;}


/* -- MailChimp Archives */
.display_archive {font-size: 12px; margin-bottom: 20px;}
.campaign {line-height: 125%; margin: 5px 0;}	


#teaser-newsletter #email {
	font-size: 1.2em;
	color: #ccc;
	width: 156px;
	padding: 2px;
	border: 1px solid #666;
	background: #000;}
	
	
	
/* TEASER
--------------------------------------------------------------------- */
#teaser-banner {
	margin: 10px 0 10px 0;
	background: #fff;}

.teaser {
	float: left;
	width: 200px;
	min-height: 247px;
	padding: 10px 0 5px 10px;
	margin: 0 10px 0 0;
	background: #f1f1f1;}
.teaser.box {
	width: 210px;
	padding: 0;
	background: none;}	
	
.teaser.small {
	width: 190px;
	min-height: 0 !important;
	padding: 8px 14px;
	margin: 0 0 10px 0;}
.teaser.pictures {
	width: 200px;
	padding: 10px 0 0 10px;}	
	
p.teaser-text {padding: 0 10px 0 0;}	
p.teaser-text a:hover {
	color: #000;
	text-decoration: underline;}
	
#teaserSubmit {min-height: 110px !important;}	



/* TEASER AND CONTENT STYLES
--------------------------------------------------------------------- */
.teaser h2, .teaser h3,
.teaser-small h2, .teaser-small h3 {
	font-size: 2.2em;
	text-transform: uppercase;}	


.orange {background: #ff9702;}
.orange h2 a:hover {color: #fff;}
.orange h3, .orange h3 a {color: #fff !important;}
.orange ul.teaser-links li {background: #f08d00;}


.beige {background: #d8dac7;}
.beige h3, .beige h3 a {color: #67591b;}
.beige ul.teaser-links li {background: #cccfb5;}

.lightbeige {background: #eeece7;}
.lightbeige.border {border: 1px solid #eeece7; border-right:0; background: #fff;}

.grey {background: #d5d5d5;}
.grey h3, .grey h3 a {color: #fa8201;}
.grey ul.teaser-links li {background: #bfbfbf;}


.cfacebook {background: #d8dac7 url("/gfx/ico-facebook.png") 10px 8px no-repeat;}
.cfacebook h3, .cfacebook h3 a {color: #67591b;}
.cfacebook h2 {padding: 0 0 0 32px;}


.blue {color: #fff; background: #89bcc8;}
.blue h2, .blue h2 a {color: #111 !important;}
.blue h3, .blue h3 a {color: #fff;}
.teaser.blue a, .teaser.blue a:hover {color: #fff;}
.blue ul.teaser-links li {background: #7dafbb;}


.lightblue {background: #e0e4e5;}
.lightblue h3, .lightblue h3 a {color: #333;}
.teaser.lightblue h3, .teaser.lightblue h3 a {color: #f87700;}
.lightblue ul.teaser-links li {background: #d0dfe3;}

	
.black {color: #fff; background: #111;}
.black h2 {color: #fa8201;}
.black a {color: #fff;}
.black a:hover {color: #fa8201;}
.black .button {
	color: #f1f1f1;
	background: #333;
	border-color: #111;}
.black .button:hover {background: #666;}
.black .button:active {color: #fff; background: #f87700;}
.black ul.teaser-links li {background: #202020;}	
	
	
.texture-yellow {background: #eddf00 url("/gfx/teaser-textureyellow.jpg") top center no-repeat;}
.texture-yellow h2, .texture-yellow h2 a:hover {color: #111;} 
.texture-yellow h3, .texture-yellow h3 a {color: #2f647d;}
.texture-yellow ul.teaser-links li {background: none;}	



/* SEARCH RESULTS
--------------------------------------------------------------------- */
#results-overview {background: url("/gfx/headline-results.png") 10px 0 no-repeat;}
span.search-results {color: #f97800;}


#results-overview dl {
	clear: right;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 10px;}
#results-overview dt {
	font-size: 1.4em;
	margin: 2px 0;}
	
#results-overview dd a {text-decoration: underline;}
#results-overview dd img {float: right; margin: 0 10px 0 0;}
#results-overview span {padding: 0 4px;}
dd.results-price em {font-style: normal; color: #f87700;}


a[title^="Products"] {background: #89bcc8;}
a[title^="Designers"] {background: #89bcc8;}



/* STYLE THICKBOX
--------------------------------------------------------------------- */
#fc_tb_window {
	font-family: Helvetica, Arial, Sans-Serif !important;
	font-size: 1.2em !important;
	border: 2px solid #b9deec;
	color: #111;}
	
div.fc_tb_title  {background-color:#fff !important;}
#fc_tb_titleTop {background: #b9deec !important;}
#fc_tb_titleTop a {color: #fff !important;}

a#fc_tb_closeWindowButtonBot {
	font-family: Impact, Arial, Sans-Serif;
	font-size: 14px;
	color: #333;
	line-height: 14px;
	display: inline-block;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration: none !important;
	padding: 5px 10px;
	margin-bottom: 4px;
	border: 1px solid #86d4ef;
	background: #b9deec;}
a#fc_tb_closeWindowButtonBot span {display:none;}


/* SUBTLESCROLL - Nicer Scrollbars for Safari
--------------------------------------------------------------------- */
.subtleScroll::-webkit-scrollbar-track,
.twtr-timeline::-webkit-scrollbar-track {
	background: none;
    border: 0px solid;}

.subtleScroll::-webkit-scrollbar,
.twtr-timeline::-webkit-scrollbar {
    width: 10px;}
.subtleScroll::-webkit-scrollbar-track-piece:disabled,
.twtr-timeline::-webkit-scrollbar-track-piece:disabled {
    display: none !important;}
.subtleScroll::-webkit-scrollbar-thumb,
.twtr-timeline::-webkit-scrollbar-thumb {
	background-color: rgb(240,240,240);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,.05)));
    border: 0px solid;
    -webkit-border-radius: 5px;}
.subtleScroll::-webkit-scrollbar-thumb:hover,
.twtr-timeline::-webkit-scrollbar-thumb:hover {
	background-color: rgb(220,220,220);}
.subtleScroll::-webkit-scrollbar-thumb:active,
.twtr-timeline::-webkit-scrollbar-thumb:active {
	background-color: rgb(200,200,200);}


/* 3PARTY ADD ONS
--------------------------------------------------------------------- */
/* -- Authorize.net */
.AuthorizeNetSeal {margin: 0 0 20px 0;}

/* Facebook */
#fbcomments {margin: 20px 0 0;}

/* -- Twitter */
#twitter {padding: 10px; background: #e6e5e1;}
#twitter p {margin: 0 0 3px 0;}
a.twittericon {
	display: block;
	float: left;
	text-indent: -9999em;
	height: 42px; width: 42px;
	margin: 0 10px 0 0;
	background: url(/gfx/ico-twitter.png) 0 0 no-repeat;}
.tweet {float: left; font-size: 1.3em;}


#twitterWidget {
	float: left;
	width: 200px;
	padding: 0 8px 10px 2px;
	margin: 0 10px 0 0;
	background: #111;}
div.twtr-doc, .twtr-doc p {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Sans-Serif !important;
	font-size: 11px !important;}
div.twtr-tweet-text {
	width: 168px !important;}
	
#twitterWidget h3 {display: none;}
#twitterWidget img.twrt-logo {
	margin: 8px 0 0 10px;}

#twitterWidget div.twtr-hd {display: none !important;}
#twitterWidget div.twtr-ft {display: none !important;}