/**
 *	Ranald Simmonds
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		18/05/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. moomoo
 *
 */
html,body {
	background:					#222222 url(../images/bg-body.gif) repeat-x;
	height:						100%;
}

body {
	color:						#464647;
	font-family:				'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	
}

div#container {
/*	margin:						0 auto;
	width:						759px;
*/
}

div#account {
	height:						23px;
}

div#header {
	height:						68px;
	margin:						0 auto;
	width:						759px;
}

div#brand {
	padding-top:				10px;
}

div#gallery {
	height:						547px;
	width:						100%;
}

div#content {
	margin:						0 auto;
	width:						759px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#content {
	color:						#fff;
	font-size:					1.1em;
	line-height:				1.65em;
}
body.content div#content {
	padding-top:				1.65em;
}

div#content h2 {
	font-size:					18px;
}

div#content p {
	margin-bottom:				1.65em;	
}

div#content p.button {
	text-align:					right;
}

div#content span.required {
	color:						#cc0000;
}
div#content span.bold_yellow{
	color:						#fff200;
	font-weight: bold;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#account ul {
	float:						right;
	line-height:				110%;
	margin:						6px 11px 0 0;
}

div#account ul li {
	float:						left;
	padding:					0 10px; 
}

div#account ul li#cart {
	margin-left:				0;
}

div#account ul li a,
div#account ul li a:link {
	color:						#fff;
	text-decoration:			none;
}

div#account ul li#cart a,
div#account ul li#cart a:link {
	background:					url(../images/icons/icon-cart.gif) 0 50% no-repeat;
	color:						#fff;
	padding-left:				19px; 
}

div#content a,
div#content a:link {
	color:						#fff;
	text-decoration:			none;
}
/** images
------------------------------------------------------------------ */
div#brand h1 a img,
div#brand h1 a:link img,
table img {
	display:					block;
}
table tbody tr td.image img {
	margin:						0 auto;
}
/** tables
------------------------------------------------------------------ */
table thead tr th,
table tbody tr td {
	line-height:				1;
}

table.pretty {
	background:					url(../images/bg-table.gif) no-repeat; 
}

table#data-grid {
	border-collapse:			collapse;
	margin-bottom:				1.65em;
	width:						100%;
}

table#data-grid thead tr th {
	border-right:				1px solid #222222;
	padding:					10px;
	height:						16px;
	text-align:					left;
	text-transform:				uppercase;
}
table#data-grid thead tr th.image {
	text-align:					center;
	width:						150px;
}
table#data-grid thead tr th.last {
	border-right:				0;
}
table#data-grid thead tr th.actions {
	text-align:					center;
}

table#data-grid tbody tr {
	background-color:			#222222;
}
table#data-grid tbody tr.alt {
	background-color:			#282828;
}

table#data-grid tbody tr td {
	border-right:				1px solid #121212;
	border-bottom:				1px solid #121212;
	padding:					10px;
}
table#data-grid tbody tr td.last {
	border-right:				0;
}
table#data-grid tbody tr td.actions {
	text-align:					center;
}

table#data-input {
	border-collapse:			collapse;
	margin-bottom:				1.65em;
	width:						100%;
}
table#data-input tbody tr {
	background-color:			#282828;
}

table#data-input tbody tr td {
	padding:					10px;
}

table#data-input tbody tr td table tbody tr td {
	padding:					0;
}

/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
	font-size:					11px;
}
/** moomoo
------------------------------------------------------------------ */