/*---------------------------------------------------------------------------------
  General
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

*{margin:0;padding:0}
body{text-align:left;font: normal 12px/1.4 verdana, arial; background:#FFF none no-repeat 0 0;color:#888;}
a{text-decoration:none;color:#7aacc9;}
a:hover{text-decoration:none; color:#999; }
a:focus {-moz-outline: none;} 
a {
    outline: none;
}
a img{border:none}
object {outline: none;}
ul{list-style-type:none}
p { margin:11px 0 0 0; padding:0px; } /*sets top margin of p */
.clear{width:100%;height:0px;font-size:0px;line-height:0px;clear:both}

#Container-Intro{padding:0;width:1119px;margin: 20px auto 10px;position:relative;background-color:#FFF;padding:0;}
#Container{padding:0;width:1117px;margin: 20px auto 10px;position:relative;background-color:#FFF;padding:0;border:1px solid #000}

#Container .main {
margin:0;
padding: 0px 0px 0px 0px; /*top right bottom left */
width:1117px;
height:569px;
background-color:#FFF;
clear:both;
}

#FlashMovie h1, #FlashMovie1 h1, #FlashMovie2 h1, #FlashMovie3 h1, #FlashMovie4 h1 { font-family:verdana, arial ; color:#999 ; font-size: 13px ; text-align:center; padding-top:200px;
}
#FlashMovie h2 { font-family:verdana, arial ; color:#666 ; font-size: 12px ; text-align:center;
}

h5 {margin:0;padding:0;color:#000;font-size:16px;text-transform:uppercase;line-height:17px;}

/*---------------------------------------------------------------------------------
  Nav
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#Container .top {
margin:0;
height:97px; 
padding: 0px 0px 0px 0px; /*top right bottom left */
width:1117px;
}

#Container .top .logo {
text-align:center;
height:63px; 
}

#Container .top .navbar {
height:34px; 
background-color:#000;
}

#Header #Nav {
margin:0px auto;
width:683px; /* total nav width, helps to center */
cursor:default;
}

#Header #Nav li {
	float: left;
	position: relative;
	z-index: 1; /* to go above other content */
}

#Header #Nav li a {
	display: block;
	height: 34px;
	background: transparent url("images/nav.png") no-repeat left top;
	text-indent: -9999px;
	position: relative;
	z-index: 20;
	margin-right: 30px;	/* space to right of each item, add to bg postions */
}

#Header #Nav li#nshop a {
	width: 42px;
	background-position: 0 0;
}
#Header #Nav li#nshop.active a, #Header #Nav li#nshop a:hover {
	background-position: 0 -34px;
}

#Header #Nav li#nlookbook a {
	width: 76px;
	background-position: -72px 0;
}
#Header #Nav li#nlookbook.active a, #Header #Nav li#nlookbook a:hover {
	background-position: -72px -34px;
}

#Header #Nav li#nvideo a {
	width: 45px;
	background-position: -178px 0;
}
#Header #Nav li#nvideo.active a, #Header #Nav li#nvideo a:hover {
	background-position: -178px -34px;
}

#Header #Nav li#nabout a {
	width: 73px;
	background-position: -255px 0;
}
#Header #Nav li#nabout.active a, #Header #Nav li#nabout a:hover {
	background-position: -255px -34px;
}

/* about ddropdown would not work with active thus */
#Header #Nav li#nabouton a {
	width: 73px;
	background-position: -255px -34px;
}
#Header #Nav li#nabouton.active a, #Header #Nav li#nabouton a:hover {
	background-position: -255px -34px;
}

#Header #Nav li#nretailers a {
	width: 77px;
	background-position: -359px 0;
}
#Header #Nav li#nretailers.active a, #Header #Nav li#nretailers a:hover {
	background-position: -359px -34px;
}

#Header #Nav li#npress a {
	width: 49px;
	background-position: -467px 0;
}
#Header #Nav li#npress.active a, #Header #Nav li#npress a:hover {
	background-position: -467px -34px;
}

