/* CSS by mrks.ch, Zurich */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}


/* start general styles */
html { overflow-y: scroll; }

body {
	background: #fff; 
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#000;
	overflow:hidden;
	}

p {font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size: 12px; line-height: 20px; margin:5px 0 5px 0; letter-spacing:1px;}

h1 {font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size:14px; line-height:18px; color:#000; letter-spacing:1px; margin:0px; padding:9px 0 5px;}
h2 {font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size:18px; line-height:18px; border-bottom:8px solid #D0C7C2; color:#000; letter-spacing:1px; margin:0 0 10px 0; padding:0 0 5px;}
h3 {font-family:'AvantGardeGothicITCW01M 731087', Arial, sans-serif; font-size:13px; line-height:16px; color:#000; letter-spacing:0px; margin:0px; padding:0 0 20px 0;}
h4 {font-family:'AvantGardeGothicITCW01M 731087', Arial, sans-serif; font-size:14px; line-height:20px; color:#000; letter-spacing:1px; margin:0 0 10px 0; padding:0 0 5px;}
h5 {font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size:14px; line-height:18px; color:#000; letter-spacing:1px; margin:0px; padding:9px 0 10px;}
h6 {font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size:14px; line-height:18px; color:#000; letter-spacing:1px; margin:0px; padding:9px 0 10px;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	color:#313131;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
	
/* end link styles */


/* start sitebuild styles */
#header {position:fixed; z-index:999; height:75px; background:#F9F9F9; width:100%;}
#headerwrapper {position:relative; margin:auto; max-width:990px;}
#container {padding:75px 10px 30px; margin:auto; z-index:1; position:relative; max-width:970px;}

#logo {width:100px; position:absolute; top:18px; left:8px;}
#logo img {width:100%;}

#topnavi {position:absolute; width:350px; top:30px; right:12px; text-align:right; letter-spacing:1px; font-size:12px;}
a.langactive {text-decoration:underline;}



/* navigation */
#navigation {position:absolute; width:550px; top:27px; left:160px; text-align:left;}
#navigation li {margin:0 23px 0 0; float:left;}
#navigation li a {color:#000; font-size:12px; line-height:12px; letter-spacing:1px; text-decoration:none; padding:0 0 1px 0;}
#navigation li a:hover {color:#000; text-decoration:none; border-bottom:1px solid #000;}
#navigation li a.active {color:#000; text-decoration:none; cursor: default; border-bottom:1px solid #000;}

#topsearch {position:absolute; width:350px; top:94px; right:12px;  text-align:right; letter-spacing:1px;}

.contentwrapper {max-width:970px; margin:auto; padding:0 10px; position:relative;}

/* subnavigation */
#subnavigation {}
#subnavigation li {margin:0 0 12px 0;}
#subnavigation li a {color:#000; font-size:12px; line-height:12px; letter-spacing:1px; text-decoration:none; padding:0 0 0px 0; border-bottom:4px solid #FFF;}
#subnavigation li a:hover {color:#000; text-decoration:none; border-bottom:1px solid #000;}
#subnavigation li a.active {color:#000; text-decoration:none; cursor: default; border-bottom:1px solid #000;}

.pseudolink {color:#000; font-size:12px; line-height:12px; letter-spacing:1px; text-decoration:none; padding:0 0 0px 0; border-bottom:4px solid #FFF;}
.pseudoactive {color:#000; font-size:12px; line-height:12px; letter-spacing:1px; text-decoration:none; padding:0 0 0px 0; border-bottom:1px solid #000; display:inline-block;}


/* footer */
#footer {background:#F9F9F9; margin:40px 0 20px 0; padding:30px 0 30px; font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; line-height:18px;}
#copy {padding:10px 0 30px; font-size:12px; text-align:center; margin:auto; letter-spacing:1px;}


/* content */
#content {margin:80px 0 0 0;}
#content img {width:100%;}

.contentbox {float:left;}
.boxleft {width:24%; margin:0 1% 0 0;}
.boxright {width:24%; margin:0 0 0 1%;}
.boxmiddle {width:48%; margin:0 1% 0 1%;}
.boxrightwrapper {width:74%; margin:0 0 0 1%; min-height:500px;}

/* home */
.contenttopimg {height:500px; background:#FFF; margin:0px -1000px 0px -1000px !important; overflow:hidden; text-align:center; position:relative; z-index:99;}
.contenttopimg img {max-width:1600px !important;}
.contenttopimgwrapper {}

.startbox {width:30.6%; box-sizing:border-box; float:left;}
.startbox img {width:100%; margin:0;}
.startimgwrapper {border:6px solid #F2F2F2; margin:0 0 20px 0;}
.start1 {margin:30px 0 0 0;}
.start2 {margin:30px 4% 0;}
.start3 {margin:30px 0 0 0;}

.startlookbook {box-sizing:border-box; margin:40px 0 0 0;}
.startlookbook img {width:100%; margin:0;}

.fronttitlebox1 {margin:auto; text-align:center; width:165px; background:url(../img/frontboxbg1.png) no-repeat; padding:10px 0; color:#030487;}
.fronttitlebox2 {margin:auto; text-align:center; width:184px; background:url(../img/frontboxbg2.png) no-repeat; padding:10px 0; color:#030487;}
.startbox a:hover {text-decoration:none !important;}


.productbox {width:32%; float:left; padding:0 0 0px 0; height:300px; overflow:hidden; box-sizing:border-box;}

.productbox a {text-decoration:none;}
.productbox a:hover {text-decoration:none;}
.probox1 {margin:0 1% 20px 0;}
.probox2 {margin:0 1% 20px 1%;}
.probox3 {margin:0 0 20px 1%;}

.productboxfront {padding:0 0 10px 0; text-align:center;}
.productboxfront img {width:80% !important; margin:auto;}
.productboxfront a {text-decoration:none;}
.productboxfront a:hover {text-decoration:none;}

.proboximgwrapper {height:230px; overflow:hidden;}
.proboxdesc {text-align:left; padding:2px 10px; font-size:13px;}
.out {border-top:1px solid #EFEFEF;}
.over {border-top:1px solid #030487;}

.prodetailimg {width:65%; margin:0 2% 0 0; float:left;}
.prodetailimg img {padding-bottom:10px;}

#prothumbwrapper {margin:10px 0 0 0;}
.prothumbbox {width:31%; margin:10px 1% 0; float:left;}

.prodetailtext {width:31%; margin:0 0 0 2%; float:left;}
.prodetailmanu {padding:10px 0 10px 0;}
.prodetailmanu a {text-decoration:underline;}
.prodetailshare {padding:8px 0 8px 0; line-height:19px; font-size:12px;}

.boxprice {padding:5px 0 20px; margin:0 0 20px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #000;}
.productdesc p {letter-spacing:0px; padding:6px 0;}

.backboxdetail {font-size:12px;}

.optionselect {margin:10px 0; font-size:12px;}

.brandboxleft {width:32%; margin:0 1% 0 0; float:left;}
.brandboxright {width:66%; margin:0 0 0 1%; float:left;}
.brandboxright p { padding:60px 0 10px; letter-spacing:0px;}
.brandboxtext {display:none;}
.brandboxtext p { padding:10px 0; letter-spacing:0px;}

.basketboxleft {width:32%; margin:0 1% 0 0; float:left; padding-bottom:20px;}
.basketboxright {width:66%; margin:0 0 0 1%; float:left; padding-top:10px; font-size:14px;}
.basketboxright p {padding:15px 0; letter-spacing:0px; font-size:14px;}
.basketboxprice {padding:5px 0 20px; margin:0 0 10px 0; font-weight:bold;}
.baskettext {padding:100px 0 30px 0; font-size:14px;}
.basketbox {margin:15px 0 10px 0; background:#F8F8F8; padding:10px; line-height:20px; font-size:14px;}

#stripebox {border:1px solid #999; max-width:340px; padding:20px; margin:20px 0 0 0;}
#stripebox input {margin:3px 0 10px 0; font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; padding:3px; font-size:14px; letter-spacing:1px;}
#stripelink {letter-spacing:1px; font-size:10px; padding:0 0 0 6px;}
.payment-errors {color:#F00;}

.blogbox {margin:0 0 40px 0;}
.blogbox p {padding:5px 0; letter-spacing:0px;}
.blogbox p a {text-decoration:underline;}
.blogbox p a:hover {text-decoration:none;}
.blogbox img {width:70% !important; margin:0 auto 10px;}
.blogdate {margin:5px 0 0 0; font-size:12px;}
.blogshare {padding:10px 0 0 0;}

.socialbox {width:16px; height:16px; overflow:hidden; display:inline-block; margin:0 6px -3px 0px;}
.socialbox img {height:16px; width:32px !important; vertical-align:top;}
.socialbox img:hover {height:16px; width:32px; margin-left:-16px;}

.footerbox {width:23.5%; min-height:210px; float:left; box-sizing:border-box; font-size: 12px; line-height: 18px; margin:5px 0 5px 0; letter-spacing:1px;}
.footerbox p {font-size:12px;}
.foobox1 {margin:0 1% 0 0; }
.foobox2 {margin:0 1% 0 1%;}
.foobox3 {margin:0 1% 0 1%;}
.foobox4 {margin:0 0 0 1%;}
.socialfooter {padding:0px 0 8px 0;}

.aboutbox {float:left;}
.aboutbox p {padding:5px 0; letter-spacing:0px;}
.aboutleft {width:24%; margin:0 1% 0 0;}
.aboutrightwrapper {width:74%; margin:0 0 0 1%; min-height:500px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:0 0 10px 0; height:0; max-width:800px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	

/* Newsletter Form */
fieldset {margin-top:0px; font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; letter-spacing:0; font-size: 12px; line-height: 19px; font-weight:400; border:0; padding:0;}
fieldset label {display:block;}
fieldset input {border:1px solid #CCC; margin:0px 0 6px; padding:3px; width:75%;}
.btn {width:105px; display:block; border:1px solid #CCC; color:#000; margin-top:8px; padding:1px; font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif; font-size:12px;}
.btn:hover {background:#F0D2C7; border:1px solid #CCC; color:#000;}
#response {color:#f30;}

/* Lookbook */
#lookbookcontainer {padding:20px 0 0 0; margin:0 30px; clear:both;}	
.lookbookbox {
	padding-bottom:10px;
	line-height:14px;
	margin:5px;
	float:left;
	border:1px solid #F3F3F3; padding:10px;
	text-align:center;
	}
.lookbookdesc {font-size:12px; margin-top:5px; text-align:left;}
.lookbookbox img {width:100%;}
.look1 {width:200px;}
.look2 {width:250px;}
.look3 {width:300px;}
.look4 {width:350px;}
.look5 {width:400px;}
.look6 {width:450px;}

	
/* --Mobile */
#mobile {display:none;}

/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(255,255,255, 0.3);}


/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* FORM Styles */
select.product {
	border:1px solid #7F7F7F;
	padding:8px;
	margin-top:6px;
	width:100%;
	font-size:12px;
	background-color:#FFF;
	}
select.product:hover {
	background-color:#EAEAEA
	}
	
button.submit-button {
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:0px;
	width:100%;
	padding:6px 12px;
	margin:10px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#CCC;
	color:#030487;
	cursor:pointer;
	}
	
button.submit-button:hover {
	color:#fff;
	background-color:#030487;
	}

input.shopButton {
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:0px;
	width:100%;
	padding:6px 12px;
	margin:10px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#CCC;
	color:#030487;
	cursor:pointer;
	}
	
input.shopButton:hover {
	color:#fff;
	background-color:#030487;
	}
	
input.shopcontinueButton {
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:0px;
	padding:8px 20px;
	margin:0px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#CCC;
	color:#030487;
	cursor:pointer;
	}
	
input.shopcontinueButton:hover {
	color:#fff;
	background-color:#030487;
	}	
	
input.refreshButton {
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:0px;
	padding:2px 10px 2px;
	margin:10px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#CCC;
	color:#030487;
	cursor:pointer;
	}
	
input.refreshButton:hover {
	color:#fff;
	background-color:#030487;
	}
	
.pseudoBasket {
	display:block;
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:0px;
	padding:8px 20px;
	margin:10px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#CCC;
	color:#030487;
	cursor:pointer;
	}

input.search {
	border:1px solid #999;
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	width:208px;
	margin:0;
	font-size:12px;
	letter-spacing:1px;
	color:#666;
	padding:5px 6px 3px;
	}
input.search:hover {
	border:1px solid #000;
	}
	
input.shop {
	border:1px solid #000;
	width:98%;
	margin:6px 0;
	font-size:14px;
	padding:6px 2px;
	}
input.shop:hover {
	border:1px solid #999;
	}
	
input.shopRed {
	border:1px solid #000;
	width:98%;
	margin:6px 0;
	font-size:14px;
	padding:6px 2px;
	background-color:#FFCAC7;
	}
input.shopRed:hover {
	border:1px solid #999;
	}
	
textarea.shop{
	border:1px solid #000;
	padding:2px;
	width:98%;
	height:100px;
	margin:10px 0;
	font-size:14px;
	}
textarea.shop:hover {
	border:1px solid #999;
	}

select.shop {
	font-family:'AvantGardeGothicITCW01B 731069', Arial, sans-serif;
	border:1px solid #000;
	padding:4px;
	margin:5px 0;
	width:70%;
	font-size:14px;
	background-color:#FFF;
	}
select.shop:hover {
	background-color:#EAEAEA
	}


input.reloadButton {
	border:1px solid #DDD;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	height:26px;
	text-align:center;
	font-size:12px;
	;
	background-color:#F4F4F4;
	color:#333;
	cursor:pointer;
	}
	
input.reloadButton:hover {
	background-color:#EAEAEA;
	}
	
input.shopButton2 {
	border:1px solid #DDD;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#FFF;
	color:#333;
	cursor:pointer;
	}
	
input.shopButton2:hover {
	background-color:#E4E4E4;
	}
	
@media screen and (max-width: 1200px) {
	.contenttopimg {height:400px; background:#FFF; margin:0px -1000px 0px -1000px !important; overflow:hidden; text-align:center; position:relative; z-index:99;}
	.contenttopimg img {max-width:1200px !important;}
}
		
@media screen and (max-width: 800px) {
	#topnavi {position:absolute; width:350px; top:20px; right:12px; text-align:right; letter-spacing:1px; font-size:12px;}
	#navigation {position:absolute; width:550px; top:37px; left:160px; text-align:left;}
	
	.startbox {width:32%; box-sizing:border-box; float:left;}
	.startimgwrapper {border:3px solid #F2F2F2; margin:0 0 20px 0;}
	.start1 {margin:30px 0 0 0;}
	.start2 {margin:30px 2% 0;}
	.start3 {margin:30px 0 0 0;}
	
	.productbox {height:280px;}
	
	.prodetailimg {width:100%; margin:0 0 0 0; float:none;}
	.prodetailimg img {padding-bottom:10px;}
	.prodetailtext {width:90%; margin:0 0 0 0; float:none;}
}


@media screen and (max-width: 700px) {
	#header {position:relative;}
	#topsearch {position:absolute; width:350px; top:18px; right:12px;  text-align:right; letter-spacing:1px;}
	#navigation {position:absolute; width:550px; top:48px; left:20px; text-align:left;}
	
	#container {padding:10px 10px 30px;}
	
	#logo {width:80px; position:absolute; top:10px; left:8px;}
	#logo img {width:100%;}
	
	#topclaim {display:none;}
	#topnavi {position:absolute; width:200px; top:14px; right:12px; text-align:right; letter-spacing:0px;}
	
	#navigation li {margin:0 20px 0 0; }
	
	
	#subnavigation li {margin:0 15px 12px 0; float:left;}
	
	
	#content {margin:60px 0 0 0;}
	
	.contenttopimg {display:none;}
	
	.startbox {width:100%; box-sizing:border-box; float:none;}
	.startimgwrapper {border:3px solid #F2F2F2; margin:0 0 10px 0;}
	.start1 {margin:20px 0 0 0;}
	.start2 {margin:20px 0 0 0;}
	.start3 {margin:20px 0 0 0;}
	
	.footerbox {width:100%; min-height:inherit; float:none; box-sizing:border-box; padding:5px 0 5px 0;}
	.foobox1 {margin:0px 0 0 0; border-bottom:1px solid #000; border-right:0;}
	.foobox2 {margin:20px 0 0 0; border-bottom:1px solid #000; border-right:0;}
	.foobox3 {margin:20px 0 0 0; border-bottom:1px solid #000; border-right:0;}
	.foobox4 {margin:20px 0 0 0;}
	
	.contentbox {float:none;}
	.boxleft {width:100%;}
	.boxright {width:100%; margin:0 0 0 0; padding-top:20px;}
	.boxmiddle {width:100%; margin:0 0 0 0; padding-top:10px;}
	.boxrightwrapper {width:100%; margin:0 0 0 0; min-height:500px;}
	
	#homeleft, #brandleft, #aboutleft {display:none;}
	
	.productbox {width:48%; float:left; padding:15px 0 0px 0; height:inherit; }
	.probox1 {margin:0 1% 0 1%;}
	.probox2 {margin:0 1% 0 1%;}
	.probox3 {margin:0 1% 0 1%;}
	.prodetailtext {width:100%; margin:0 1% 0 1%; float:none;}
	
	.brandboxleft {width:40%; margin:0 1% 0 0; float:none;}
	.brandboxright {width:100%; margin:0 1% 0 1%; float:none;}
	.brandboxright p {padding:10px 0 10px; letter-spacing:0px;}
	.brandboxtext {display:none;}
	.brandboxtext p {padding:10px 0; letter-spacing:0px;}
	
	.aboutbox {float:none;}
	.aboutbox p {padding:5px 0; letter-spacing:0px;}
	.aboutleft {display:none;}
	.aboutrightwrapper {width:100%; margin:0 1% 0 1%; min-height:500px;}
	
	.basketboxleft {width:32%; margin:0 1% 0 0; float:left; padding-bottom:20px;}
	.basketboxright {width:66%; margin:0 0 0 1%; float:left; padding-top:10px;}
	.basketboxright p {padding:15px 0; letter-spacing:0px;}
	.basketboxprice {padding:5px 0 0px; margin:0 0 5px 0; font-weight:bold;}
	.baskettext {padding:100px 0 30px 0;}
	.basketbox {margin:15px 0 10px 0; background:#F8F8F8; padding:10px; line-height:20px;}
	
	input.refreshButton {
	margin:0px 0;
	}
	
	#dyersmithfrey-signature {display:none;}
	
}

/* Start Signature Styles */
#dyersmithfrey-signature {
	position:fixed;
	width:15px;
	height:15px;
	right:2px;
	bottom:1px;
	z-index:1000;
	}
/* End Signature Styles */