div#page    {
            background-image: url(../images/backgrounds/diffusion.jpg);
            background-repeat: repeat;
            }
div#filmsearch	{
				margin-top: 0px;
				margin-left: 6px;
				width: 200px;
				height: 410px;
				float: left;
				}
#filmsearch h2	{
				padding: 0px;
				margin: 0px;
				}
div#filmoptions	{
				margin-left: 5px;
				width: 190px;
				height: 340px;
				overflow: auto;
				}
#filmoptions li	{
				list-style-type: none;
				padding-left: 0px;
				margin-left: 0px;
				}
#filmoptions ul	{
				padding-left: 0px;
				margin-left: 0px;
				}
#filmoptions	a	{
						color: #38b1ce;
						}
#filmoptions a:hover	{
						color: #900;
						}
div#relatedproducts	{
					margin-left: 4px;
					width: 210px;
					height: 420px;
					float: left;
					}
#relatedproducts p	{
					text-align: center;
					padding-bottom: 8px;
					}
#relatedproducts h3	{
					padding: 0px;
					margin: 0px;
					text-align: center;
					}
div#relatedscroll	{
					width: 200px;
					height: 380px;
					margin-left: 5px;
					margin-right: 0px;
					margin-top: 8px;
					overflow: auto;
					}
#relatedscroll p {
						text-align: left;
					}
#relatedscroll h3 {
						text-align: left;
					}
#relatedscroll img	{
					border:0;
					}
div#productdetails	{
							margin-right: 5px;
							padding-right: 8px;
							width: 400px;
							height: 410px;
							float: right;
							overflow: auto;
							}
/*Advanced Menu functions*/
ul#menu	{
		width: 707px;
		height:83px;
		background: url(../images/menu/sbook.gif) no-repeat;
		padding: 0px;
		margin-left: 60px;
        margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		}
#menu li{
		margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;
		}
#menu a	{
		display: block; text-indent: -60px; overflow: hidden; text-decoration: none;
		}
/*Positioning the menu items*/
#films	{left: 270px; top: 17px; width: 60px; height: 29px;}
#news	{left: 200px; top: 16px; width: 60px; height: 29px;}
#shop	{left: 617px; top: 15px; width: 60px; height: 33px;}
#diff	{left: 703px; top: 23px; width: 31px; height: 18px;}
/*Declaring the height of the links*/
#films a{height: 29px; width: 60px; background: url(../images/menu/text/filmsbackplain.gif) no-repeat;}
#news a{height: 29px; width: 60px; background: url(../images/menu/text/newsbackplain.gif) no-repeat;}
#shop a{height: 33px; width: 60px; background: url(../images/menu/text/shopfrontplain.gif) no-repeat;}
#diff a{height: 18px; width: 31px; background: url(../images/menu/text/diffplain.gif) no-repeat;}
/*Choosing the task to be performed when user hovers*/
#films a:hover{background: url(../images/menu/text/filmsbackdecor.gif) no-repeat;}
#news a:hover{background: url(../images/menu/text/newsbackdecor.gif) no-repeat;}
#shop a:hover{background: url(../images/menu/text/shopfrontdecor.gif) no-repeat;}
#diff a:hover{background: url(../images/menu/text/diffdecor.gif) no-repeat;}