/*

border: 1px solid red;


*/

@import "menu.css";

html, body {
	height: 100%;
	font-family:helvetica, verdana, arial;
} 

BODY{
	margin:0px;
	padding:0px;
		
	font-family:helvetica, verdana, arial;
	font-size:11px;
	font-style: normal; 
	font-weight: normal;
		
	text-align:center;
	color:#000;	
	background-color:black;
	
	background-image:url(./images/bg-body.gif);	
	background-repeat:no-repeat;	
	background-position:50% 0%;
}

table{
	table-layout:fixed;
}
 
 
td{
	margin:0px;	
	padding:0px;
	vertical-align:top;
 }


UL{	
	margin:0px;
	padding:5px;
	padding:15px;	
	list-style-position:outside;
	zlist-style-type:none;		
}


p.special{	
	margin:0px;
	margin-bottom:20px;
	margin-right:20px;
	padding:0px;
	padding-left:40px;
	padding-bottom:20px;
	padding-top:20px;

	ztext-align:right;
	font-family:Times New Roman, tahoma, serif, Verdana,Arial ;
	font-size:14px;
	background-image:url(./images/true_love.gif);	
	background-repeat:no-repeat;	
	background-position:90% 50%;
	background-color:#eee;	

zborder: 1px solid red;
}

OL{
	margin:0px;
	padding:10px;
	padding-left:45px;
	padding-right:10px;	

	font-size:0.8em;
	zfont-family:Verdana,Arial,tahoma, serif;
	text-align:left;
	color:#555;
	background-color:transparent;	
	line-height:150%;

}

ul.content {	
	margin:0px;	
	padding:0px;

	padding-left:15px;
	padding-right:20px;
	padding-bottom:0px;
	
	background-image:none;
	
	zfont-size:0.7em;
	list-style-position:outside;
	list-style-type: disc;
	background-color:transparent;	
	color:#555;
zborder: 1px solid red;
}

ul.content li{
	padding:2px;
}

H1{		
    margin:0px;	
	padding:0px;

	padding-top:10px;
	padding-bottom:10px;
	
	font-size:14px;
	text-align:left;
	font-family: arial, verdana;
	font-style:none;
		
	background-color:transparent;	
	color:black;
zborder: 1px solid red;
}


div.shell{
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	zpadding-bottom:100px;
	text-align:center;
	width:950px;
	clear:both;	
	
zborder: 11px solid green;

}

div.flash{
	position:absolute;
	top:0px;
	left:0px;	
	width:950px;	
	height:160px;	
	
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	
	text-align:center; 
	color:white;
	background-color:transparent;	
	zbackground-image:url(./images/bg.jpg);	
	background-repeat:no-repeat;
	background-position: 50% 100%;

zborder: 1px solid green;
}

div.menu{
	position:absolute;
	left:0px;
	width:140px;
	zheight:505px;
	
	margin:0px;
	margin-top:190px; /* extra 3px because of cellspacing see html*/
	
	padding:0px;
	zpadding-top:20px;
	zpadding-bottom:20px;
	
	text-align:left;		
	background-color:transparent;	
	zbackground-image:url(./images/bg-menu.jpg);	
	background-repeat:no-repeat;
	background-position: 50% 100%;
	zborder: 1px solid green;
z-index:10;
}

div.hor_menu{
	position:absolute;	
	left:0px;
	width:950px;
	height:28px;
	margin-top:159px;
	
	background-color:#000;	
zborder: 1px solid green;
}

marquee{
	margin:0px;
	padding:0px;
	height:25px;
	font-size:20px;
	font-weight:bold;
	zpadding-bottom:2px;
	color:white;
}
div.content{
	position:absolute;	
	left:0px;
	width:950px;
	
	
	margin:0px;
	padding:0px;
	margin-top:180px;
	padding-bottom:200px;
	
		
	text-align:left;
	font-size:11px;	
	
	background-color:transparent;	
	background-image:url(./images/bottom.jpg);	
	background-repeat:no-repeat;
	background-position: 50% 100%;
zborder: 1px solid red;
}



