/*
                 Site:  www.NormaKamali.com
                  URL:  http://www.NormaKamali.com
            Developer:  John Park
	 

  -DROPDOWN NAV
============================================================= */

@charset "utf-8";

/* layout reset */
img, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline; 
  }


/* layout */
html, body {
  margin: 0;
  padding: 0;
  height: 99%;
  width: 99%; 
  }
/* i have no idea how this line below "html x" works, and x can be almost anything, but w/out it, nothing centers! */
html x

body {
  display: table-cell;
  vertical-align: middle;
  padding: 2px; }


/* typography */
body {
  font-family: helvetica, arial, verdana, sans-serif;
  color: #aaa;
  font-size: 10px;
  line-height: 2;
  letter-spacing: 0px;
  background: url(""); 
  }

/* general style */
a {color: #aaa; text-decoration: none}
a:hover {color: #222222;}
a:focus, object:focus {
  outline: none;
  -moz-outline-style: none; }

/* adopted from http://www.normakamalicollection.com/App_Themes/Clothing/default-v6.css */
.Copyright { margin: 12px 0 0 24px; color: #666666; font-size: 10px; }
.Footer { margin-top:0px; margin-left:auto; margin-right:auto; text-align: center}
.FooterLinks { padding:0; font-size:10px; letter-spacing:0.04em; }
.FooterLinks ul { display:block; margin:0; padding:8px 0 0 0; }
.FooterLinks li { list-style-type:none; margin:0; padding:0 25px 0 0; display:inline; }
.FooterLinks li a:link, .FooterLinks li a:visited { color:#000000; }
.FooterLinks li a:hover, .FooterLinks li a:active { color:#ff0000; }

.category {
  margin: 0 auto;
  }

/*TRYING TO CENTER THINGS */
#page {
		margin-left:auto;
		margin-right:auto;
		width: 1010px;
		background-color: white;
  }
  #page .solid_color {
    background: white;
    background: rgba(255, 255, 255, 0.91); }
  #page .content a, #page .content a:link, #page .content a:visited {
    color: #222222; }
  #page .content a:active {
    color: #aaa; }

.content {
  white-space: nowrap;
  height: 570px;
  width: 950px;
		margin-left:auto;
		margin-right:auto;
  overflow: hidden;
  position: relative;
  top: 0px; /* if you change this, change also navsections top */
  left: 0px;
/*   overflow-y: scroll; */
  background-color: white;
  }


#notify div {
  background-color: #ffffdd;
  -moz-box-shadow: rgba(0, 0, 0, 0.78) 2px 2px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.78) 2px 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.78) 2px 2px 3px; }
#notify .alert {
  color: #ee0000;
  border: 2px solid #ee0000; }
#notify .notice {
  color: #008800;
  border: 2px solid #008800; }

#movieobject {
        position: relative; /* This protects the inner element from being blurred */
        padding: 0px;
        background-color: #222222;
        }

/* size-position of embed video */
.videowindow {
		background-color: blue;
  max-width: 400px;
  min-height: 600px;
  max-height: 600px;
  position: inherit;
  top: 30px;
  overflow: hidden;
        background-color: rgb(68,68,68); /* Needed for IEs */
        -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
  }


/* site wide layout */
p {
  margin: 0.5em 0 0.5em; }


#notify {
  display: none;
  padding: 6px 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 900; }
  #notify div {
    padding: 6px 10px;
    width: 900px;
    max-width: 96%; }

ul.flush {
  list-style-position: inside; }

#header {
  display: none;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: left;
  z-index: 30; }
  #header div {
    padding: 6px 12px; }





