/* In the structure file there should only be the following divs (no classes):
	body - overall body structure
	holdem - Holds all the over divs together
	header - Holds the header information such as logos and images
	menu - Holds the main top menu
	crumbtrail - The crumbtrail holds message information and is normally invisible between the menu and main
	cart - The cart holds all the shopping cart information often floated right
	main_hold - if the holdem just contains the header, the main hold holds the left and the main divs
	main - Holds the main content 
	footer - Holds further links and information at the bottom of the page
	clear - a quick way to clear above divs DO NOT CHANGE
	center - Aligns everything in the center quickly DO NOT CHANGE
	Everything else should be in the format.css file 
	
	COLORS USED - Keep a note of all colors used
	#
	#
	#
	
	You can find this in action at http://beta.ecommo.com/home/designer
	
*/

/*////////////////////////////////////////////
KEEP ALL FONT SIZES IN EM RATHER THAN PX

ALL IMAGES NEED TO HAVE THE RESELLER ID PRECEDDING IT => img/reseller_id/img_name
RESELLER ID WILL BE PROVIDED BY ECOMMO IF REQUIRED
////////////////////////////////////////////*/

/* MULTI format for ease */


/* Structual layout */

body { /* define font-family here and nowhere else */
	background:#aaa ;
	font-family:verdana,helvetica,arial;color:#787878;font-size:12px;line-height:14px;
	color:#3f3f3f;
}

#holdem {
	width:944px;
	margin:0 auto;
	border:solid #fff;
	border-width:0 10px 10px 10px;
	background:#ddd;
	position:relative;
	
}

#header {
	height:150px;
	background:#fff url('../../img/6098414/website/banner.png');
	position:relative;

}


#menu {
	height:28px;
	width:944px;
	position:relative;
	margin:auto;
	border:solid #fff;
	border-width:0 0 1px 0;
	z-index:100;
	padding:10px 0 0 0;
}

#crumbtrail {
	text-align:center;
	margin:20px 0 0 0;
	color:#000;
	font-size:1.3em;
	padding:5px;
}

#crumbtrail a {
	color:#000;
}

#main_hold {
	clear:both;
	position:relative;
	z-index:0;

}

#left { 
	width:250px;
	float:left;
	margin:10px;
	position:relative;
}

#main { /* total left = 742-4-20-20 = 698 */
		float:left;
		width:664px;
		margin:10px 0;
		background:#fff;
		position:relative;
		z-index:-1;
}

#cart { /* total left = 744-200 = 0 */
	border:1px solid #ccc;
	width:200px;
	background:#fff;
	margin:0 0 20px 0;
}

.header_cart{
	position:absolute;
	top:30px;
	right:0;
	text-align:right;
	height:40px;
	padding:3px 10px;
	width:280px;
	color:#fff;
}

#footer {
	background:#550c03;
	padding:10px;
	height:40px;
	color:#fff;
}

/* These are for quick formatting - DO NOT EDIT */

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.ecommo_logo {
	float:right;
	padding:5px;
}

.left {
	float:left;
}

.right {
	float:right;
}