/* ----- HTML Tags ----- */

HTML {
	margin:		0px;
	padding:	0px;
	height:		100%;
}

BODY {
	background:		white;
	margin:			0px;
	padding:		0px;
	height:			100%;
	font-family:	arial;
	font-size:		11px;
	color:			#787A7B;
	cursor:			default;
}

H1 {
	font-size:		25px;
	font-weight:	normal;
	color:			#31BFCB;
}

H2 {
	font-size:		16px;
	font-weight:	bold;
}

H3 {
	color			:#31BFCB;
	margin-top:		0px;
	font-size:		14px;
	font-weight:	normal;
}

A {
	color:				#31BFCB;
	outline:			none;
	text-decoration:	none;
}

A:hover {
	color: #8F8F8F;
}

IMG {
	border: none;
}

/* ----- Header ----- */

.container {
	position:	relative;
	margin:		0px auto;
	width:		1010px;
	min-height:	100%;
}

.header {
	background:		url('/Images/Top-Right-Header.gif') top right no-repeat;
	padding-top:	10px;
}

.header A {
	color:				#000000;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			12px;
}

.header A:hover {
	color: #8F8F8F;
}

.header UL {
	arrow-type:		none;
	padding-top:	20px;
	margin:			0px;
}

.header LI {
	display:	inline;
	padding:	0px 10px 0px 10px;
}

.logo {
	padding: 10px 10px 20px 15px;
}

.body {
	text-align:		justify;
	padding-bottom:	40px;
}

/* ----- Main Navigation (top menu) ----- */

#navigation {
	display:		block;
	float:			right;
	padding-top:	10px;
}

#navigation UL LI UL {
	display:		none; 
	padding-top:	0px !important;
	padding-left:	0px;
}

#navigation LI#products.show UL, #navigation LI#breo.show UL, #navigation LI#customer-services.show UL {
	position:		absolute;
	display:		block;
	border-left:	1px solid #CCC;
	border-right:	1px solid #CCC;
	z-index:		100;
}

#navigation LI#products.show UL {
	margin: -3px 0px 0px 160px;
}

#navigation LI#breo.show UL {
	margin: -3px 0px 0px 261px;
}

#navigation LI#customer-services.show UL {
	margin: -3px 0px 0px 326px;
}

#navigation UL LI UL LI {
	display:	block;
	margin:		0px !important;
	padding:	0px !important;
}

#navigation UL LI UL LI A {
	display:			block;
	margin:				0px !important;
	padding:			8px !important;
	background:			#FFF;
	color:				#464646 !important;
	border-bottom:		1px solid #CCC !important;
	text-decoration:	none !important;
	font-size:			1.0em;
}

#navigation UL LI UL LI A:hover {
	background-color: #D2EE3A;
}

/* ----- Footer ----- */

.footer {
	position:		absolute;
	background:		url('/Images/Footer.jpg') no-repeat center;
	color:			white;
	margin-bottom:	5px;
	bottom:			0px;
	height:			40px;
	width:			100%;
	font-size:		12px;
}

.footer-left {
	float:	left;
	height:	40px;
	width:	400px;
}

.footer-left-link {
	padding:	13px 0px 0px 230px;
	width:		150px;
}

.footer-left-link A {
	color:				#FFFFFF;
	text-decoration:	underline;
}

.footer-left-link A:hover {
	color: #D2EE3A;
}

.footer-right {
	float:	right;
	height:	40px;
	width:	550px;
}

.footer-right-link {
	float:		right;
	padding: 	13px 20px 0px 5px;
}

.footer-right-link A {
	color: #FFFFFF;
}

.footer-right-link A:hover {
	color: #D2EE3A;
}

.footer-note-container {
	clear:		both;
	font-size:	10px;
	padding:	5px 15px 25px 15px;
}

.footer-note-left a {
	float: left;
	color: black;
}

.footer-note-right a {
	float: right;
	color: black;
}

/* ----- Products Navigation (left menu) ----- */

.products-container {
	display: inline-block;
}

.products-column-left {
	float:			left;
	border-right:	1px #C0C0C0 solid;
	padding:		0px 10px 0px 15px;
	width:			170px;
}

.products-column-right {
	position:		relative;
	float:			right;
	background:		url('/Images/Content-Strip.gif') no-repeat left top;
	margin-left:	10px;
	padding-top:	10px;
	width:			780px;
}

.products-navigation {
	padding:	0px 0px 25px 0px;
	margin:		0px;
	width:		170px;
}

.products-navigation UL {
	padding:	0px;
	margin:		0px;
	width:		170px;
}

.products-navigation LI {
	padding:		5px 5px 5px 12px;
	margin:			0px;
	background:		url('/Images/Icons/Arrow-Grey.gif') center left no-repeat;
	list-style:		none;
	border-bottom:	1px #C0C0C0 solid;
	font-size:		13px;
}

.products-navigation LI.active {
	background: url('/Images/Icons/Arrow-Blue.gif') left 10px no-repeat !important;
}

.products-navigation A {
	color: black;
}

.products-navigation A:hover {
	color: #787A7B;
}

.products-navigation H3 {
	padding:		1px 0px 5px 0px;
	margin-top:		5px;
	border-bottom:	1px solid #C0C0C0;
	font-weight:	bold;
	font-size:		11px;
	color:			black;
}

.products-navigation H3 IMG {
	padding:	0px 5px 1px 0px;
	margin:		-0.2em 0.4em 0px;
}

.products-navigation.top-pink {
	border-top: 2px #EB008A solid;
}

.products-navigation.top-blue {
	border-top: 2px #6DDAF7 solid;
}

.products-navigation.top-red {
	border-top: 2px #ED3B47 solid;
}

.products-basket {
	font-size:	12px;
	margin-top:	-0.1em !important;
}

/* ----- Common ----- */

.content-strip-long {
	background:	url('/Images/Content-Strip.gif') no-repeat left top;
	padding:	22px 10px 10px 10px;
	width:		990px;
}

.product-item {
	display:		block;
	float:			left;
	margin:			12px 30px 0px 0px;
	padding-bottom:	12px;
	width:			158px;
	text-align:		center;
}

.product-item DIV DIV {
	padding-top:	7px;
	border-top:		1px #C0C0C0 solid;
}

.product-item DIV P {
	color:			black;
	padding:		2px;
	margin-bottom:	2px;
	font-size:		10px;
}

.product-item  DIV IMG {
	height: 160px;
}

.red-text {
	color: red;
}

.external-link {
	background:		url('/Images/Icons/External-Link.png') no-repeat right center;
	padding-right:	17px;
}

.hand-pointer {
	cursor: pointer;
}

.submit-button {
	cursor:			pointer;
	border:			1px solid #31BFCB;
	font-family:	arial;
	font-weight:	bold;
	font-size:		11px;
}

/* ----- New Style ----- */

.newstyle-caption {
	padding-bottom: 10px;
	height:			45px;
}

.newstyle .black {
	color: black;
}

.newstyle {
	font-family:	"lucida sans unicode", "lucida grande", helvetica, arial, sans-serif;
	font-size:		14px;
	line-height:	18px;
}

.newstyle H1 {
	margin:			0px 0px 3px 0px;
	padding:		2px;
	font-family:	arial;
	font-size:		16px;
	font-weight:	bold;
}

.newstyle H2 {
	margin:			0px 0px 3px 0px;
	padding:		2px;
	font-family:	arial;
	color:			#767676;
}

.newstyle P {
	margin:		0px 0px 10px 0px;
	padding:	0px;
}

.newstyle UL {
	list-style-type: square;
}