/* ---------------------------------------------- START FORMS STYLE ---------------------------------------------- */
/* ---------------------------------------------- START FORMS STYLE ---------------------------------------------- */
/* ---------------------------------------------- START FORMS STYLE ---------------------------------------------- */
.popinputbox {
  margin-bottom: 0px;
  background-color: white;
  cursor: pointer;
  color: #aaa;
  font-size: 11px;
  height: 17px;
  width: 210px;
  border: 1px solid #ddd;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

.inputbox3 {
  margin-bottom: 30px;
  background-color: #fff;
  cursor: pointer;
  color: #aaa;
  font-size: 14px;
  height: 160px;
  width: 235px;
  border: 1px solid #ddd;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

.inputbox2 {
  margin-bottom: 20px;
  background-color: #fff;
  cursor: pointer;
  color: #aaa;
  font-size: 11px;
  height: 17px;
  width: 220px;
  border: 1px solid #ddd;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

.inputbox {
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  color: #aaa;
  font-size: 11px;
  height: 17px;
  width: 220px;
  border: 1px solid #ddd;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
/*
  -moz-box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  -webkit-box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  text-shadow: 0 1px 1px white;
  background-image: url( 'images/inputbg.png' );
  background-repeat: no-repeat;
*/
  }

.inputfield {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 12px;
  }

.inputfield2 {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 11px;
  }

.formfields {
  color: #aaa;
  font-size: 11px;
  }

.zipcode {
  margin-top: 0px;
  background-color: #fff;
  cursor: pointer;
  color: 	#aaa;
  font-size: 11px;
  
  height: 17px;
  width: 92px;
  border: 1px solid #ddd;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
/*
  -moz-box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  -webkit-box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  box-shadow: rgba(235, 235, 235, 0.91) 5px 5px 5px inset;
  text-shadow: 0 1px 1px white;
  position: relative;
  background-image: url( 'images/inputbg.png' );
  background-repeat: no-repeat;
*/
  }

  form ul, form li {
    list-style: none; }
  form li {
    margin-bottom: 10px;
    clear: left; }
  form .hint {
    display: block;
    font-size: 11px; }
    form .hint.inline {
      display: inline; }
  form #errorExplanation {
    max-width: 600px;
    border: 2px solid #bb0000;
    color: 	#aaa;
    background-color: #EEEEEE;
    margin-bottom: 3px; }
    form #errorExplanation h1, form #errorExplanation h2, form #errorExplanation h3, form #errorExplanation li, form #errorExplanation p {
      padding: 0 6px 10px; }
    form #errorExplanation h1, form #errorExplanation h2, form #errorExplanation h3, form #errorExplanation li, form #errorExplanation p, form #errorExplanation ul, form #errorExplanation li {
      margin-bottom: 0px; }
    form #errorExplanation h1, form #errorExplanation h2, form #errorExplanation h3 {
      color: white;
      background-color: #bb0000; }
    form #errorExplanation p {
      color: white;
      background-color: #bb0000;
      margin-top: 0px; }
    form #errorExplanation h2 {
      display: none; }
    form #errorExplanation ul li {
      background: transparent;
      padding: 4px 0 3px;
      border: 0;
      padding: 6px 10px; }
      form #errorExplanation ul li:before {
        content: "* ";
        color: #dd0000; }
  form .fieldWithErrors label:after, form .fieldWithErrors input:after, form .fieldWithErrors textarea:after {
    content: "* ";
    color: #dd0000; }
  form .fieldWithErrors label {
    font-weight: bold; }
*/

label {
  display: block;
  float: left;
  width: 125px;
  padding-top: 5px; }

li.submit {
  padding-left: 125px; }

fieldset { border: 0; }

input, textarea, button, a.button {
  padding: 3px 8px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
/*
input:hover {
    -moz-box-shadow: #222 0 0px 1px inset;
    -webkit-box-shadow: #222 0 0px 1px inset;
    box-shadow: #222 0 0px 1px inset; }
*/

input, textarea {
  background: white; }
  input:active, input:focus, textarea:active, textarea:focus {
    background: #EEEEEE; }

.selectbox {
  background-color: #EEEEEE;
  cursor: pointer;
  color: 	#777;
  font-size: 10px;
  line-height: 20px;
  height: 22px;
  width: 133px;
  border: 1px outset 	#EEEEEE;
  line-height: 1.5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px inset;
  box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px inset;
  text-shadow: 0 1px 1px white; }
.selectbox:hover, input[type=select]:hover {
    -moz-box-shadow: white 0 12px 5px inset;
    -webkit-box-shadow: white 0 12px 5px inset;
    box-shadow: white 0 12px 5px inset; }

/*

input[type=submit] {
	width: 100px; height: 22px; 
	margin-top: 20px;
	float: none; padding: 10px 15px; margin: 0 15px 0 0;
	border: 1px solid #ddd;

	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); 
	cursor: pointer;
}
*/

#submit2 {
  width: 100px;
  height: 27px;

  background-color: #fff;
  cursor: pointer;
  color: #aaa;
  font-size: 11px;
/*
  line-height: 5px;
*/
  border: 1px solid #ddd;

  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
  box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
/*
  text-shadow: 0 1px 1px #000;
*/
  margin-top: 0px;
  }

/* SUBMIT BUTTON STYLE */
input.submit, input[type=submit] {
  width: 100px;
  height: 27px;
  background-color: #fff;
  cursor: pointer;
  color: #aaa;
  font-size: 11px;
/*
  line-height: 5px;
*/
  border: 1px solid #ddd;

  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
  box-shadow: rgba(255, 255, 255, 0.91) 0 10px 5px outset;
/*
  text-shadow: 0 1px 1px #000;
*/
  margin-top: 20px;
  }
/* ---------------------------------------------- END FORMS STYLE ---------------------------------------------- */
/* ---------------------------------------------- END FORMS STYLE ---------------------------------------------- */
/* ---------------------------------------------- END FORMS STYLE ---------------------------------------------- */






/* modal */
/* modal */
/* modal */

.simplemodal-close {
		position: absolute;
		top: -165px;
		left: 255px;
		font-family: Helvetica, Arial;
		font-size: 16px;
		}

.prevnext { /* USE THESE TO ADJUST POSITION OF STUFFF */
  position: inherit;
  top: 250px;
  left: 12px;
  width: 300px;
  height: 400px;
  }

.popupfb { /* USE THESE TO ADJUST POSITION OF STUFFF */
  position: relative;
  margin-top: 40px;
  }

.simplemodal-data {
  background-color: white;
  -moz-box-shadow: rgba(0, 0, 0, 0.78) 0 0 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.78) 0 0 40px;
  box-shadow: rgba(0, 0, 0, 0.78) 0 0 40px;
  padding: 30px;

/*change this for popup width */
/*change this for popup width */
/*change this for popup width */
  width: 680px; 
  height: 900px;
  min-height: 600px;
  position: absolute;
  top: 20px;
  } /* position from top for modal */
  .simplemodal-data img, .simplemodal-data .description {
    /*
display: block;
*/
    
    }
  .simplemodal-data .description {
    padding-bottom: 10px; }

#simplemodal-container .next, #simplemodal-container .previous {
  color: #red;
  cursor: default; }
  #simplemodal-container .next.active, #simplemodal-container .previous.active {
    color: red; /*color of modal links*/
    cursor: pointer; }
  #simplemodal-container .next.hover, #simplemodal-container .previous.hover {
    color: red; /*color of modal links*/
    }



