/*
	Programmer: Dain Sanye
	Date of creation: 12/04/2008
	Last modified: 12/04/2008
	Version: 2008.04
	Notes: Edesirs Fashion Boutique
	Font colour scheme: v.light:#FF6699; light:#CC66FF; medium:#; hot:#CC3399; white:#FCFCFC; black-background:#000000; black-text:#333333
	Classes and IDs ordered as per location on page; top-bottom-left-right
*/

body{
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:1.166;	
	margin:0px;
	padding:0px;
	width:100%;
}

/* Banner styles */
.banner{ /* top 100 pixels including titlebar image */
	background-color:#000000;
	height:100px;
	left:0px;
	position:fixed;
	text-align:center;
	top:0px;
	width:100%;
}

.menuborder{ /* 5 pixel high by screen width line separating banner from menu */
	position:absolute;
	top:100px;
	width:100%;
}

/* group for menu section */
.masthead{ /* div containing all parts of menu bar; parent and child menus, quick links and search box */
	background-color:#000000;
	position:absolute;
	top:105px;
	left:0px;
	right:0px;
	height:32px;
	width:100%;
}

	/* utility quick links appear right justified at the top of the menu bar */
	.utility{
		font:75% Verdana, Arial, Helvetica, sans-serif;
		position:absolute;
		top:4px;
		height:12px;
		right:4px;
		color:#FF6699;
	}
	.utility a:link, .utility a:visited{
		color:#CC3399;
		text-decoration:none;
	}
	.utility a:hover, .utility a:active{
		background-color:#FCFCFC;
		padding:2px;
	}

	/* store search input form box appears below the utility quick links */
	form{
		margin: 0;
		padding: 0;
	}
	#search{
		position:absolute;
		top:26px;
		right:10px;
		z-index:101;
	}
	#search input{
		font-size:70%;
		margin:0px 0px 0px 0px;
	}
	#search a:link, #search a:visited{
		font-size:80%;
		font-weight:bold;
	}
	#search a:hover{
		margin:0px;
	}

	/* parent menu always visible */
	#globalNav{
		background-color:#000000;
		left:0px;
		position:relative;
		top:0px;
		width:100%;
		min-width:640px;
		height:32px;
		color:#FF6699;
		padding:0px;
		margin:0px;
	}
	#globalNav a.glink, a.glink:visited{
  		font-size:small;
	  	color:#CC3399;
		font-weight:bold;
		text-decoration:none;
		margin:0px;
		padding:2px 5px 4px 5px;
		border-left:1px solid #CC66FF;
		border-right:1px solid #CC66FF;
		width:50px;
	}
	#globalNav a.glink:hover, a:glink:active{
		background-color:#CC3399;
		border:1px solid #CC66FF;
		border-bottom:1px solid #CC66FF;
		color:#FFFFFF;
		text-decoration:none;
	}
	/* style of parent menu */
	#globalLink{ 
		position:absolute;
		top:0px;
		height:24px;
		min-width:640px;
		padding:0px;
		margin:0px;
		left:10px;
		z-index:100;
	}

	/* submenu appears when hover over parent menu */
	.subglobalNav{
	background-color:#000000;
	position:absolute;
	top:26px;
	left:0px;
	width:100%;
	min-width:640px;
	height:20px;
	padding:0px 0px 0px 10px;
	visibility:hidden;
	color:#FF6699;
	text-align: left;
	}
	.subglobalNav a:link, .subglobalNav a:visited{
		font-size:80%;
		color:#ffffff;
		text-decoration:none;
		border-left:1px solid #CC66FF;
		border-right:1px solid #CC66FF;
	}
	.subglobalNav a:hover, .subglobalNav a:active{
		font:bold;
		color:#CC66FF;
		text-decoration:none;
		border:1px solid #CC66FF;
		text-decoration:none;
	}