#Header #Nav li#nlink a {
	width: 35px;
	background-position: -546px 0;
}
#Header #Nav li#nlink.active a, #Header #Nav li#nlink a:hover {
	background-position: -546px -34px;
}

#Header #Nav li#ncontact a {
	width: 67px;
	background-position: -611px 0;
	margin-right: 0px; /* for last one */
}
#Header #Nav li#ncontact.active a, #Header #Nav li#ncontact a:hover {
	background-position: -611px -34px;
}

/*---Drop Downs---*/

#Header #Nav li ul {
	margin-left: -12px;
	margin-top: 0px;
	position: absolute;
	width: 140px;
	z-index: 10;
	background: transparent url("images/nav-drop-back.png") repeat left top;
}

#Header #Nav li ul {
	padding-bottom: 14px; /* space at bottom of drop */
}

#Header #Nav li ul li {
	float:  none;
	line-height:  0px;
}

#Header #Nav li ul li a {
	background:  none;
	text-indent:  0;
	height: 11px;
	width:  auto !important;
	color:  #8cbfdc;
	margin-right: 0px;
	padding:  12px 0px 0px 13px;
	font-size:  10px;
	font-weight: bold;
	line-height:  11px;
	text-transform:uppercase;
}

#Header #Nav li ul li a:hover {
	color:  #FFFFFF;
	text-decoration:  none;
}

#Header #Nav li ul li a.active {
	color:  #636363;
}

/*---Drop Down - Image Links ---*/

