/******************** ZI CSS - BODY ************************/

body, html{
    font: 11px verdana, "Times New Roman", Times, serif;
    color: #333;
    line-height: 12pt;
    font-weight: normal;
    
    background-image: url(/images/whitebg.png);
    background-repeat: repeat-y;
    background-position: center;
    
    background-color: #000000;
    
    text-align: justify;
    min-width: 950px;
    margin: 0px;
    padding: 0px;
}

img {
  display: block;
}

/* Other general top level settings 
table, td, tr {
  border: 0px;
  border-collapse: collapse;
  padding: 0px;
  vertical-align: top;
}
*/
        
/******************** BIG DIV ************************/

#bigdiv {
	background-image: url(../images/l_01.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	margin:0 auto;
	width:950px;
	text-align: left;
	position:relative;
	border-top: 0px;
}


#topnav{
    font: 10px verdana, "Times New Roman", Times, serif;
  text-align: left;
height: 50px;
clear: both;
padding:7px 0 0 0;
margin:0;

}


#topnav ul{
padding: 0 0px 4px 0px;
font-size: 11px;
width: 500px;
float: right;
}



#topnav a{
padding: 0 10px 0 0;
} 


/******************** COLUMNS HOLDER ************************/

#wrap{
  min-width:910px;
  margin: 0 auto;
  padding:10px 0 0 20px;
  min-height: 550px;
 }


/******************** PAGE COLUMNS ************************/

#main{
  float: left;
  width: 660px;
  padding: 0 0 0 40px;
  margin:0;
}

#homeslots{
  float: left;
  width: 660px;
  padding: 0 0 0 40px;
  margin:0;
}


.lookbook #main, .lookbook_collections #main, .lookbook_campaign #main{
  background-image: url(../images/menu_line.jpg);
  background-repeat: repeat-x;
  float: left;
  width: 660px;
  margin: 0 0 0 40px;
  padding: 10px 0 0 0;
}

  
#left  {
  float: left;
  width: 330px;
  clear: none;
  padding: 0px 20px 0px 0px;
}

#right{
width: 300px;
  padding: 0;
  float:left;
}



.home p{
text-align: center;
font-size: 14px;
width: 590px;
margin: 15px 0px 0 20px;
   line-height: 15pt;
   letter-spacing: 1px;
}

/*************************** LEFT & RIGHT ***************************/

.item h1{
margin: 0 0 10px 0;
}

.item #add{
font: 14px verdana, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight:bold;
text-decoration : none;
text-align:left;
padding: 6px 0px 3px 0px;
margin: 10px 0 0 0;
background-image: url(../images/menu_lines.jpg);
  background-repeat: repeat-x;
}

.item #add_img{
padding: 6px 0px 3px 0px;
margin: 10px 0 0 0;
}


#item h2{
padding: 8px 0 0 0;
}

.signup h1, .press h1, .item h1, .about h1, .aboutreal h1, .abouttext h1 , .lookbook h1, .basket h1{
  background-image: url(../images/menu_lines.jpg);
  background-repeat: repeat-x;
  height: 20px;
}

.lookbook #left h1, .lookbook #right h1{
  background-image: none;
  }

.lookbook #left, .lookbook_collections #left  , .lookbook_campaign #left{
  float: left;
  width: 650px;
  height: 360px;
  padding: 0px 0px 20px 0px;
}

.lookbook  #right, .lookbook_collections #right , .lookbook_campaign #right{
width: 300px;
  padding: 0;
   float: right;
}

.lookbook h1 , .lookbook_collections h1 , .lookbook_campaign h1 {
float: right;
width: 660px;
font-size: 12px;
}

.contact #left{
float: left;
width: 250px;
padding: 2px 25px 0px 0px;
}

.contact #right{
float: left;
width: 250px;
padding: 2px 0px 0px 0px;
}



.signup #right{
float: left;
width: 340px;
padding: 0px 0px 0px 0px;
}

