/* Container Layers */
html, body{
height:100%;
margin:0px;
}
#containerDetail{
	position: relative;
	margin:auto;
	padding:0px 39px 0px 39px;
	width: 814px;
	color: #000000;
}
#container{

	position: relative;
	margin:auto;
	padding:0px 49px 0px 49px;
	width: 804px;
	color: #000000;
}

#header{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/gradientTop.gif) bottom  no-repeat #FFFFFF;
}
#homeHeader{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
}
#detailContent{
	padding:0px 20px 0px 0px;
	margin:0px;
	position:relative;
}
#content{
	min-height:200px;
	font-size:70%;
	padding:0px 20px 0px 20px;
	margin:0px;
	position:relative;
}
*html #content{
	height:200px;/*ie doesn't read min-height property and this breaks mozilla*/
}
#homeContent{
	padding:0px 0px 0px 0px;
	margin:0px;
	position:relative;
}
#footer{
	float:left;
	width:760px;
	text-align:left;
	margin:20px 0px 0px 0px;
	padding:32px 20px 0 20px;
	background:url(../images/gradientBottom.gif) top center no-repeat #FFFFFF;
	
}
#footer img{
	margin-top:0px;
	
	}
#homeFooter{
	float:left;
	width:740px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:18px 20px 0 30px;
	
	
}
#homeFooter img{
	margin-top:0px;
	
	}
/*make transparent PNG work in ie
This requires absolute URL to work
This must appear last as it will overide all other nested contents background images
* html #container{
	background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' file:///C:/Documents%20and%20Settings/James%20Johnston/My%20Documents/projects/milllaAndEddie/www/images/shaddow.png',sizingMethod='scale');
}*/

div#leftBase{
	position:absolute;
	left:-10px;
	bottom:0px;
	width:50px;
	height:538px;
	z-index:5;
	background: url(../images/gradientBL.gif) bottom left no-repeat;


}
div#leftRepeat{
	position:absolute;
	left:-10px;
	bottom:0px;
	width:50px;
	height:8000px;
	z-index:1;
	background: url(../images/gradientleftRepeat.gif) bottom left repeat-y;


}
div#rightRepeat{
	position:absolute;
	right:-10px;
	bottom:0px;
	width:50px;
	height:8000px;
	z-index:1;
	background: url(../images/gradientRightRepeat.gif) bottom left repeat-y;


}
div#rightBase{
	position:absolute;
	right:-10px;
	bottom:0px;
	width:50px;
	height:538px;
	z-index:2;
	background: url(../images/gradientBR.gif) bottom left no-repeat;
}
/* Items for bag page*/
#productHead{
	background-color:#000000;
	color:#FFFFFF;
	position:relative;
	margin:25px 11px 35px 5px!important;
	margin:25px 8px 35px 7px;
	padding:0px!important;
	padding:0px;
}
#productLevel{
	background-color:#000000;
	color:#FFFFFF;
	position:relative;
	margin:25px 9px 35px 3px!important;
	margin:25px 6px 35px 4px;
	padding:0px!important;
	padding:0px;
}
#productHead h1{
	padding:0px 0px 0px 2px ;
	margin:0px;
	color:#FFFFFF;
}
#productLevel h2{
	padding:3px 0px 3px 5px ;
	margin:0px;
	color:#FFFFFF;
}
#products{
	width:760px;
	position:relative;
	margin:1px;
}
#bagItem{
	position:relative;
	margin:3px 3px 43px 3px;
	padding:0px;
	width:145px;
	float:left;
}

#bagItemRows{
	position:relative;
	margin:3px 3px 43px 53px;
	padding:0px;
	width:145px;
}

#bagItem .status{
	font-size:80%;
	margin:1px;
	padding:0px;
	color:#000000;
	text-align:center;
}
#bagPic{
	border:2px solid #dcdcdc;
	margin-bottom:0px;
}
#bagTitle{
	text-align:center;
	margin:0px;
	padding:0px;
}
#bagTitle a{
	padding-top:2px;
	display:block;
	width:141px;
	border:1px solid #dcdcdc;
	font-size:95%;
	text-decoration:none;
	color:#000000;
}
#bagTitle a:Hover{
	padding-top:2px;
	border:1px solid #000000;
	color:#000000;
	text-align:center;
}
/* Items for Product detail page*/
#detailDisplay{
	width:760px;
	
	position:relative;
	margin:1px;
	height:395px;
	z-index:50;
	
}
#bagDescription{
	font-size:75%;
	color:#000000;
	margin:0px 400px 20px 0px;
}
#pageHeading{
position:absolute;
left: -10px;
top:10px;
}
* html #pageHeading{
position:absolute;
left: -30px;

top:10px;
}
#pageFooterRegister{
width:173px;
background-color:#000000;
position:absolute;
left: -10px;
top:558px;
}
* html #pageFooterRegister{
position:absolute;
left: -30px;
top:559px;
}
#bagLinks {
position:absolute;
bottom:0px;
left:30px;
margin-top:10px;
	
}
#bagLinks a{
	color:#000000;
	font-size:80%;
	font-weight:bold;
}
#bagDescription{
	margin-left:30px;
}
#bagDescription h1{
	font-size:110%;
	
}
#bagBorrowState{
	margin-left:0px;
}

#bagThumb1{
	border:solid 1px #dcdcdc;
	position:absolute;
	right:330px;
	bottom:0px;
	width:76px;
	height:89px;
	z-index:2;
}
#bagThumb2{
	border:solid 1px #dcdcdc;
	position:absolute;
	right:410px;
	bottom:0px;
	width:76px;
	height:89px;
	z-index:3;
}

#bagDetail{
	border:solid 1px #dcdcdc;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:4;
}
div#leftRepeat{
	position:absolute;
	left:-10px;
	bottom:0px;
	width:50px;
	height:8000px;
	z-index:1;
	background: url(../images/gradientleftRepeat.gif) bottom left repeat-y;
}
div#rightRepeat{
	position:absolute;
	right:-10px;
	bottom:0px;
	width:50px;
	height:8000px;
	z-index:1;
	background: url(../images/gradientRightRepeat.gif) bottom left repeat-y;
}
/* use <div class="minHeight"></> to set a min height inside the container */
.minHeight{
	height:200px;
	float:right;
	width:1px;
}