#Header #Nav li ul li#nav-new-arrivals a {
	background: transparent url("images/nav-new-arrivals.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-new-arrivals.active a, #Header #Nav li ul li#nav-new-arrivals a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-new-arrivals-1 a {
	background: transparent url("images/nav-new-arrivals-1.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-new-arrivals-1.active a, #Header #Nav li ul li#nav-new-arrivals-1 a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-new-arrivals-2 a {
	background: transparent url("images/nav-new-arrivals-2.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-new-arrivals-2.active a, #Header #Nav li ul li#nav-new-arrivals-2 a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-patterns a {
	background: transparent url("images/nav-patterns.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-patterns.active a, #Header #Nav li ul li#nav-patterns a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-knits a {
	background: transparent url("images/nav-knits.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-knits.active a, #Header #Nav li ul li#nav-knits a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-cufflinks a {
	background: transparent url("images/nav-cufflinks.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-cufflinks.active a, #Header #Nav li ul li#nav-cufflinks a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-details a {
	background: transparent url("images/nav-details.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-details.active a, #Header #Nav li ul li#nav-details a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-sizes a {
	background: transparent url("images/nav-sizes.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-sizes.active a, #Header #Nav li ul li#nav-sizes a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-garment-care a {
	background: transparent url("images/nav-garment-care.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-garment-care.active a, #Header #Nav li ul li#nav-garment-care a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-service a {
	background: transparent url("images/nav-service.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-service.active a, #Header #Nav li ul li#nav-service a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-biography a {
	background: transparent url("images/nav-biography.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-biography.active a, #Header #Nav li ul li#nav-biography a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-facebook a {
	padding:  15px 0px 0px 13px; /* for extra space between facebook and twitter logos */
	background: transparent url("images/nav-facebook.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-facebook.active a, #Header #Nav li ul li#nav-facebook a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-twitter a {
	background: transparent url("images/nav-twitter.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-twitter.active a, #Header #Nav li ul li#nav-twitter a:hover {
	background-position: 0 0;
}

ul.submenu {
	display: none;
}

/*---------------------------------------------------------------------------------
  Homepage
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#slideshow 	{ z-index: 0; } /* to go below drop downs */
.pics a { display: block; width: 1117px; height: 569px; top: 0; left: 0 }
.pics img { display: none }
/*---------------------------------------------------------------------------------
  Shop
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.product-page {
padding: 22px 0px 0px 22px; /*top right bottom left */
}
.main-image {
float:left;
margin: 0 22px 0 0;
width: 340px;
/* background-color:#000; */
}
.zoom-image {
float:left;
width:425px;
}
.product-copy {
margin: 0 0 0 22px;
padding:0;
float:left;
width:270px;
}
.product-copy p {
margin:12px 0 0 0; padding:0px;
font: normal 15px/1.4 Constantina,Georgia,'Nimbus Roman No9 L',serif;
color:#000;
font-style: italic;
}
.zoom-note {
margin:0; padding:0px;
font: normal 12px/1.4 Constantina,Georgia,'Nimbus Roman No9 L',serif;
color:#777;
font-style: italic;
position: absolute;
top:629px;
left:831px;
right:0px;
}
/* none absolute way .zoom-note {
margin:280px 0 0 0; padding:0px;
font: normal 12px/1.4 Constantina,Georgia,'Nimbus Roman No9 L',serif;
color:#777;
font-style: italic;
}
.zoom-note-2-line {
margin:260px 0 0 0; padding:0px;
font: normal 12px/1.4 Constantina,Georgia,'Nimbus Roman No9 L',serif;
color:#777;
font-style: italic;
} */

.single-image {
float:left;
margin: 0 0 0 76px;
width:640px;
}
.product-copy-cufflinks {
margin: 40px 0 0 22px;
float:left;
width:270px;
}
.product-copy-cufflinks p {
margin:12px 0 0 0; padding:0px;
font: normal 15px/1.4 Constantina,Georgia,'Nimbus Roman No9 L',serif;
color:#000;
font-style: italic;
}

		form {  margin:0; padding:0; color:#000; font: normal 14px Constantina,Georgia,'Nimbus Roman No9 L',serif; font-style: italic;}
		select {  font: normal 13px Constantina,Georgia,'Nimbus Roman No9 L',serif; font-style: italic;color:#000; font-style: italic;}				
		input {  font: normal 14px Constantina,Georgia,'Nimbus Roman No9 L',serif; font-style: italic;color:#000; font-style: italic;}		

label{
	font: normal 14px Constantina,Georgia,'Nimbus Roman No9 L',serif; font-style: italic;color:#000; font-style: italic;
	margin-top:1px; /* for vertical alignment */
	display: block;
	float:left;
	height:22px; /*set */
	width:83px; /* width of column */
}
div.rowElem{
	clear:both;
	padding:20px 0px 0px 0px;
	height:22px; /*set */
	margin:0;	
}
div.rowSubmit{
	clear:both;
	padding:30px 0px 0px 0px;
	margin:0;	
}

		
.submit {
	/* font:14px Constantina,Georgia,'Nimbus Roman No9 L',serif; */
	cursor:pointer;
	width:88px;
	height:28px;
	border:0;
	background-image: url(shop/buy-now.jpg);
    background-repeat: no-repeat;
    background-position: 0px -28px;	
}
.submit:hover {
	background-image: url(shop/buy-now.jpg);
    background-position: 0 0px;	
}

.download-lookbook {
position: absolute;
top:110px;
left:964px;
margin:0; padding:0px;
color:#888;
font-family: Arial, sans-serif;
font-size:8px;
font-weight:bold;
text-transform:uppercase;	
}


/*---------------------------------------------------------------------------------
  Video
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.videopage {
margin:0 auto;
text-align:center;
padding: 23px 0 0 0; 
}

.next-video {
position: absolute;
top:646px;
left:985px;
margin:0; padding:0px;
color:#888;
font-family: Arial, sans-serif;
font-size:8px;
font-weight:bold;
text-transform:uppercase;	
}

/*---------------------------------------------------------------------------------
  Footer
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#footer {
	width:1117px;
	color:#000;
	font-family: Arial, sans-serif;
	font-size:9px;
	margin:15px auto 5px auto;
	text-align:center;
	height:25px;
	text-transform:uppercase;	
}
#footer a {
	color:#000;
	font-weight:normal;
}
#footer a:hover, #footer a:active {
	color:#666;
	text-decoration:none;
}
.footer_address {
	float:left;
}
.footer_copyright {
	float:right;
	color:#000;
}