/* social network links */
#footer {
  margin: 0 auto;
/*
  margin-bottom: auto;
*/
  position: relative;
  bottom: -25px;
  left: 5px;
  width: 1000px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  }
  #footer .hover {color: #222222;} 
  #footer .social {
   	position: relative;
    float: right;
    right: 50px;
    top: -18px;
/* change above positioning */
    }
    #footer .social a {
      height: 15px;
      width: 15px;
      float: left;
      margin-left: 6px;
      margin-bottom: 50px;
      background-position: top center;
      background-repeat: none;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
      box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
      display: block;
      text-indent: -9999px;
      }
      #footer .social a:hover {
        -moz-box-shadow: rgba(0, 0, 0, 0.78) 0 1px 1px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.78) 0 1px 1px;
        box-shadow: rgba(0, 0, 0, 0.78) 0 1px 1px;
        margin-top: -1px; }
        #footer .social a:hover:active {
          -moz-box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
          -webkit-box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
          box-shadow: rgba(0, 0, 0, 0.78) 0 0 1px;
          margin-top: 0; }
  #footer .facebook {
    background-image: url(images/facebook.png); }
  #footer .twitter {
    background-image: url(images/twitter.png); }


/* used in modals forms */
#catchemail {
	position: inherit;
	top: 170px;
	left: 460px;
	max-width: 400px;
}