div.right{
	position:absolute;
	left:0px;
	width:250px;
	
	
	margin:0px;
	margin-top:190px; /* extra 3px because of cellspacing see html*/
	margin-left:700px;
	padding:0px;
	zpadding-top:20px;
	zpadding-bottom:20px;
	
	text-align:left;		
	background-color:transparent;	
	zbackground-image:url(./images/index.jpg);	
	background-repeat:no-repeat;
	background-position: 0% 0%;
zborder: 1px solid yellow;

}

table.content{
	width:580px;
	margin-left:140px;	
	background-color:transparent;	/* temporarily*/
}



table.content td{
	margin:0px;
	
	padding:20px;	
	padding-top:10px;	
	padding-bottom:0px;	
	font-size:0.7em;
	font-family:Verdana,Arial,tahoma, serif;
	text-align:left;
	color:#555;
	background-color:transparent;	
	line-height:150%;
}

/*----------------------------------------*/
p.copy{
    padding:10px;
	
	font-size:9px;
	color:#727c85;
	text-align:center;		
	zbackground-color:#f5f6f6;
zborder: 1px solid black;
}

a{
	color:#10a8c8;
	zfont-size:11px;
	ztext-decoration:none;
}
a:hover{
	color:#727c85;
}
a.copyright{
	color:#cccccc;
	font-size:9px;
	ztext-decoration:none;
}
/*----------------------------------------*/
INPUT{
	color:#333333;
	background-color:#E7E5D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal; 
	font-weight: normal;
	width:100%;
}
input.email{
	width:100%;
}
input.login{
	width:300px;
}
input.pay{width:130px;height:50px;
}

input.qty{width:25px;
}
input.submit{
	width:75px;
}

TEXTAREA{
	color:#333333;
	background-color:#E7E5D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal; 
	font-weight: normal;
	width:100%;
}
SELECT {  
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	color: #333333; background-color: #E7E5D8;
	width:100%;
}

/*--------------------Tables---------------------*/

/*------table.one------*/

table.one{
	margin:20px;
	zmargin-bottom:10px;
	zmargin-left:20px;
	width:650px;
	text-align:left;
zborder:1px solid #ccc;	
}

table.one td{
	margin:0px;
	padding:20px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	zwidth:50px;
	vertical-align:top;
	color:#555;
	font-family:Verdana, Trebuchet MS,Arial;
	font-size:11px;
	background-color:transparent;	
	background-image: url("images/one.gif");
	background-position:0% 50%;
	background-repeat:no-repeat;
zborder:1px solid blue;
}

table.one td.topone{
	margin:0px;
	zpadding-left:35px;
	zheight:15px;
	text-align:left;
	background-image: url("images/one.jpg");
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}

table.one td h1{
	padding-left:0px;
	zpadding-top:5px;
	
	zfont-size:12px;

}

table.one td.bottomone{
	margin:0px;
	height:10px;
	background-image: url("images/one.jpg");
	background-position:0% 100%;
	background-repeat:no-repeat;
}

table.one td img{
	float:right;	
	margin-right:20px;
	margin-bottom:10px;
}



/*-----table.two--------------------*/