#basket{
  background-image: url(../images/basket_line.jpg);
  background-repeat: repeat-x;
  font: 11px verdana, "Times New Roman", Times, serif;
  float: right;
  clear:both;
  height: 170px;
  width: 670px;
  margin: 0px 0 10px 0;
  }
  
  #basket img{
  background-image: url(../images/basket_03.jpg);
  background-repeat: no-repeat;
  padding: 7px 90px 30px 7px;
  margin: 15px 0 0 10px;
  float: left;
  }
  
  #basket .basketitem{
  float: left;
   font: 11px verdana, "Times New Roman", Times, serif;
  }
  
  
  #basket p{
     font: 12px verdana, "Times New Roman", Times, serif;
	 text-transform:uppercase; 
	 text-align: left;
    width:190px;
	float: left;
	margin: 20px  0 0 0 ;
	padding: 0 0 50px 0;
}	

#basket select{
margin: 0 10px 0 0;
float:left;
width: 40px;
}

#basket a{
float:left;
height: 20px;
padding: 0 0 150px 0;
}

#remove a{
float:left;
height: 20px;
padding: 8px 0 0 0;
}
	 
	#subtotal{
    font: 12px verdana, "Times New Roman", Times, serif;
	text-transform:uppercase; 
	text-align: right;
    width:250px;
	float: right;
	margin: 20px  0 0 0 ;
	padding: 0 0 50px 0;
}	

	 
	 
  #delivery{
  float: right;

  width: 460px;
  }
  
  #delivery p{
    font: 12px verdana, "Times New Roman", Times, serif;
	text-transform:uppercase; 
	padding: 0px 0 10px 0;
	}
	
	#delivery h1{
	font-weight: bold;
	}
  
  #aboutdelivery{
      font: 12px verdana, "Times New Roman", Times, serif;
	text-transform:uppercase; 
	margin: 35px 0 0 5px;
	float: left;
		}
  
  
  .basket h1{
  clear:both;
  }
  
#item{
  background-image: url(../images/new_03.jpg);
  background-repeat: no-repeat;
  float:left;
  width: 200px;
  height: 245px;
  padding: 10px 10px 20px 10px;
  }
  
  .new #item{
  background-image: url(../images/new_033.jpg);
  background-repeat: no-repeat;
  float:left;
  width: 200px;
  height: 245px;
  padding: 10px 10px 20px 10px;
  }
  
  .gift #item{
  background-image: url(../images/new_033.jpg);
  background-repeat: no-repeat;
  float:left;
  width: 200px;
  height: 245px;
  padding: 10px 10px 20px 10px;
  } 
  
  .listing #item{
  background-image: url(../images/new_033.jpg);
  background-repeat: no-repeat;
  float:left;
  width: 200px;
  height: 245px;
  padding: 10px 10px 20px 10px;
  }

#item img{
/*width: 175px;
height: 180px;*/
}

#item p, h2{
font: 11px verdana, "Times New Roman", Times, serif;
width: 175px;
padding: 5px 0 0 0;
margin-top: 5px;
text-align: center;
}

#nav{
clear: both;
height: 25px;
padding: 5px;
  background-image: url(../images/menu_lines.jpg);
  background-repeat: repeat-x;
     font: 12px verdana, "Times New Roman", Times, serif;
}

#nav_top{
clear: both;
height: 25px;
padding: 5px;
  background-image: url(../images/menu_lines_top.jpg);
  background-repeat: repeat-x;
     font: 12px verdana, "Times New Roman", Times, serif;
}

#nav i{
padding: 0px;
}


  .contact #main {
  background-image: url(../images/polaroid_contact.jpg);
  background-repeat: no-repeat;
  float:left;
  margin: 0 0 0 40px;
  padding: 15px 0px 150px 15px;
  width: 600px;
   }
   
     .home #main{
  background-image: url(../images/polaroid_home.jpg);
  background-repeat: no-repeat;
  float:left;
   margin: 0 0 0 40px;
  padding: 15px 0px 30px 15px;
  }
  
     .home #homeslots{
  float:left;
   margin: 0 0 0 30px;
  padding: 0px 0px 30px 15px;
  }
   
   
   
  .item #left{
  background-image: url(../images/polaroid_05.jpg);
  background-repeat: no-repeat;
  float:left;
  padding: 15px 0px 60px 17px;
  }
  
  .item #right{
 height: 370px;
  }

 .item #right p{
 /*height: 113px;*/
 height: 214px;
  }
  
  .item #bottom{
  clear: both;
  }
  
  .item #bottom img{
  background-image: url(../images/polaroid_06.jpg);
  background-repeat: no-repeat;
   padding: 8px 25px 70px 7px;
  }
  