#formshere {
	position: absolute;
	left: 580px;
	top: 55px;
}

#formshere2 {
	position: absolute;
	left: 580px;
	top: 30px;
}





.movie {
		min-width: 854px;
		width: 854px;
		min-height: 508px;
		height: 508px;
		max-height: 508px;
		position: relative ;
		background-color: white;
		left: 0px;
		bottom: 0px;
		}

.movieframe {
/*
  width: 854px;
  height: 525px;
		left: 0px;
*/
		position:  inherit ;
		top: 0px;
  overflow: hidden;
		}



ul.gallery li {
  display: none; }
  ul.gallery li img {
    max-width: 100%; }

.number_links {
  color: red;
  position: relative; 
  left: -5px;
  top: 0px;
  }
  .number_links a {
    margin: 0 0.5em;
    text-decoration: underline;
    color: #aaaaaa
    }
    .number_links a.active {
      cursor: default;
      text-decoration: none;
      }

/* these control the arrows to the left & right of the number links */
span.previous, span.next {
  cursor: pointer;
  display: inline-block;
  border-top: 7px solid white;
  border-bottom: 7px solid white;
  height: 0;
  width: 0;
  position: relative;
  top: 2px;
  margin: 0 0.5em;
  border-right: 7px solid white; }
  span.previous:not(#ie6or7), span.next:not(#ie6or7) {
    top: 4px; }
  span.previous.next.active, span.next.next.active {
    border-left: 7px solid #aaaaaa; }
  span.previous.previous.active, span.next.previous.active {
    border-right: 7px solid #aaaaaa; }


ul.thumbs, ul.gallery, .category .container {
  list-style: none;
  margin: 0;
  width: 990px; /* determine WIDTH of grid */
  height: 532px; /* determine height of grid */
  overflow: auto;
  background-color: white;
  }
*/

ul.thumbs {
  height: 100%; 
  }

  ul.thumbs li {
    float: left;
    width: 116px; /*change size of thumbs */
    height: 87px; /*changes height between thumbs*/
    margin: 0 3px 2px 0;
    overflow: hidden;
    }

    ul.thumbs li .sign {
      color: red;
      position: absolute;
      text-align: center;
      top: 20px; /*this changes position of "sold" text*/
      left: 0;
      width: 100%; }
  ul.thumbs img {
    height: 87px; /* size of thumb images */
    max-height: 100%;
    width: 100%; }
  ul.thumbs a {
    text-decoration: none; }
    ul.thumbs a img {
      border-width: 0;
      display: block; }


.no-js ul.gallery li, .no-js .description {
  display: block; }
.no-js ul.thumbs, .no-js ul.gallery {
  overflow-y: scroll; }

/* CHANGE BELOW TO MODIFY GRID */
.category .container {
  overflow: hidden ;
  position: relative; }
.category #slider {
  position: relative;
  left: 0;
  -webkit-transition: left 0.22s ease-out;
  -moz-transition: left 0.22s ease-out;
  -o-transition: left 0.22s ease-out;
  transition: left 0.22s ease-out; }
  .category #slider .slice {
    float: left; }
  .category #slider li:active {
    opacity: 0.86; }
  .category #slider li.next, .category #slider li.previous {
    background: url("../images/blank.jpg") 0 0 no-repeat;
    width: 116px; 
    height: 87px;
/*     height: 100px; */
    cursor: pointer; }
    .category #slider li.next span, .category #slider li.previous span {
      background: url("http://www.normakamali.com/20130400/images/hp_201304/gallery_nav2.png") 0 0 no-repeat;
      width: 100px;
      height: 30px;
      display: block;
      margin-top: 50px; /* this positions the "next" & "previous" mouseovers */
      margin-left: 10px;
      text-indent: -999em; }
  .category #slider li.next span {
    background-position: left 0; }
  .category #slider li.next:hover span {
    background-position: left 100%; }
  .category #slider li.previous span {
    background-position: right top; }
  .category #slider li.previous:hover span {
    background-position: right bottom; }