table.two{
	margin:0px;
	margin-top:10px;
	width:670px;
	text-align:left;
zborder:1px solid red;	
} 
/*--table.two TDs--*/
table.two td{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:15px;
	
	width:50%;
	text-align:left;	
	vertical-align:top;
	
	color:#555;
	font-family:Verdana, Trebuchet MS,Arial;
	font-size:0.7em;
	
	background-color:transparent;
	background-image: url("images/two.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:none;
zborder:1px solid blue;
}


table.two td.toptwo{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:0px;
	zheight:10px;
	text-align:left;
	vertical-align:top;
	background-image: url("images/two.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
zborder:1px solid blue;
}
table.two td h1{
	padding:10px;
	padding-bottom:10px;	
	padding-left:0px;	
	font-size:12px;	
}

table.two td.bottomtwo{
	margin:0px;
	height:10px;
	background-image: url("images/two.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}

table.two td.video{
	padding:0px;
	padding-top:10px;
	vertical-align:top;
}

/*----table.two.td images-- */

table.two td img{
	margin:0px;
	zmargin-right:10px;
	float:left;
	
	width:100px;
	border:none;
zborder:solid 1px red;
}

table.buy{
	width:180px;
	border:1px dotted #ccc;
}

table.buy td{
	padding:5px;
	zpadding-top:10px;
	zpadding-bottom:10px;
	font-size:10px;
	vertical-align:middle;
zborder:1px solid red;
}

table.buy td img{	
	border:none;
}
/*-----    table.three--------------------*/

table.three{
	margin:0px;
	margin-top:10px;

	width:670px;
	text-align:center;
	border:none;
	
}

/*-------  table.three  TDs -------------*/

table.three td{	
	padding:10px;	
	padding-left:20px;
	text-align:left;
	font-size:0.7em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color:#555; 
	background-color:transparent;/*fa923f;*/
	height:auto;
	vertical-align:top;
	background-image: url("images/three.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid red;
}

table.three td.topthree h1{
	padding:10px;
	padding-bottom:0px;	
	padding-left:20px;	
	font-size:12px;
}

table.three td.topthree{
	margin:0px;
	padding:0px;	
	
	zheight:10px;
	
	background-image: url("images/three.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}
table.three td.bottomthree{
	margin:0px;
	height:10px;
	background-image: url("images/three.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}


/*---td.product----*/

table.three td.product {
	padding:10px;	
	text-align:center;
	vertical-align:top;
	font-size:0.7em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color:#555; 
	background-color:transparent;/*fa923f;*/
	height:auto;
	vertical-align:middle;

	background-image: url("images/three.jpg");
	background-position:50% 50%;
	background-repeat:no-repeat;
zborder:1px solid red;
}

table.three td.topthreeproduct{
	margin:0px;
	padding:0px;
	padding-top:10px;
	height:30px;
	text-align:center;
	background-image: url("images/three.jpg");
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color:transparent;
zborder:1px solid red;
}

table.three td.bottomthreeproduct{
	margin:0px;
	height:10px;
	background-image: url("images/three.jpg");
	background-position:50% 100%;
	background-repeat:no-repeat;
}
/*-------  table.three.td - images-------------*/
table.three td img {		
	margin:0px;
	zmargin-left:10px;
	zmargin-right:10px;
	FLOAT:none;	
	clear:both;
	width:185px;
	border:none;
zborder:1px solid red;
}

table.three td.product img{
	margin:0px;
	
	width:120px;
	FLOAT:none;
	clear:both;	
zborder:1px solid blue;
}
/*-------  table.three.td - ankors-------------*/

ztable.three td a{	
	margin:0px;	
	padding:0px;
	zpadding-left:10px;
	
	font-size:1.2em;
	font-family:Trebuchet MS,Verdana, Arial;
	font-weight:normal;
	background-color:transparent;/*fa923f;*/
	color:#3c82c7; 
	
}
table.three td a:hover{		
	color:#ccc; 
	
}

/**********************/
p.stopper10{
	height:10px;
}
p.stopper20{
	height:20px;
}
p.stopper30{
	height:30px;
}
p.stopper40{
	height:40px;
}
p.stopper50{
	height:50px;
}
p.stopper60{
	height:60px;
}
p.stopper75{
	height:70px;
}
p.stopper70{
	height:75px;
}
p.stopper80{
	height:80px;
}
p.stopper90{
	height:90px;
}
p.stopper100{
	height:100px;
}
/*----contact form-- */
table.contact{
	width:100%;
	margin:0px;
	padding:0px;
} 

table.contact td{	
	margin:0px;
	padding:0px;
	padding-top:10px;
	zpadding-bottom:10px;
	background-image:none;
} 

table.booking{
			left:0px;
			width:250px;
			border:1px solid #ccc;
		}
table.booking td{
	padding:2px;
	font-size:12px;
	color:#333;
	border:1px solid #ccc;
}
table.booking td.three{
	zbackground-image:url(images/three.jpg);
	zbackground-position: 100% 100%;
	zbackground-repeat:no-repeat;
}