#items{
  float:left;
  padding:0;
  margin:0;
  }

.about #left, .packaging #left{
  background-image: url(../images/polaroid_01.jpg);
  background-repeat: no-repeat;
  float:left;
  padding: 15px 0px 100px 19px;
  }
  
  .packaging #left{
  width:320px;
  }
  
   .packaging #right{
  width:320px;
  }
  
     .packaging #right p{
  padding: 0 0 10px 0;
  }

  .aboutreal #left  {
  float: left;
  width: 250px;
  clear: none;
  padding: 10px 20px 0px 0px;
}
  .aboutreal #right{
  width: 390px;
  padding:0;
  float:left;
  }
  
 .abouttext #left {
  float: left;
  width: 300px;
  clear: none;
  padding: 10px 20px 0px 0px;
}

 
  .abouttext #right  {
  width: 340px;
  padding: 0;
  float:left;
  }

  .lookbook #left, .lookbook #right {
  background-image: url(../images/polaroid_03.jpg);
  background-repeat: no-repeat;
  float:left;
  padding: 10px 0px 130px 14px;
  width: 300px;
  height: 240px;
   }
  
  .lookbook #left h1, .lookbook #right h1{
	margin: 12px 0 0 0;
	text-align:center;
	width: 190px;
	float:left;
	}
  
.shop #left, .shop #right{
  background-image: url(../images/polaroid_02.jpg);
  background-repeat: no-repeat;
  float:left;
  padding: 15px 0px 30px 17px;
  width: 310px;
  }
  

  .signup #left{
  background-image: url(../images/polaroid_07.jpg);
  background-repeat: no-repeat;
  float:left;
  padding: 15px 0px 80px 17px;
  width: 285px;
  }
  
  
	.shop h1 {
	margin: 15px 0 0 0;
	text-align:center;
	width: 250px
	}
  
/************************ MENU ******************************/

#menu{ 
font: 12px verdana, "Times New Roman", Times, serif;
text-transform: uppercase; 
float: left;
width: 211px;
padding: 0;
margin:0;
}

.submenu li {
 background-image: none;
padding: 0;
color: #333;
height: 20px;
text-align: left;
list-style-type: none;
list-style-position: outside;
margin: 0 0 2px 10px;
}

.subsubmenu li {
 background-image: none;
padding: 0;
color: #333;
height: 20px;
text-align: left;
list-style-type: none;
list-style-position: outside;
margin: 0 0 2px 20px;
}






/************************** FOOTER ****************************/

#footer {
height: 20px;
  background: #fff;
  height: 25px;
  margin:0 auto;
  width:950px;
 }

#footer  a{
text-transform:uppercase;
color: #666;
}

#footer  a:hover{
color: #333;
}
/*********************** P & H TAGS *******************************/

p {
padding: 10px 0px 10px 0px;
margin:0;
position:relative;
font-weight: normal;
text-align: justify;
}

.item p {
padding: 0px 0px 10px 0px;
margin:0;
position:relative;
font-weight: normal;
text-align: justify;
}


h1 {
font: 14px verdana, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
color: #333;
text-decoration : none;
text-align:left;
padding: 6px 0px 3px 0px;
margin:0px;
}


h2 {
font: 11px verdana, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
color: #333;
text-decoration : none;
text-align:center;
padding: 3px 0px 3px 0px;

margin-top:10px;
}



h5 {
font-size: 9px;
margin:0 20px 0 0;
padding: 25px 0px 5px 0px; 
color: #666;
text-align:right;
font-weight: normal;
}


img{
border:0px;
}


/*********************** LIST TAGS *******************************/

li{
  background-image: url(../images/menu_lines.jpg);
  background-repeat: no-repeat;
padding: 5px 0 0px 0;
color: #333;
height: 26px;
text-align: left;
list-style-type: none;
list-style-position: outside;
margin: 0 0 5px 0;
}


ul{
padding: 0;
margin:0px; 
list-style:none;
}


/*********************** HYPERLINKS TAGS *******************************/

