/****************************************************/
/*	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;
	}


/****************************************************/
/*	text styles									    */
/****************************************************/

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.text-heading {
	font-size : 16pt;
	font-weight : bold;
}

.text-head {
	font-size : 10pt;
	font-weight : bold;
}

.text-red 
{
	color: rgb(0, 0, 0);
}

.text-basic {
	font-size : 8pt;
	font-weight : normal;
	margin: 0px 0px 12px 0px;
}

.text-basic-red {
	font-size : 8pt;
	font-weight : normal;
	color: red;
}

.text-is-required {
	font-size : 8pt;
	font-weight : normal;
	background-color: #ffcccc;
}

.text-basic-bold {
	font-size : 8pt;
	font-weight: bold;
	margin: 18px 0px 6px 0px;
}

.text-small {
	font-size : 7pt;
}

.buttontext-red {
	font-size : 8pt;
	font-weight : bold;
	color: red;
}

.msg-small {
	font-size : 7pt;
	color: #A70000;
}

.title-bg {
	background-color: rgb(220, 220, 220);
	color: black;
}

input.text-basic 
{
	border: solid 1pt #A76666;
	font-size: 100%;
}

select.text-basic, input.text-basic, textarea.text-basic, input.button {
	font-family : Verdana, arial, sans-serif;
	font-size : 8pt;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	margin: 1px 0px 1px 0px;
	padding: 2px 0px 2px 0px;
}

input.button 
{
	width: 100px;
	height: 25px;
	background: url(../images/button-bg.gif) repeat-x rgb(119,119,119);
	border: 1px solid rgb(180, 180, 180);
	color: rgb(0, 0, 0);
	font-weight: bold;
}

input.width150
{
	width: 150px;
}

select.text-is-required, input.text-is-required, textarea.text-is-required, .eg-text-is-required {
	font-size : 8pt;
	border: 1px solid #AA3333;
	background-color: #FFF0F0;
	margin: 1px 0px 1px 0px;
	padding: 2px 0px 2px 0px;
}

.border {
 	background-color : #0B2B5C;
}

.border-bg {
 	background-color : #FFFFFF;
}

.heading-bg {
	background-color: rgb(230, 230, 230);
	color: black;
}

.even-bg {
	background-color: rgb(240, 240, 240);
	color: black;
}

.odd-bg  {
	background-color: rgb(250, 250, 250);
	color: black;
}

.box {
	border: 1px solid #AAAAAA;
	background-color: #EBE9DD;
}

