/* 19 September 2006 8:00 pm */
body
{ 
margin: 0;
padding: 0;
}
a:link {
color: #000099;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #000099;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: #ff0000;
background-color: transparent;
}
a:active {
color: #ff0000;
background-color: transparent;
}
img
{
border:0;
}
/*--------------------content components------------------------*/

div.arrows
{
display: block;
position: absolute;
top: 135px;
text-align:center;
width: 100%;
font-size: .6em;
line-height:1em;
text-align:center;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
color: #000099;
vertical-align:middle;
z-index:15;
}
div.buy
{
position: absolute;
display: block;
font-size: 0.7em;
text-align:right;
width:350px;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
font-weight:normal;
z-index:3;
}
div.cart
{
position: absolute;
right:-10px;
top:105px;
z-index:20;
}
div.colors
{
position:absolute;
display: block;
width: 100%;
top: 165px;
width:100%;
font-size: .6em;
line-height:1.2em;
text-align:center;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
font-weight:normal;
color: #000099;
z-index:30;
}
div.cop
{
position: relative;
top: 670px;
width: 100%;
text-align: center;
font-weight: normal;
color: #808080;
font-size: 0.6em;
font-family:tahoma, arial, helvetica, geneva, sans-serif;
z-index:4;
}
div.cop2
{
position: relative;
top:1080px;
width: 100%;
text-align: center;
font-weight: normal;
color: #808080;
font-size: 0.6em;
font-family:tahoma, arial, helvetica, geneva, sans-serif;
z-index:4;
}
div.cop3
{
position: relative;
top:1130px;
width: 100%;
text-align: center;
font-weight: normal;
color: #808080;
font-size: 0.6em;
font-family:tahoma, arial, helvetica, geneva, sans-serif;
z-index:4;
}
div.ctr
{
background: url(bangkok-thailand-images/white-back-840.gif) no-repeat;
background-color: transparent;
position: absolute;
display: block;
width:540px;
height:840px;
top:10px;
padding-bottom:3em;
margin-left:21%;
right:18%;
text-align:center;
z-index: 5;
}
div.ctr2
{
background: url(bangkok-thailand-images/white-back-1250.gif) no-repeat;
background-color: transparent;
position: absolute;
display: block;
width:540px;
height:1250px;
top:10px;
padding-bottom:3em;
margin-left:21%;
right:18%;
text-align:center;
z-index: 5;
}
div.logo
{
position: absolute;
display: block;
top:30px;
left:5%;
right:95%;
z-index: 500;
}
div.nav
{
position:absolute;
display:block;
top:948px;
left:0;
z-index:100;
}
div.photo1
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
float: right;
}
div.photo2
{
padding-top: 3px;
padding-bottom: 3px;
padding-right:5px;
float: left;
}
div.srch
{
position:absolute;
width: 100%;
top: 760px;
text-align: center;
width:100%;
z-index: 4;
}
div.srch2
{
position:absolute;
width: 100%;
top:1160px;
text-align: center;
width:100%;
z-index: 4;
}
div.srch3
{
position:absolute;
width: 100%;
top:1180px;
text-align: center;
width:100%;
z-index: 4;
}
div.swatch
{
display: block;
position: absolute;
top: 25px;
width:15%;
right: 9%;
left:76%;
text-align:center;
z-index: 20;
}
div.tx
{
position: absolute;
display: block;
top: 210px;
font-weight: normal;
text-align: left;
font-size: 1em;
font-family: garamond, times new roman, times, new york, serif;
margin-left:165px;
width:355px;
z-index:30;
}

/*--------------------------  Navigation Menu --------------------------*/
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 130px;
		font-family: tahoma, arial, helvetica, serif;
		font-size:11px;    /* less than 1em then reduces each level proportionally, if px then all menus same size */
		text-align: left;
	}
	
	#nav li { /* all list items */
		position : relative;
		display:block;
		top:-960px;
		left:-147px;
		float : left;
		line-height : 1.4em;
		margin-bottom : -1px;
		width:130px;         /* changing this makes content move further away from lists leaving white area if > w\idth */
		z-index:100;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 275px;     /* changing this after w\idth below realigns 2nd level with right side of 1st level  */
		margin-top : 942px;    /* 1em puts 2nd list child in center of 1st list parent, 1.8 puts level with top of parent, 1.6 put level with btm of parent */
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 10.5em;  /* changing this has no effect  */
		w\idth : 11em;    /* changing this widens entire list blocks both levels */
		display : block;
		color :#000099;
		font-weight:700;
		text-decoration : none;
		background:#D2E9FF;      /* changing this has an effect, white=fff */
		border : 1px solid #F0F8FF;
		padding : 2px 3px 3px 5px;
	}
	
	#nav li a:hover {
		background: #000099;
		color: #82C0FF;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

/*--------------------------------------FONTS----------------------*/
h1.syn
{
color:#000099;
font-weight: normal;
font-size: 10px;
line-height:1.5em;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
z-index:3;
}
h1.hdr
{
font-family: garamond, times new roman, times, new york, serif;
font-size: 1.4em;
text-align: center;
color: #000099;
width:100%;
font-weight:700;
z-index:3;
}
.aka
{
font-weight:normal;
font-style:italic;
font-size:1.1em;
color: #999999;
}
.blu
{
font-weight: 700;
color:#0000FF;
}
.dblu
{
font-weight: 700;
color:#000099;
}
.sm
{
font-size: .6em;
line-height:1em;
text-align:center;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
font-weight:normal;
color: #000099;
z-index:3;
}
.smlnk
{
font-weight:normal;
color: #000099;
z-index:3;
}
.sky
{
font-weight:600;
font-size:.9em;
color: #208AD0;
}
.x
{
font-size: .6em;
font-family: tahoma, arial, helvetica, geneva, sans-serif;
font-weight: 700;
line-height:1em;
color:#000099;
text-align:center;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */

div > p
{
margin-top: 0;
}