@charset "UTF-8";
/* CSS Document */

/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	background-color: #FFF;
	margin: 24px 0;
	padding: 0;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}


/* all my div and styles etc now with width 800 */

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	clear: left;
	position: relative;
	z-index: 1;
	height: 1400px;
}

#paneltop {
	width: 850px;
	float: left;
	height: 125px;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 1;
}

#paneltopnarrow {
	width: 853px;
	float: left;
	height: 35px;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 4;
	background-color: #FFCCFF;
}

#paneltopblue {
	width: 850px;
	float: left;
	height: 125px;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 4;
	background-color: #ccffff;
}


#paneltopblack {
	width: 849px;
	float: left;
	height: 123px;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 4;
	background-color: #000;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-left-color: #000;
	border-left-style: solid;
	border-left-width: medium;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: medium;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: medium;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#paneltopwhite {
	width: 849px;
	float: left;
	height: 123px;
	position: absolute;
	left: 0px;
	top: -2px;
	z-index: 4;
	background-color: #FFF;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-left-color: #000;
	border-left-style: solid;
	border-left-width: medium;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: medium;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: medium;
}











#panelbottomlong {
	width: 850px;
	float: 432;
	height: 1487px;
	position: absolute;
	left: 0px;
	top: 136px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #FFFFFF;
}

#panelbottomlonger {
	width: 850px;
	float: 432;
	height: 1650px;
	position: absolute;
	left: 0px;
	top: 136px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #FFFFFF;
}

#panelbottomkimono {
	width: 850px;
	float: 432;
	height: 1198px;
	position: absolute;
	left: 0px;
	top: 136px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #FFFFFF;
}

#panelbottomwrap {
	width: 850px;
	float: 432;
	height: 943px;
	position: absolute;
	left: 0px;
	top: 136px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #FFFFFF;
}

#panelbottomwrapblack {
	width: 850px;
	float: 432;
	height: 1490px;
	position: absolute;
	left: 0px;
	top: 133px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #000000;
}





#panelbottomwrapblack2{
	width: 850px;
	float: 432;
	height: 1074px;
	position: absolute;
	left: 0px;
	top: 450px;
	z-index: 2;
	border-top: 0px none;
	border-right: medium dotted #999;
	border-bottom: 0px none;
	border-left: medium dotted #999;
	background-repeat: repeat;
	background-color: #000000;
}

#buyrunner{
	position: absolute;
	z-index: 6;
	width: 205px;
	top: 9px;
	left: 622px;
	height: 108px;

}












#spring2 {
	position: absolute;
	height: 867px;
	width: 932px;
	left: -378px;
	top: 80px;
	z-index: 1;
	background-repeat: no-repeat;
}


#panelbottomindex {
	width: 850px;
	float: 432;
	height: 500px;
	position: absolute;
	left: 0px;
	top: 136px;
	z-index: 2;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	background-repeat: repeat;
	background-image: url(../images/backgrounds/whitetrans.png);
}

#panelbottomindex2 {
	width: 850px;
	float: 432;
	height: 500px;
	position: absolute;
	left: -1px;
	top: 84px;
	z-index: 2;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	background-repeat: repeat;
	background-image: url(../images/backgrounds/whitetrans.png);
}















#panelfooter {
	clear: both;
	background-color: #FCF;
	left: 0px;
	top: 643px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}





#panelfooterlong {
	clear: both;
	left: 0px;
	top: 1629px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
	color: #000;
}

#panelfooterlonger {
	clear: both;
	background-color: #FCF;
	left: 0px;
	top: 1792px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}


#panelfooterindex {
	clear: both;
	background-color: #FCF;
	left: 0px;
	top: 1084px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}






#panelfooterkimono {
	clear: both;
	background-color: #FCF;
	left: 0px;
	top: 1344px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}

#panelfooterwrap {
	clear: both;
	background-color: #FCF;
	left: 0px;
	top: 1093px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}

#panelfooternapkin {
	clear: both;
	background-color: #FFCCFF;
	left: -1px;
	top: 738px;
	position: absolute;
	width: 850px;
	height: 50px;
	z-index: 5;
}







#welcome {
	position: absolute;
	left: 5px;
	top: 52px;
	width: 798px;
	height: 66px;
	z-index: 1;
	background-repeat: no-repeat;
}





/*
this is needed for the pulldown menu items
*/

#pull {
	position: absolute;
	left: 0px;
	top: 1px;
	width: 850px;
	height: 46px;
	z-index:10;
}

#intro {
	position: absolute;
	height: 0120px;
	width: 724px;
	left: 65px;
	top: -18px;
}

#moreinfo {
	position: absolute;
	height: 806px;
	width: 720px;
	left: 65px;
	top: 710px;
}


#moreinfokimono {
	position: absolute;
	height: 332px;
	width: 720px;
	left: 1px;
	top: 577px;
}











#payment {
	position: absolute;
	height: 828px;
	width: 857px;
	left: 11px;
	top: 377px;
}


#moreinfowrap {
	position: absolute;
	height: 244px;
	width: 720px;
	left: 20px;
	top: 652px;
}

#moreinfobaby {
	position: absolute;
	height: 827px;
	width: 720px;
	left: 64px;
	top: 847px;
}


#footnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	height: 37px;
	width: 600px;
	position: absolute;
	top: 6px;
	right: 20px;
	z-index: 2;
}

#footnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footnav li {
	display: inline;
	color: #996600;
}

#footnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #996600;
	text-decoration: none;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
#footnav ul li a:hover {
	color: #000;
}

#copywrite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	z-index: 3;
	top: 10px;
	list-style-type: none;
	width: 150px;
	position: absolute;
	left: 20px;
}







