/****************************************************/
/*	body styles										*/
/****************************************************/
	body {
		font-family : Verdana, arial, sans-serif;
		font-size : 8pt;
		color: #000000;
		text-decoration: none;
		background: rgb(93, 93, 91) url(../images/site-bg.gif) no-repeat top center;
		margin: 0px;
		padding: 10px 0px;
	}

	body.FrameBody {
		background-color: white;
	}

/****************************************************/
/*	layout styles									*/
/****************************************************/
	.main-container 
	{
		width: 900px;
		margin: 0px auto;
		background: rgb(255, 255, 255);
	}

	.main-container .buttons
	{
		width: 100%;
		height: 26px;
		background-color: rgb(255, 0, 0);
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
	}

	.main-container .buttons .button
	{
		text-align: center;
		font-weight: bold;
		color: White;
		line-height: 26px;
		padding: 0px 15px;
		border-right: #A70000 1pt solid;
		border-left: #FF9999 1pt solid;
	}

	.main-container .buttons .grey
	{
		border-left: #A7A7A7 1pt solid;
		border-right: #999999 1pt solid;
		background: url(../images/header-bg.gif) repeat-x rgb(200, 200, 200);
	}

	.main-container .buttons .button a
	{
		color: White;
	}
	
	.header
	{
		width: 100%;
		height: 100px;
		background: url(../images/header.gif) no-repeat;
	}

	.header-menu
	{
		background-color: White;
	}	

	.header-menu .buttons
	{
		width: 100%;
		height: 26px;
		background-color: rgb(255, 0, 0);
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
	}

	.header-menu .button
	{
		text-align: center;
		font-weight: bold;
		color: White;
		line-height: 26px;
		padding: 0px 15px;
		border-right: #A70000 1pt solid;
		border-left: #FF9999 1pt solid;
	}

	.header-menu .image-button
	{
		height: 26px;
		display: block;
		margin: 0px;
	}

	.header-menu .button:first-child
	{
		border-left: none;
	}
	
	.header-menu .button a
	{
		color: White;
	}	

	.header-menu .text
	{
		text-align: center;
		color: White;
		font-weight: bold;
		line-height: 25px;
		padding: 0px 15px;
	}

	.flash
	{
		height: 150px;
	}

	.left_col {
		width: 230px;
		background-color: rgb(160, 156, 154);
	}

	.right_col {
		width: 669px;
		background-color: rgb(255, 255, 255);
	}

	.right_col .MainContent 
	{
		padding: 0px 10px 10px 10px;
	}
	
	.ContentContainer
	{
		padding: 10px;
	}

	.footer
	{
		padding: 3px 3px 3px 3px;
		text-align: center;
	}


	.list-decimal
	{
		list-style-type: decimal;
	}
	
	.list-decimal > li
	{
		margin: 5px auto 10px auto;
	}
	
	.list-alpha
	{
		list-style-type: lower-alpha;
	}
	
	.list-alpha > li
	{
		margin: 2px auto;
	}
	
	.list-roman
	{
		list-style-type: lower-roman;
	}
	
	.list-roman li
	{
	}
	
/****************************************************/
/*	Alignment and Colours							*/
/****************************************************/
	.left
	{
		text-align: left;
	}

	.right
	{
		text-align: right;
	}

	.center
	{
		text-align: center;
	}

	.white
	{
		color: White;
	}

/****************************************************/
/*	Block Styles									*/
/****************************************************/
	.inline-block
	{
		display: inline-block;
		padding: 0px;
	}
	
	.inline-block-left 
	{
		float: left;
	}

	.inline-block-right 
	{
		float: right;
	}
	
	.inline-block-clear
	{
		clear: left;
		clear: right;
		clear: both;
	}

/****************************************************/
/*	Menu Styles										*/
/****************************************************/

	.menu-block {
		overflow: hidden;
	}
	
	.menu-block-red
	{
		overflow: hidden;
		background-color: rgb(255, 0, 0);
	}

	.menu 
	{
		width: 95%;
		margin: 5px auto;
	}

	.shift 
	{
		margin-top: -5px;
	}

	.menu-header 
	{
		height: 26px;
		line-height: 26px;
		background: url(../images/header-bg.gif) repeat-x;
		color: White;
		font-weight: bold;
		padding: 0px 6px;
		overflow: hidden;
	}

	.menu-header-red
	{
		line-height: 26px;
		background: url(../images/menu-bg.gif) repeat-x;
		color: White;
		font-weight: bold;
		padding: 0px 6px;
	}

	.menu-header a {
	}
		
	.menu-header a:hover {
	}
		
	.menu-header-red a
	{
		color: White;
	}

	.menu-top {
		width: 100%;
		color: white;
		font-weight: bold;
		padding: 4px 0px 4px 0px;
	}

	.menu-item {
		width: 100%;
		color: white;
		padding: 4px 0px 4px 0px;
	}

	.menu-item-single {
		width: 100%;
		color: white;
		padding: 10px 0px 10px 0px;
	}

	.menu-item-single a
	{
		color: White;
	}
	
	.help-grey
	{
		padding-top: 4px;
		padding-right: 4px;
	}

/****************************************************/
/*	Other											*/
/****************************************************/
	.login-box
	{
		width: 95%;
		font-size: 8pt;
		color: White;
	}

	.login-box a
	{
		color: White;
	}

	.login-label
	{
		width: 33%;
		font-size: 8pt;
		text-align: right;
		margin: 3px 3px;
	}

	.login-field
	{
		width: 60%;
		font-size: 8pt;
		text-align: left;
		margin: 3px 3px;
	}

	.login-field input
	{
		width: 100%;
		font-size: 8pt;
	}

	.login-text
	{
		width: 90%;
		text-align: center;
		font-size: 8pt;
		margin: 3px 3px;
	}

	input.login-button
	{
		background: url(../images/header-bg.gif) repeat-x !important;
		color: White !important;
		border: 1px solid white !important;
	}

	.login-error
	{
		color: Red;
		padding: 5px 0px;
	}

	.search-box 
	{
		width: 96%;
	}

	.size50
	{
		width: 50%;
	}

	.SignUp
	{
		font-size: 12pt;
		font-weight: bold;
		padding: 5px 0px;
	}

	.SignUp a
	{
		color: red;
	}
	
	.MoreDetail
	{
		width: 100px;
		text-align: center;
		margin: 10px auto;
	}
	
	.cart
	{
	}
	
	.cart .title
	{
		font-weight: bold;
		text-align: center;
	}

	.cart table
	{
		width: 95%;
		margin: 0px auto;
		border-collapse: collapse;
	}

	.cart td.head
	{
		border: 1px solid white;
		font-weight: bold;
	}
	
	.cart td.code
	{
		border: 1px solid white;
		width: 75%;
	}

	.cart td.qty
	{
		border: 1px solid white;
		width: 25%;
	}