/* stylesheet for public Subscriber First pages - unknown/rare browser. Based on recent Opera capabilities */
<style type="text/css" media="all">

body {
		background-color: #FDFEFE;
		font-family: arial,verdana,helvetica,sans-serif;
		font-size: 10pt;
		font-weight: normal;
		color: #416281;
		margin:0;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		border: 0;
		border-top: 0px; }

	#outerwrapper
	{min-width:780px; max-width:1005px; margin-left: auto; margin-right: auto; padding-left:auto; padding-right: auto;}

	@media screen, projection {
	#wrapper {width: 100%; min-width:780px; max-width:1005px; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	}

	@media print {
	#wrapper {width:100%;}
	}

	@media screen, projection {
	#mainwrapper {width: 100%; min-width:780px; max-width:1005px; margin-left: auto; margin-right: auto;  padding-left: auto; padding-right: auto;}
	}

	@media print {
	#mainwrapper {width:100%;}
	}

 	.centralbody {
	width = 98%; 
	min-width:370px; max-width:690px;margin:0 auto; padding:0;
	margin-left: 0px; 
	margin-right: 7px; 
	margin-top: 0px; 
	margin-bottom: 3px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	}
 
	
	
	div, tr, td, p { font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:10pt; }

	th {font-family:Verdana,arial,helvetica, sans-serif; font-size:11pt; font-weight:bolder; color:#ffffff; background-color:#FFFFFF; text-align:left;}
	h1 {font-family:Verdana,Arial, Tahoma, , sans-serif; font-size:18pt; font-weight:bold; color:#416281; margin-right: 15px; margin-left: 20px; line-height:8pt;}
	h2 {font-family:Verdana,Arial, Tahoma, helvetica, sans-serif; font-size:14pt; font-weight:bold; color:#416281; margin-right: 15px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;}
	h3 {font-family:Verdana,Arial, Tahoma, ,helvetica, sans-serif; font-size:11pt; font-weight:bold; color:#416281; margin-right: 5px; margin-left: 5px; margin-top: 0px;  margin-bottom: 0px; line-height: 12pt;}
	h4 {font-family:Verdana,Arial, Tahoma, ,helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#416281; margin-right: 15px; margin-left: 10px;}
	ul {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}
	ol {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
	li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal;}

	A:LINK {color:#764700; text-decoration:none; font-family: Verdana, "Lucida Sans", Arial; 
		font-size: 12px;
		font-weight: bolder;}
	A:VISITED {color:#764700; text-decoration:none; font-family: Verdana, "Lucida Sans", Arial;
		font-size: 12px;
		font-weight: bolder;}
	A:ACTIVE {color:#002266; text-decoration:none; cursor: wait; font-family: Verdana, "Lucida Sans", Arial;
		font-size: 12px;
		font-weight: bolder;}
	A:HOVER {color:#865710; text-decoration: underline; cursor: pointer; font-family: Verdana, "Lucida Sans", Arial;
		font-size: 12px;
		font-weight: bolder;}

	A.bluebarLink { color: #FFFFCA;
	}
	A.bluebarLink:VISITED { color: #FFFFCA;
	}
	A.bluebarLink:ACTIVE { color: #FFFFCA;
	}
	A.bluebarLink:HOVER { color: #FFFFFF;
	}

	A.lightbluebarLink { color: #416281;
	}
	A.lightbluebarLink:VISITED { color: #416281;
	}
	A.lightbluebarLink:ACTIVE { color: #416281;
	}
	A.lightbluebarLink:HOVER { color: #616281;
	}

	
	
	A.orangebarLink { color: #FFFFFF;
	}
	A.orangebarLink:VISITED { color: #FFFFFF;
	}
	A.orangebarLink:HOVER { color: #FFFFFF;
	}
	A.orangebarLink:HOVER { color: #FFFFCA;
	}

	.white {color:#ffffff;}
	.bold {font-weight:bold;}
	.welcome {color:white; font-size:12pt; font-weight:bold;}
	.breadcrumb {color:white; font-size:8pt; font-weight:bold; margin-right: 0px; margin-left: 0px;}
	.footer {color:#002266; font-size:8pt; line-height:9pt;}
	.nomargin {margin-right: 0px; margin-left: 0px;}
	.marginFive {margin-right: 5px; margin-left: 5px;}
	.eleven {font-size:11pt;}
	.ten {font-size:10pt;}
	.nine {font-size:9pt;}
	.eight {font-size:8pt; font-weight: normal;}


	.shoppingBasketItems

	{
		color: #573B0E;
		font-weight: bold;
		border: 1px solid White;
		margin: 2px;
		font-size: 12px;
		line-height: 12px;
	padding-top; 5px;
	padding-bottom; 5px;
	margin-top; 3px;
		border-top: 2px;
		font-family: Verdana,arial,helvetica, sans-serif;
		background-color: #FFFFFF;
		border-bottom: 1px solid #FDF5E6;
	}


	.shoppingDividerRow

	{
		background-color: #FFFFFF;
		height: 2px;
		font-size: 4px; overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 0px;

	}

	.shoppingBasketRow
	{
		color: #573B0E;
		height: 28px;
		font-weight: bold;
		border: 1px;
		margin: 2px;
		font-size: 12px;
		line-height: 14px;
	padding-top; 6px;
	padding-bottom; 6px;
	margin-top; 3px;
		font-family:Verdana,arial,helvetica, sans-serif;
		background-color: #F9EAD8;
	}

	.shoppingBasketTitle
	{
		background-image: url(/graphics/Shopping_orangestrip.png);
		background-repeat: repeat-x;
		color: #FFFFFF;
		height: 38px;
		font-weight: bolder;
		margin: 4px;
		padding: 4px;
		font-size: 13px;
		line-height: 12px;
		margin-left: 4px;
		padding-left:  4px;
		font-size: 13px;
		line-height: 12px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
		overflow: hidden;
		font-family: Verdana, Arial, Tahoma;
		float: none;
		text-align: center;
		vertical-align: middle;
	}

	.orangestrip {
		background: url(/graphics/strip_top_orange.gif) repeat-x;
		background-image: url(/graphics/strip_top_orange.gif);
		background-repeat: repeat-x;
		color: #FFFFFF;
		height: 28px;
		margin: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bolder;
		border-right-color: #CD853F;
		border-right-style: inset;
		border-right-width: 2px;

	}

	.bluestrip {
		background: url(/graphics/Blue_bar_gradient_bg.png) repeat-x;
		background-image: url(/graphics/Blue_bar_gradient_bg.png);
		background-repeat: repeat-x;
		color: #FFFFFF;
		height: 32px;
		margin: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bolder;
		border-right-color: #6699cc;
		border-right-style: inset;
		border-right-width: 2px;
		background-position: bottom;
	}


	.mainbanner {
		background: url(/graphics/bannerbg.png) repeat-x;
		background-image: url(/graphics/bannerbg.png);
		background-repeat: repeat-x;
	}



	div#username {
		position:relative;
		margin-right:5px;
		margin-left:5px;
		height: 25px;
	}
	div#password {
		position:relative;
		margin-right:15px;
		margin-left:15px;
		height: 25px;
	}

	input#username-field,
	input#password-field {
		width:10em;
	}

	label.overlabel {
		color:#999;
		font-family: Verdana, Arial, Tahoma;
		font-weight: normal;
		padding-left: 17px;
		padding-top: 5px;
		font-size: 14px;
	}

	label.overlabel-apply {
		position:absolute;
		font-size: 14px;
		font-weight: normal;
		padding-top: 5px;
		margin-left: 2px;
		padding-left: 24px;
		z-index:1;
		color:#999;
		text-align: center;
	}


	.rightColumn { background-color: #DAE4EB;
	}
	.leftColumnPink { background-color: #fff3e5;
	}

	.leftColumnLightBlue { background-color: #EDF3F7;
	}

	.leftColumnDarkerBlue { background-color: #DAE4EB; margin-left: 6px; margin-right: 12px; padding-left: -5px;
	}

	.leftOrange { background-color: #F9A51A;
	}

	.leftLightOrange { background-color: #FBBC53;
	}


	STREAMING {
		font-family: Verdana, Helvetica, Arial;
		font-size: 8pt;
		background: #FFFFFF
	}

	.THS {
		font-family: Verdana, Helvetica, Arial;
		font-weight: bold;
		color: #ffffff;
		font-size: 8pt;
		background: #999999
	}

	TDS {
		font-family: Verdana, Helvetica, Arial;
		font-size: 8pt;
	}

	TRS.dark {
		font-family: Verdana, Helvetica, Arial;
		font-size: 8pt;
		background: #DDEEFF
	}

	TRS.light {
		font-family: Verdana, Helvetica, Arial;
		font-size: 8pt;
		background: #EDFEFF
	}



	.odd { background:#DCDCDC}
	.even {background:#F5F5F5}
	.RSHeader{ cursor: pointer;
		background: buttonface;
		font: menu;
		color: #000000;
		border: 1px outset white;
		padding-top: 0; padding: bottom: 0;
		border-top: 1px solid buttonhighlight;
		border-left: 1px solid buttonhighlight;
		border-right: 1px solid buttonshadow;
		border-bottom: 1px solid buttonshadow;
		height: 16px;
	}
	.RSHeaderDown{ cursor: pointer;
		background: #BBBBBB;
		font: menu;
		color: #000000;
		border: 1px outset white;
		padding-top: 0; padding: bottom: 0;
		border-right: 1px solid buttonhighlight;
		border-bottom: 1px solid buttonhighlight;
		border-left: 1px solid buttonshadow;
		border-top: 1px solid buttonshadow;
		height: 16px;
	}
	.text 	{
		font-size : 12px;
		font-family : Arial,sans-sefif;
		font-weight : normal;
		color : #000000;
	}

	/*  this is left-hand menu additional classes  */
	.bluedivider {
		background: url(/graphics/left_divider_dark_lighter_blue.gif) repeat-x;
		background-image: url(/graphics/left_divider_dark_lighter_blue.gif);
		background-repeat: repeat-x;
		color: #FFFFFF;
		width: 194px;
		height: 6px;
		margin: 0;
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0px;
		padding-right: 0;
		padding-top: 0;
		background-position: bottom;
		overflow: visible;
		font-size: 3px;
	}

	.pinkdivider {
		background: url(/graphics/left_divider_pink.png) repeat-x;
		background-image: url(/graphics/left_divider_pink.png);
		background-repeat: repeat-x;
		color: #FFFFFF;
		width: 176px;
		height: 6px;
		margin: 0px 0px 0px 10px;
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		background-position: bottom;
		overflow: visible;
		font-size: 3px;
	}

	.orangedivider {
		background: url(/graphics/orange_divider.png) repeat-x;
		background-image: url(/graphics/orange_divider.png);
		background-repeat: repeat-x;
		color: #FFFFFF;
		width: 155px;
		height: 5px;
		margin: 0px 0px 0px 10px;
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		background-position: bottom;
		overflow: visible;
		background-color: #FBBC53;
		font-size: 3px;
	}

	.orangelightdivider {
		background: url(/graphics/orange_light_divider.png) repeat-x;
		background-image: url(/graphics/orange_light_divider.png);
		background-repeat: repeat-x;
		color: #FBBC53;
		width: 155px;
		height: 5px;
		margin: 0px 0px 0px 10px;
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		background-position: bottom;
		overflow: visible;
		background-color: #FBBC53;
		font-size: 3px;
	}

	.leftorangelight {
		color: #FFFFFF;
		width: 155px;
		height: 20px;
		margin: 0;
		margin-bottom: 0;
		margin-left: 10px;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0px;
		padding-right: 0;
		padding-top: 0;
		background-color: #FBBC53;
	}
	.bottomshade {
		background: url(/graphics/bottom_shadow_blue.png) repeat-x;
		background-image: url(/graphics/bottom_shadow_blue.png);
		background-repeat: repeat-x;
		color: #FFFFFF;
		width: 194px;
		height: 8px;
		margin: 0;
		margin-bottom: 0;
		margin-left: -0px;
		margin-right: 0;
		margin-top: 0;
		padding: -1px;
		padding-bottom: -1px;
		padding-left: 0px;
		padding-right: 0;
		padding-top: 0;
		background-position: top;
		background-color: #FFFFFF;
		overflow: visible;
		font-size: 3px;
	}
	
	.rightProductOrder {
	background-image: url(/graphics/orange_gradient_vertical.png);
	background-repeat: repeat-x;
	overflow: visible;
	margin-left: -10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	width: 194px; 
	height: 190px;
	border: 0px;
	}

	.rightLoggedProductOrder {
	 width: 194px; 
	 background-color: #FFF3E5; 
	 margin-left: -10px; 
	 margin-top: 0px; 
	 padding-top: 0px; 
	 margin-bottom: 0px; 
	 padding-bottom: 0px; 
	 border: 0px; 
	 overflow: visible;
	}	
	
/*  news area on the left hand side  */	

	.rightnewsobject {
	width: 190px; 
	background-color: #FFFFFF;	
	margin-left: -10px; 
	padding-left: -10px;
	margin-right: 0px; 
	margin-top: 2px; 
	margin-bottom: 2px; 
}

	.rightnewstable1 {
 color: #416281; 
 overflow: visible; 
 background-color: #DAE4EB; 
 margin-top: 0px; 
 margin-bottom: 10px; 
 margin-right: 0px; 
 margin-left: 0px; 
 width: 190px;
 }

	.rightnewstable2 {
	 color: #764700; 
	 background-color: #FFF3E5; 
	 margin-top: 0px; 
	 margin-bottom: 10px; 
	 margin-right: 0px; 
	 margin-left: 0px;
	 width: 180px;
	} 
 
 
	.newsdivider {
		background: url(/graphics/left_divider_dark_lighter_blue.gif) repeat-x;
		background-image: url(/graphics/left_divider_dark_lighter_blue.gif);
		background-repeat: repeat-x;
		color: #FFFFFF;
		width: 182px;
		height: 5px;
		line-height: 3px;
		font-size: 3px;
		margin: 0;
		margin-bottom: 0;
		margin-left: 0px;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
		padding-bottom: 0;
		padding-left: 0px;
		padding-right: 0;
		padding-top: 0;
		background-position: bottom;
	}
	
	.teasertitle {
	
	background: #FFF3E5; 
	color: #764700; 
	font-size: 11pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 1; 
	width: 180px; 
	margin-left: 1px; 
	margin-right: 1px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	text-align: left;
}

	.teaserbodytext {
	background: #FFF3E5; 
	color: #764700; 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 1; 
	width: 180px; 
	margin-left: 1px; 
	margin-top: 2px; 
	text-align: left;
	}	
	
	A.leftcolumnbluelink {
		color: #005B8C;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}
	A.leftcolumnbluelink:VISITED {
		color: #005B8C;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}
	A.leftcolumnbluelink:HOVER {
		color: #116C9D;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}

	A.leftcolumnpinklink {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}
	A.leftcolumnpinklink:VISITED {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}
	A.leftcolumnpinklink:HOVER {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;
	}

	A.orangelink {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;

	}
	A.orangelink:VISITED {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;

	}
	A.orangelink:HOVER {
		color: #764700;
		font-family: Verdana, "Lucida Sans", Arial;
		font-size: 11px;
		font-weight: bolder;
		padding-left: 4px;
		margin-left: 2px;

	}
</style>