/* Navigation styles */
	.navigation{
		left:0px;
		position:fixed;
		top:150px;
		width:200px;
	}
	.navigationheader{
		font:bold Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12pt;
		color:#CC3399;
		margin:4px;
	}
	.navigationbold{
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:12pt;
		font-weight:bold;
		color:#CC3399;
		margin:4px;
	}
	.navigationbold a:link, .navigationbold a:visited{
		color:#CC3399;
		text-decoration:none;
	}
	.navigationbold a:hover, .navigationbold a:active{
		color:#CC66FF;
		background-color:#FCFCFC;
		text-decoration:none;
		border:1px #CC66FF;
	}
	.navigationnormal a:link, .navigationnormal a:visited{
		font-size:10pt;
		color:#CC3399;
		text-decoration:none;
	}
	.navigationnormal a:hover, .navigationnormal a:active{
		font-size:10pt;
		color:#CC66FF;
		background-color:#FCFCFC;
		text-decoration:none;
		border:1px #CC66FF;
	}

/* Content styles */
	/* Body */
	.content{
		left:250px;
		margin-bottom:200px;
		padding-bottom:80px;
		margin-left:10px;
		margin-top:10px;
		position:absolute;
		top:150px;
		width:78%;
	}
	hr{
		color:#CC3399;
	}
	
	/* Headers */
	h1{
		font:bold 120% Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
		margin:0px;
		padding:0px;
	}
	h2{
		font:bold 110% Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
		margin:0px;
		padding:0px;
	}
	h3{
		font:bold 100% Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
		margin:0px;
		padding:0px;
	}
	h4{
		font:90% Verdana, Arial, Helvetica, sans-serif;
		color:#CC66FF;
		margin:0px;
		padding:0px;
	}
	h5{
		font:80% Verdana, Arial, Helvetica, sans-serif;
		color:#FF6699;
		margin:0px;
		padding:0px;
	}

	/* paragraph font */
	p.default{
		width:90%;
	}
	.blacknormal{ 
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
		color:#FCFCFC;
	}
	.pinkheader{
		font:bold Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12pt;
		color:#CC3399;
	}
	.pinkbold{
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
		color:#CC3399;
	}
	.pinkbold a:link, .pinkbold a:visited{
		color:#CC3399;
		text-decoration:underline;
	}
	.pinkbold a:hover, .pinkbold a:active{
		color:#CC66FF;
		background-color:#FCFCFC;
		text-decoration:none;
		border:1px #CC66FF;
	}

	/* table format */
	table.shoesize{
		font:bold Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
	}

	/* images */
		/* Title image indent */
		.titleimage {
			left:50px;
			margin-left:50px;
		}
		/* Floating image right */
		.floatimageright{
			float:right;
			position:relative;
			visibility:collapse;
			padding:5px;
		}
		.floatimageright a{
			text-decoration:none;
		}
	.autosizeleft{
		position:fixed;
		height:50%;
	}

	/* bullets */
	
	ul{
		list-style-type:disc;
		font:10pt Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
	}
	ul ul{
		list-style-type:circle;
		font:10pt Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
	}
	ul ul ul{
		list-style-type:square;
		font:10pt Verdana, Arial, Helvetica, sans-serif;
		color:#CC3399;
	}

	
/* Footer styles */
.footer{
	background-color:#000000;
	height:10%;
	position:fixed;
	right:0px;
	text-align:center;
	top:90%;
	width:100%;
	left:0px;
}

	/* utility quick links appear right justified at the top of the footer */
	.footerutility{
		font:75% Verdana, Arial, Helvetica, sans-serif;
		position:fixed;
		top:90%;
		height:12px;
		right:0px;
		color:#FF6699;
	}
	.footerutility a:link, .utility a:visited{
		color:#CC3399;
		text-decoration:none;
	}
	.footerutility a:hover, .utility a:active{
		background-color:#FCFCFC;
		padding:2px;
	}






/******* hyperlink and anchor tag styles *******/
/*
label{
 font: bold 1em Verdana, Arial, Helvetica, sans-serif;
 color: #9966FF;
}
				
*/

/************** header tag styles **************/



/*************** list tag styles ***************/


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 312px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

#tl {
	position:absolute;
	top: -1px; /* not edited */
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px; /* not edited */
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}


#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}


/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

	/* button images */
	#gnl {
		position: absolute;
		top: 0px;
		left:0px;
	}
	#gnr {
		position: absolute;
		top: 0px;
		right:0px;
	}

.skipLinks {display: none;}



/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/