a:link {
text-decoration: none;
color: #333;
}

a:visited {
text-decoration: none;
color: #333;
}

a:active {
text-decoration: none;
}

a:hover {
text-decoration: none; 
color: #999;
}

/*********************** FORMS *******************************/

input.text{
font: 11px verdana, "Times New Roman", Times, serif;
height: 16px ;
width: 101px;
border: 0;
padding: 2px 10px 0px 5px;
  background-image: url(../images/input_06.jpg);
  background-repeat: no-repeat;
  }
  
#howhear input{
font: 11px verdana, "Times New Roman", Times, serif;
height: 16px ;
width: 400px;
border: 0;
padding: 2px 10px 0px 5px;
  background-image: url(../images/input_06.jpg);
  background-repeat: no-repeat;
  }
  
#topnav form{
width: 101px;
position: absolute;
top: 39px;
left: 816px;
float: left;
clear: right;

}

#right form{
width: 300px;
/*position: absolute;
top: 39px;
left: 816px;
float: left;
clear: right;
*/
}

  

  #delivery form{
    width: 255px;
	float: left;
	}
  
  #number{
  float: left;
  padding: 0  10px 0 0;
     }
	 
  #buttons{
  float:left;
  width: 150px;
  }
  
  #empty {
  float:left;
  width: 195px;
  }
  
  #empty form {
padding: 0;
margin: 0;
  }
  
  #desc {
  text-align:center;
width: 300px;
float:left;
  }
  
 #continue {
  text-align:left;
width: 270px;
float:left;
  }

  
  
  #code{
  text-align:right;
  float: left;
   width: 178px;
  }
  
  #checkout{
  align:right;
  float: right;
   /*width: 378px;*/
  }
  
  
  .lookbook_campaign #code{
  width: 475px;
  }
  
  #total{
  font-weight: bold;
  float:left;
  }
  
  #no{
  font-weight: bold;
  text-align:right;
  float: right;
  clear: right;
  }
  
  #deliverycost{
   font: 12px verdana, "Times New Roman", Times, serif;
   text-align: right;
   width: 200px;
   float: left;
   margin: 35px 0 0 0;
  }

   #back{
   font: 11px verdana, "Times New Roman", Times, serif;
   text-transform: uppercase;
   text-align: left;
   width: 200px;
   float: left;
   margin: 15px 0 0 0;
  }
  

  span{
  color: #999;
  }
  
  select { 
  font-family: verdana, "Times New Roman", Times, serif; 
  text-transform: uppercase;
  font-size: 11px; 
  border: #ccc; border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px; 
  /*width: 300px; */
  /*margin: 0 0 10px 0;*/ }
  
 #delivery select {
 	margin: 0 0 10px 0;
 } 
  
.home a#homenav,
.about a#aboutnav,
.aboutreal a#aboutnav,
.abouttext a#aboutnav,
.shop a#shopnav,
.press a#pressnav,
.lookbook a#lookbooknav,
.lookbook_collections a#lookbooknav,
.lookbook_campaign a#lookbooknav,
.new a#newnav,
.gift a#giftnav,
.signup a#signupnav,
.packaging a#packagingnav,
.contact a#contactnav,
.basket a#basketnav{
font-weight: bold;
}

.bags a#bagsnav,
.belts a#beltsnav,
.dresses a#dressesnav,
.jewellery a#jewellerynav,
.kaftans a#kaftansnav,
.scarves a#scarvesnav,
.tops a#topsnav,
.lookbook_collections a#collectionsnav,
.lookbook_campaign a#campaignnav,
.bracelets a#braceletsnav,
.brooches a#broochesnav,
.necklaces a#necklacesnav,
.corsages a#corsagesnav
{
font-style:italic;
}

  
.zoomdiv{
padding:0;
margin:0;
left: 500px;
}

.item form{
bottom: 0;
height: 1px;
width: 100px;
padding: 0;
margin:0;
}  

.card {
	display: inline;
	padding: 2px;
}

.formlinks {
	font-weight: bold;
	font-size: 12px;
	font-family: verdana, "Times New Roman", Times, serif;
}

.makepayment {
	font-weight: bolder;
	font-size: 15px;
	font-family: verdana, "Times New Roman", Times, serif;
}