Untitled

CSS:

/* main site */
body {
	text-align: center;	
}

.siteHeader {
	position: relative;
	top: 0px;
	width: 950px;
	background-color: red;
	
	margin-left: auto;
	margin-right: auto;
}

.siteLogo {
	position: absolute;
	left: 0px;
	top: 0px; 
	width: 50%;	
	
	background-color: green;
}

.siteMenu {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 50%;	
	
	background-color: pink;
}

/* site content */

.siteContent {
	position: relative;
	width: 950px;	
	height: 10%;
	top: 100px;
	
	background-color: blue;
	border: 1px solid black;
	
	margin-left: auto;
	margin-right: auto;
}

.siteLeftContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20%;	
	
	background-color: orange;
}

.siteCenterContent {
	position: absolute;
	left: 20%;
	top: 0px;
	width: 60%;
	
	background-color: yellow;
	
	height: auto;
}

.siteRightContent {
	position: absolute;
	left: 60%;
	top: 0px;
}

/* products page */

.productView {
	/* position: relative; */
	position: absolute;
	
	padding: 10px;
	height: 100%;

}

.productHeader {
	position: absolute;
	left: 10px;

}

.productHeader h2 {
	font-size: 22px;
}

.productHeader h3 {
		
}

.productSalePriceBox {
	position: absolute;
	top: 5px;
	left: 500px;
	
	width: 150px;
}

.productAddToCart {
	position: absolute;
	top: 25px;
	left: 500px;
	
	width: 150px;	
}

.productSalePrice {
	font-size: 22px;	
}

.productBlurb {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 50%;

	padding-right: 5px;
	
}

.productDetails {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 50%;
	
	padding-left: 5px;
}


HTML (generated):
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Browse Shop</title>
<base href="http://devwww.vortexdvd.com"/>
<script src="templates/containers/js/Containers.js" language="JavaScript1.2"></script><link href="templates/css/core.css" rel="stylesheet" type="text/css"/><link href="templates/css/vortexdvd.css" rel="stylesheet" type="text/css"/><link href="sites/www.vortexdvd.com/templates/css/style.css" rel="stylesheet" type="text/css"/><link href="sites/www.vortexdvd.com/templates/css/demo-divs.css" rel="stylesheet" type="text/css"/><link href="templates/containers/css/TabbedViewContainer.css" rel="stylesheet" type="text/css"/> 
<script src="sites/admin.vortexdvd.com/modules/core/js/admin.js"></script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" marginheight="0">

<!-- header -->
<div class="siteHeader">
    <div class="siteLogo">
	    <a href="/"><img src="images/logo-8colours.png" width="400" border="0"/></a>

    </div>
	<div class="siteMenu">
			    <table border="1" width="100%">
				<tr>
					<td align="center" valign="top">
					pc | ps2 | ps3 | psp | xbox | xbox 360 | gc | gba | ds | wii | nge | mobile
					</td>
				</tr>
				<tr>

					<td align="center" valign="top">
					<center>home | latest | best sellers | cart | contact </center>
					</td>
				</tr>
			</table>
	</div>
</div>
<!-- /header -->

<!-- body -->

<div class="siteContent">
	<div class="siteLeftContent">
	&nbsp;
	</div>
	<div class="siteCenterContent">
				
<div class="contentContainer">
	<div id="tabsI">
        <ul>
        	<li>

        		<a href="#1"><span>Overview</span></a>
        	</li><li>
        		<a href="#2"><span>New Releases</span></a>
        	</li>        </ul>
	</div>

	<div class="pageStack">
	    <div class="stackedContainerRow">

		    <div id="1">
		    	<a name="1"></a>
	            <div align="right" id="openshut"><a onClick="toggleOpen('text-block-1')">Hide / Show</a></div>
	            <div id="text-block-1" style="display: block">
nothing to see here..


<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

except this :p
</div>
		    </div>

	    </div><div class="stackedContainerRow">
		    <div id="2">
		    	<a name="2"></a>
	            <div align="right" id="openshut"><a onClick="toggleOpen('text-block-2')">Hide / Show</a></div>
	            <div id="text-block-2" style="display: block">
<table border="1">
<tr>
<td>
<a href="product/2830"><h3>Console Bundle - Console + Pokemon XD</h3></a>


</td><td>
<a href="product/2831"><h3>Console Platinum</h3></a>



</td><td>
<a href="product/2832"><h3>PS2 Genuine Logitech Driving Force Ex  Wheel</h3></a>



</td><td>
<a href="product/2833"><h3>PS2 Genuine Logitech Driving Force Pro S/Wheel</h3></a>



</td><td>
<a href="product/2834"><h3>PS2 Genuine  USB Headset V2</h3></a>



</td></tr>

</table>


</div>
		    </div>

	    </div>	</div>
</div>
	</div>
	<div class="siteRightContent">
	&nbsp;
	</div>
</div>
<!-- /body -->

<!-- footer -->
<div class="siteFooter">

&copy; 2006 VortexDVD
</div>
<!-- /footer -->

</body>
</html>