/******************************************************
/* BASE STYLESHEET
/*****************************************************/

*
{
	margin: 0;
	padding: 0;
}

BODY,
TD,
TH,
INPUT,
SELECT,
OPTION,
TEXTAREA,
FONT,
PRE
{
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #666;
	line-height: normal;
}

BODY.FontSize1, .FontSize1 TD, .FontSize1 TH
{
	font-size: 13px;
}
BODY.FontSize2, .FontSize2 TD, .FontSize2 TH
{
	font-size: 16px;
}
BODY.LineHeight1, .LineHeight1 TD, .LineHeight1 TH
{
	line-height: 1.6em;
}

A
{
	color: #666;
	text-decoration: none;
}

A:hover
{
	color: #999;
	text-decoration: underline;
}

A IMG, A:hover IMG
{
	text-decoration: none;
}

A:hover H1, A:hover H2, A:hover H3, A:hover H4, A:hover P, A:hover DIV
{
	color: #666;
}

A.EmLink
{
	display: block;
	margin: 3px 0;
	color: #666;
	text-decoration: none;
}

SPAN.EmLink
{
	display: block;
	color: #666;
	margin-bottom: 5px; 
	padding-left: 15px;
	background: transparent url(/images/LinkIndicator.gif) left 2px no-repeat;
	cursor: pointer;
	cursor: hand;
}

Span.KesoBlue
{
	color:#004C92;
}
Span.KesoYellow
{
	color:#D0AC0E;
}
Span.ArlaRed
{
	color:#CC0000;
}
Span.White
{
	color:#FFFFFF;
}

.BackLink SPAN.EmLink
{
	background-image: url(/images/LinkIndicatorBack.gif);
}

.InfoLink SPAN.EmLink
{
	background-image: url(/images/LinkIndicatorInfo.gif);
}

A:hover .EmLink
{
	color: #999;
}

IMG
{
	border-width: 0;
	line-height: 0;
}

.BlockImage
{
	display: block;
	line-height: 0;
}

P
{
	margin-bottom: 1em;
}

.Ingress
{
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
}

.Left
{
	float: left;
}

.Right
{
	float: right;
}

.Divider
{
	padding-bottom: 15px;
	border-bottom: solid 1px #cccccc;
}

/******************************************************
/* HEADING STYLES
/*****************************************************/
H1, H2, H3, H4,
A H1, A H2, A H3, A H4
{
	color: #333;
	margin-bottom: .2em;
}

H1
{
	font-size: 2.1em;
}

H1 span { font-family: 'Droid Serif', arial, serif; }

H2
{
	font-size: 1.27em;
}

H3, H4
{
	font-size: 1em;
}


/******************************************************
/* SPECIALS
/*****************************************************/
.DateLabel,
A:hover .DateLabel
{
	color: #999;
	text-transform: uppercase;
	font-size: .9em;
	text-decoration: none;
}

.ImageText
{
	font-style: italic;
	font-size: .9em;
}

/******************************************************
/* LINE & CLEAR SPACER
/*****************************************************/
HR
{
	clear: both;
	border-width: 0;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	margin: 5px 0;
}

.ContentBlock:after, 
.BlockItem:after, 
.FloatContainer:after, 
.StylePanel-InnerLayer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* HTML .ContentBlock, 
* HTML .BlockItem, 
* HTML .FloatContainer, 
* HTML .StylePanel-InnerLayer
{
	height: 1px;
}
/* End hide from IE-mac */

/******************************************************
/* LISTS
/*****************************************************/
UL
{
	margin-left: 1.5em;
}

UL LI
{
	margin: .5em;
	vertical-align: middle;
}

/******************************************************
/* TABLES
/*****************************************************/

TABLE
{
	border-spacing: 0px;
	empty-cells: show;
}

* HTML TABLE
{
	border-collapse: collapse;
}

TH, THEAD TD
{
}

TABLE TR.Odd
{
	background-color: #ebebeb;
}

/***************************************************
/* Tips
/**************************************************/
.TipHeader
{
	color:#ff6633;
	font-size:30px;
	font-family:Impact;
	margin-bottom:5px;
	font-weight:bold;
	
}

.TipSubHeader
{
	color:#ff6633;
	font-size:14px;
	font-family:Impact;
	
}

/***************************************************
/* Product marking
/**************************************************/
.ProductItemDescription.marking img
{
	margin: 0 8px 0 0;vertical-align:middle;
}

.ProductItemDescription.marking .text
{
	padding: 5px 0 0 0;
}