#allkimonos {
	position: absolute;
	height: 930px;
	width: 720px;
	left: 66px;
	top: 0px;
}








#no1 {
	position: absolute;
	height: 200px;
	width: 180px;
	left: 73px;
	top: 201px;
}



#no2{
	position: absolute;
	height: 88px;
	width: 178px;
	left: 263px;
	top: 201px;
}



#no3 {
	position: absolute;
	height: 88px;
	width: 178px;
	left: 463px;
	top: 201px;
}



#no4 {
	position: absolute;
	height: 200px;
	width: 180px;
	left: 73px;
	top: 475px;
}

#no5 {
	position: absolute;
	height: 200px;
	width: 178px;
	left: 270px;
	top: 475px;
}



#no6 {
	position: absolute;
	height: 200px;
	width: 178px;
	left: 470px;
	top: 475px;
}

#wrappics {
	position: absolute;
	height: 569px;
	width: 418px;
	left: 20px;
	top: 1px;
}

#orientalcolours {
	position: absolute;
	height: 196px;
	width: 40px;
	left: 459px;
	top: 18px;
	z-index: 6;
}


#swatch {
	position: absolute;
	height: 172px;
	width: 88px;
	left: 513px;
	top: 19px;
	z-index: 8;
}

#buywrap{
	position: absolute;
	z-index: 6;
	width: 177px;
	top: 2px;
	left: 666px;
	height: 161px;

}

#wrapinfo {
	position: absolute;
	height: 401px;
	width: 386px;
	left: 457px;
	top: 221px;
}



#bignapkin {
	position: absolute;
	height: 589px;
	width: 307px;
	left: 768px;
	top: -53px;
}
#smallnapkin {
	position: absolute;
	height: 549px;
	width: 814px;
	left: 215px;
	top: 39px;
}
#napkin1 {
	position: absolute;
	left: 80px;
	top: 20px;
	height: 258px;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#napkin2 {
	background-color: #000000;
	height: 258px;
	width: 200px;
	position: absolute;
	left: 325px;
	top: 20px;
}


#napkin3 {
	background-color: #000000;
	background-position: 100px 0px;
	height: 258px;
	width: 200px;
	position: absolute;
	left: 570px;
	top: 20px;
	z-index: 6;
}


#napkin4 {
	background-color: #000000;
	position: absolute;
	left: 81px;
	top: 305px;
	height: 258px;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#napkin5 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 326px;
	top: 305px;
}

#napkin6 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 571px;
	top: 305px;
}

#napkin7 {
	background-color: #000000;
	position: absolute;
	left: 81px;
	top: 590px;
	height: 258px;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#napkin8 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 326px;
	top: 590px;
}

#napkin9 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 571px;
	top: 590px;
}

#napkinpayment {
	position: absolute;
	height: 602px;
	width: 276px;
	left: 539px;
	top: 870px;
}







#napkindetail {
	position: absolute;
	height: 580px;
	width: 399px;
	left: 83px;
	top: 869px;
	z-index: 5;
}



/*
text styles for my website
*/

.david{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: normal;
}

.davidgrey{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	font-size: small;
}


.davidwhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	font-size: small;
}


.davidgreybig{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 130%;
	font-weight: normal;
	font-size: large;
	font-size: medium;
}

.kimonogroup{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 130%;
	font-weight: bold;
	font-size: large;
	font-size: large;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
}
#kimonodes1 {
	position: absolute;
	height: 64px;
	width: 720px;
	top: 381px;
	left: 0px;
}


#kimonodes2 {
	position: absolute;
	height: 92px;
	width: 720px;
	top: 829px;
	left: -1px;
}
#movie {
	position: absolute;
	height: 355px;
	width: 510px;
	left: 339px;
	top: 0px;
	z-index: 5;
}

#livingloves {
	position: relative;
	height: 300px;
	width: 300px;
	background-repeat: no-repeat;
	left: -150px;
	top: 200px;
	z-index: 3;
}












.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 300px;
}


.sock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.dots {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-style: medium dotted #999;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #996622;
	font-size: large;
}

.h2white {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
	font-size: large;
}

.h3white {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
	font-size: medium;
}



.h3red {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #F00;
	font-size: medium;
}

.h2grey {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #666;
	font-size: large;
}

#feedback {
	position: absolute;
	height: 922px;
	width: 411px;
	left: 451px;
	top: -5px;
	overflow: scroll;
}
#positionit {
	position: absolute;
	height: 342px;
	width: 900px;
	top: 127px;
	left: -38px;
	z-index: 4;
}



#satchelpic {
	position: absolute;
	left: 13px;
	top: 20px;
	height: 566px;
	width: 371px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#satchel1 {
	background-color: #000000;
	background-position: 100px 0px;
	height: 258px;
	width: 300px;
	position: absolute;
	left: 417px;
	top: 17px;
	z-index: 6;
}


#satchel2 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 890px;
	top: 124px;
}


#satchel3 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 423px;
	top: 283px;
}



#satchel4 {
	background-color: #000000;
	position: absolute;
	height: 258px;
	width: 200px;
	left: 638px;
	top: 283px;
}


#vintage_satchel_15inch {
	background-color: #000000;
	position: absolute;
	left: -441px;
	top: 594px;
	height: 258px;
	width: 392px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


#satchelpayment {
	position: absolute;
	height: 602px;
	width: 276px;
	left: 543px;
	top: 584px;
}
.yellow {
	color: #FF0;
}
.lower {
	top: 147px;
	position: absolute;
	left: -36px;
	height: 674px;
}
#wrapper #panelbottomlong #moreinfo .lower table tr td .davidgrey a strong {
}



#mag {
	background-color: #F00;
	position: absolute;
	height: 173px;
	width: 227px;
	left: -101px;
	top: 456px;
	z-index: 2;
}