/* Pretty Pervy Shop layout CSS - fixed 950x620 screen centered display */
/* Only basic layout css, put text and styles in separate file! */

body {color: #220022; background-color: #000000; margin: 0px;}

/* debug outline divs
div {border: dashed 1px #ff8800;}
*/

/* centerline for vertical centering */
#horizon {text-align: center;position: absolute;top: 54%;left: 0px;width: 100%;height: 1px;overflow: visible;visibility: visible;display: block;}

/* Horizontaly centered parent content container */
#content {margin-left: -475px;position: absolute;top: -305px;left: 50%;width: 950px;height: 610px;visibility: visible;background: #FFFFFF url(images/midback_cat.jpg) repeat-x 0px 0px;}

/* decoration and fixed button image positions */
#leftBack {border: 0; z-index:1; position: absolute; display:inline;  left:0px; top: 0px; width:570px; height:600px;}
#rightBack {border: 0; z-index:1; position: absolute; display:inline; left:726px; top: 0px; width:224px; height:600px;}
#mb_home {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 25px; height:24; width:265;}
#mb_contact {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 49px; height:24; width:265;}
#mb_payment {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 73px; height:24; width:265;}
#mb_delivery {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 97px; height:24; width:265;}
#mb_privacy {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 121px; height:24; width:265;}
#mb_terms {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 145px; height:24; width:265;}
#mb_sizes {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 169px; height:24; width:265;}
#mb_colours {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 193px; height:24; width:265;}
#mb_care {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 217px; height:24; width:265;}
#mb_browse {border: 0; z-index:5; position: absolute; display:inline;  left:0px; top: 241px; height:24; width:265;}
#mb_myaccount {border: 0; z-index:5; position: absolute; display:inline;  left:726px; top:452px; height:24; width:224;}
#mb_basket {border: 0; z-index:5; position: absolute; display:inline;  left:726px; top:476px; height:24; width:224;}
#mb_checkout {border: 0; z-index:5; position: absolute; display:inline;  left:726px; top:500px; height:24; width:224;}
#mb_logoff {border: 0; z-index:5; position: absolute; display:inline;  left:726px; top:524px; height:24; width:224;}

#pageHeader {position:absolute;top: 0px;left: 0px;width:950px;height:15px;z-index:40;background-color:#000000;color:#ffffff;}
#pageFooter {position:absolute;left: 0px;top: 590px;width:950px;height:20px;z-index:40;background-color:#000000;color:#ffffff;}

/* Main Page Content area with auto overflow */
#loading {
	position:absolute;
	top: 275px;
	left:400px;
	height:50px;
	width:200px;
	z-index:200;
	text-align: center;
	vertical-align: middle;
	visibility: visible;
	color: #000000;
	display: inline;
	background-color: #ffffff;
	padding:5px;
}
#contentMain	{
	position: absolute;
	top: 65px;
	left: 205px;
	width: 575px;
	height: 495px;
	vertical-align: middle;
	text-align:center;
	display: block;
	z-index:20;
	overflow: auto;
	padding: 2px;
	visibility: hidden; /* hide until onLoad to avoid ugly layout changes */
	}

#contentHead {
	position:absolute;
	left:280px;
	top:18px;
	width:490px;
	display:block;
	z-index:25;
}
#contentLeft {
	position:absolute;
	left:0px;
	top:280px;
	width:150px;
	height:290px;
	display:block;
	overflow:hidden;
	z-index:25;
}
#contentRight {
	position:absolute;
	left:800px;
	top:30px;
	width:150px;
	height:420px;
	display:block;
	overflow:hidden;
	z-index:25;
}
#contentFoot {
	position:absolute;
	left:240px;
	bottom:20px;
	width:500px;
	height:20px;
	display:block;
	overflow:hidden;
	z-index:25;
}