@charset "utf-8";
/* CSS Document */

/* This is the logo positioning and enter link info on the index page and the welcome pic on the welcome page */

.logoMain {
	width:432px;
	height:600px;
	background-image:url(QBLogoMain01.gif);
	background-position:center;
	background-repeat:no-repeat;
	left:183px;
}

.enter {
	position:absolute;
	left:205px;
	top:575px;
}

.welcomePic {
	width:107px;
	height:161px;
	left:255px;
	top:420px;
	position:absolute;
	border:none;
	float:none;
	z-index:3;
}


/* This is the universal formatting stuff for the body of the site. Side panels, center white space, link colours, etc*/

body {
	background-color:#000;
	behavior:url("csshover.htc"); 
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#container { 
	width:800px;
	height:662px;
	top:50px;
	margin:auto;
	border:none;
	position:relative;
}
	
.leftPanel {
	width:183px;
	height:600px;
	top:62px;
	position:absolute;
	border:none;
	float:none;
}
	
.content01 {
	width:432px;
	height:600px;
	left:183px;
	top:62px;
	background-color:#FFF;
	position:absolute;
	border:none;
	float:none;
}

.flashShop {
	width:424px;
	height:475px;
	left:4px;
	top:120px;
	position:absolute;
}
	
.rightPanel {
	width:183px;
	height:662px;
	top:62px;
	left:615px;
	position:absolute;
	border:none;
	float:none;
}

.mainNav {
	border:none;
	height:185px;
	width:80px;
	top:251px;
	left:103px;
	position:absolute;
	float:none;
	z-index:3;
}

.logo {
	width:93px;
	height:135px;
	left:354px;
	position:absolute;
	border:none;
	float:none;
	z-index:3;
}

a:link { 
	text-decoration: none; 
	color: #000;
	}
a:visited { 
	text-decoration: none; 
	color: #666666;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #fdd661;
	}

/*headers */

.headerWelcome {
	left:54px;
	top:125px;
	position:absolute;
}

.headerShop01 {
	left:100px;
	top:125px;
	position:absolute;
}

.headerAbout {
	left:124px;
	top:125px;
	position:absolute;
}

.headerContact {
	left:150px;
	top:125px;
	position:absolute;
}

.headerLinks {
	left:165px;
	top:125px;
	position:absolute;
}

.headerCart {
	left:165px;
	top:125px;
	position:absolute;
}

p {
	width:350px;
	height:350px;
	top:173px;
	left:40px;
	position:absolute;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-style:normal;
	letter-spacing:normal;
}
	

/* Begin CSS Drop Down Menu */

#menuh
	{
	left:40px;
	top:560px;
	position:absolute;
	}
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

li.size
	{
	float:left;
	font-size:14px;
	padding-right:5px;
	}
	
li.size01
	{
	font-size: 14px;
	}
	
#menuh li
	{
	position:relative;
    min-height: 1px; 		/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