.border {
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

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

	.header
	{
		width: 100%;
		height: 108px;
		background: url(../images/header.gif) no-repeat;
	}
	
	.header .header-images
	{
		float: right;
		height: 70px;
		padding: 19px 10px 10px 10px; 
	}
	
	.header .socialmedia
	{
	    float:right;
	    height: 70px;
	    width: 180px;
	    padding:0px 10px 0px 10px;
	    font-family: Cooper Std Black;
	    font-size: 12px;
	    font-weight: bold;
	    color:Black;
	}
	
	.header .header-images img
	{
		border: 0px solid white;
	}

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

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

	.header-menu .button
	{
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
		text-align: center;
		font-weight: bold;
		color: White;
		line-height: 25px;
		padding: 0px 15px;
		border-right: #A70000 1pt solid;
		border-left: #FF9999 1pt solid;
	}

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

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

	.flash
	{
		height: 150px;
	}

	.main-content 
	{
		background: rgb(255, 255, 255);
		margin: 10px;
	}

	.greybar
	{
		background: url(../images/greybar-bg.gif) repeat-x;
		height: 50px;
		margin: 5px;
	}	
	
	.greybar .specials,
	.greybar .identipaks
	{
		float: left;
	}
	
 	.greybar .specials img
 	{
		width: 385px;
		height: 50px;
		border: none;
	}
	
 	.greybar .identipaks img
 	{
		width: 157px;
		height: 50px;
		border: none;
	}
	
	.greybar .search
	{
		line-height: 50px;
		float: right;
		margin: 0px 5px;
	}
	
	.greybar .search .search-box
	{
		width: 200px;
	}

	.greybar .search .button
	{
		background: url(../images/menu-bg.gif) repeat-x rgb(255, 0, 0);
		text-align: center;
		color: White;
		font-weight: bold;
	}

	.greybar .search .help
	{
		line-height: 50px;
	}

	.main-content .body
	{
	}

	.main-content .body .body-left
	{
		width: 80%;
	}

	.main-content .body .body-right
	{
		width: 20%;
		background: url(../images/greybar-bg.gif) rgb(240, 240, 240);
	}

	.main-content .body .frontpage-column
	{
		margin: 1px;
		padding: 5px;
		width: 180px;
	}

	.main-content .body .frontpage-column .menu-image
	{
		padding: 0px 0px;
		margin: 0px auto;
		width: 180px;
	}

	.main-content .body .frontpage-column .title
	{
		height: 25px;
		line-height: 25px;
		margin: 5px 0px;
		padding: 0px 5px;
		text-align: left;
		background: url(../images/menu-header-bg.gif) repeat-x;
	}

	.main-content .body .frontpage-column .title-long
	{
		display: table-cell;
		vertical-align: middle;
		width: 180px;
		height: 35px;
		margin: 5px 0px;
		padding: 0px 5px;
		text-align: center;
		background: url(../images/menu-header-long-bg.gif) repeat-x;
	}

	.main-content .body .frontpage-column .title a
	{
		font-size: 12pt;
		font-size: 9pt;
		font-weight: bold;
		color: White;
	}

	.main-content .body .frontpage-column .title-long a
	{
		font-size: 10pt;
		font-weight: bold;
		color: White;
	}

	.main-content .body .menu_item
	{
		margin: 3px 0px 5px 5px;
	}

	.main-content .body .menu_item a
	{
		color: rgb(255, 0, 0);
		font-weight: bold;
	}

	.main-content .body .menu_description
	{
		margin: 0px 0px 5px 5px;
	}

	.main-content .body .title
	{
		font-weight: bold;
		margin: 0px;
	}

	.main-content .body a
	{
		color: rgb(51, 51, 51);
		padding: 0px;
	}

	.main-content .body .introduction-column
	{
		margin: 1px;
		padding: 5px;
		width: 100%;
	}

	.main-content .body .introduction-column a
	{
		font-weight: bold;
		text-decoration: underline;
	}

	.main-content .body .introduction-column .title
	{
		height: 25px;
		line-height: 25px;
		margin: 5px 0px;
		padding: 0px 5px;
		text-align: left;
		background: url(../images/menu-header-bg.gif) repeat-x;
		font-size: 12pt;
		font-weight: bold;
		color: White;
	}

	.main-content .body .introduction-column .heading
	{
		font-size: 12pt;
		font-weight: bold;
		color: rgb(90, 90, 90);
	}
	
	.main-content .body .specials
	{
		text-align: left;
		padding: 5px 0;
	    overflow: auto;
   	}

	.main-content .body .specials .heading
	{
		text-align: left;
		font-weight: bold;
	}

	.main-content .body .specials .text
	{
		text-align: left;
		margin-bottom: 20px;
	}

	.main-content .body .specials .text a
	{
		font-weight: bold;
		text-decoration: underline;
	}

	.main-content .body .specials .specials-image
	{
		width: 70px;
		padding: 0px 5px 5px 0px;
		border: 0px solid black;
		float: left;
	}
	
	.main-content .body .promotions
	{
		text-align: center;
	}

	.main-content .body .promotions .heading
	{
		text-align: left;
		font-weight: bold;
		color: rgb(255, 0, 0);
	}

	.main-content .body .promotions .text
	{
		text-align: left;
		margin-bottom: 20px;
	}

	.main-content .body .promotions .text a
	{
		font-weight: bold;
		text-decoration: underline;
	}

	.main-content .body .promotions .promo-image
	{
		width: 130px;
		margin: 5px auto 0px auto;
		border: 0px solid black;
	}
	
	.footer
	{
		padding: 3px 3px 3px 3px;
		text-align: center;
	}
	
	.help-grey
	{
		padding-top: 4px;
		padding-right: 4px;
	}

/****************************************************/
/*	Flyout menu styles								*/
/****************************************************/
	#product-menu, #product-menu ul{
		font-size: 8pt;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
		position: relative;
	}

	#product-menu a {
		display: block;
		background-color: rgb(255, 255, 255);
		text-decoration: none;
		font-weight: bold;
	}

	#product-menu a:hover {
		text-decoration: underline;
	}

	#product-menu {
	}

	#product-menu li {
		width: 100%;
		background-color: rgb(255, 255, 255);
	}

	#product-menu li a {
		padding: 3px 5px;
		background-color: rgb(255, 255, 255);
		color: rgb(255, 0, 0);
		font-weight: bold;
	}

	#product-menu li a:hover {
		
	}

	#product-menu li div {
		padding: 5px;
		padding-top: 0px;
	}


	#product-menu ul,
	#product-menu ul ul,
	#product-menu ul ul ul {
		position: absolute;
		width: 200px;
		left: 80%;
		border: 1px solid rgb(80, 40, 40);
		display: none;
	}

	#product-menu ul li, 
	#product-menu ul li li, 
	#product-menu ul li li li {
	}

	#product-menu ul li a, 
	#product-menu ul li li a, 
	#product-menu ul li li li a {
		background-color: rgb(255, 255, 255);
		color: rgb(255, 0, 0);
	}

	#product-menu ul li a:hover, 
	#product-menu ul li li a:hover, 
	#product-menu ul li li li a:hover {

	}

	#product-menu li:hover ul ul, 
	#product-menu li:hover ul ul ul, 
	#product-menu li:hover ul ul ul ul {
		display: none;
		z-index: 0;
	}

	#product-menu li:hover ul, 
	#product-menu li li:hover ul, 
	#product-menu li li li:hover ul, 
	#product-menu li li li li:hover ul {
		display: block;
		z-index: 100;
	}

/****************************************************/
/*	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										*/
/****************************************************/
	.highlight_column
	{
		float: left;
		width: 149px;
		overflow: hidden;
		border-right: 1px solid #DDDDDD;
	}

	.front_body .menu_column,
	.front_body .highlight_column
	{
		background: rgb(255, 255, 255);
	}

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

	.login-box a
	{
		color: White;
	}

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

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

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

	.login-button
	{
		width: 75px;
		margin: 3px auto 0px auto;
		height: 20px;
		border: 1px solid white;
		background: url(../images/header-bg.gif) repeat-x rgb(119,119,119);
		color: White;
		font-size: 8pt;
		font-weight: bold;
	}

	.login-error
	{
		color: White;
	}

	.size50
	{
		width: 50%;
	}

	.highlight-box
	{
		margin: 10px;
	}

	.box-title
	{
		height: 24px;
		line-height: 24px;
		font-weight: bold;
		padding: 0px 0px 0px 10px;
		background: url(../images/front-menu-bg.gif) repeat-x;
		color: White;
	}

	.box-body
	{
		background-color: Silver;
		padding: 10px;
		color: Red;
	}

	.box-body a
	{
		line-height: 200%;
		color: Red;
	}