/*---------------------------------------------------------
   TABLE OF CONTENTS. VERSION: 1.0
-----------------------------------------------------------
1.GENERAL
  1.1 RESET STYLES AND DEFAULTS
  1.2 HEADERS
  1.3 LINKS
  1.4 IMAGES
  1.5 GENERAL TEXT FORMATTING
  1.6 DIVIDER
  1.7 ACCESSIBILITY
  1.8 ALIGNMENT
2.LISTS
  2.1 PIPELIST
  2.2 SITEMAP
3.LAYOUT
  3.1 WRAPPER
  3.2 HEADER
  3.3 NAVIGATION
      3.3.1 TOOLBAR (1)
      3.3.2 TOOLBAR (2)
      3.3.3 ECOMMERCE TOOLBAR
      3.3.4 MENU 
  3.4 BANNER - TWO COLUMNS (0% 38% 2% x 0% 60% 0%)
  3.5 MAIN CONTENT
      3.5.1 GENERAL
      3.5.2 ONE COLUMN LAYOUT CENTRE 100%
      3.5.3 TWO COLUMN LAYOUT CENTRExRIGHT 0% 69% 1% x 0% 30% 0%
      3.5.4 TWO COLUMN LAYOUT LEFTxCENTRE 175px x 24px 100%
      3.5.5 THREE COLUMN LAYOUT LEFTxCENTRExRIGHT (175px x 24px 100% 24px x 175px)
      3.5.6 THREE COLUMN LAYOUT LEFTxCENTRExRIGHT (100% 24px x 175px)
      3.5.7 PRINT TEMPLATE
  3.6 FOOTER
4.FEATURES 
  4.1 FEATURE COLORS
  4.2 MAIN FEATURE
  4.3 SUB-FEATURE
5.TABLE DATA
6.TABS
7.CONTAINERS
  7.1 TOOLBOX
  7.2 ITEMCONTAINER
8.BREADCRUMBS
9.FORMS
  9.1 FORMS GENERAL
  9.2 FORMS STYLE 1
  9.3 FORMS STYLE 2
10.DIRECTORY TABLE GRID
11.PAGINATION
12.MINI CALENDAR
13.ALERTS
14.CONTENT COLUMNS
15.CONTENT TABLE
16.PRODUCTS
  16.1 PRODUCT LIST PAGE
  16.2 PRODUCT DETAILS
  16.3 SHOPPING CART
  16.4 CHECKOUT PROCESS
17 INVESTOR RELATIONS
18.POSTS
19.TICKETS

-----------------------------------------------------------------*/

/*------------------------------------------------------------------
COLOR SCHEME
................
   Featurebox1header          : #008698 #008698
   Featurebox2header          : #006699 #006699
   Featurebox3header          : #669933 #669933
   Featurebox4header          : #009999 #009999
   Headers		      : #006699 #006699
   Links1                     : #3A89C9 #3A89C9
   Links1hover                : #235883  #235883
   Logo                       : #3A89C9 #3A89C9
   Menubackground             : #3A89C9 #6EB7FA
   Menubackgroundhover        : #D8E8F5 #00548F
   Tablefirstcolumnbackground : #3A89C9 #3A89C9
   Tableheaderbackground      : #006699 #006699
   Toolbarbackground          : #3A89C9 #3A89C9
   Toolbarbackgroundhover     : #D8E8F5 #285F8B 
   Toolbarbackgroundselected  : #00548F
------------------------------------------------------------------*/


/*---------------------------------------------------------
1. GENERAL
-----------------------------------------------------------*/
/*------------------------------------------------------------------
1.1 RESET STYLES AND DEFAULTS
------------------------------------------------------------------*/
	/* <!-- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td{
		margin:0;
		padding:0;
		border:0;
		outline:0;
		vertical-align:baseline; 
}

	table{
		font-size:100%;
}

	body{
		width:100%;
		font-size:80%;
		/* Minimum width of layout - remove line if not required */
		min-width:600px;    	
		line-height:1.2;
		font-family:Arial, Helvetica, sans-serif;
		color:#0A0A0A;
		background:#FFFFFF;      
}

	/* NO LIST MARKERS. */
	ol, ul{
		list-style-position:inside;
		list-style-type:disc;
}

	/* FOCUS STYLES */
	:focus{
		outline:0;
}

	/* tables still need 'cellspacing="0"' in the markup */
	table{
		border-collapse:collapse;
		border-spacing:0;
}

	/* Adjusts web content editor toolbar drop-down images. */
	table.webeditor_toolbar img{
		vertical-align:bottom; 
}

	/* Creates frame around editor. */
	.editorframe{
		border:1px solid #CCC;
}

	.editorframe td{
		padding:5px;
}

/*------------------------------------------------------------------
1.2 HEADERS
------------------------------------------------------------------*/
	h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{
		color:#006699;
		font-weight:bold;
}

	h1{
		font-size:1.7em;
		line-height:1;
		margin-bottom: 15px;
}

	h2{
		font-size:1.3em;
		line-height:1.5;
}

	h3{
		font-size:1em;
		line-height:3;
}

/*------------------------------------------------------------------
1.3 LINKS
------------------------------------------------------------------*/
	a{
		color:#3A89C9;
		text-decoration:none;
		font-weight:bold;
}

	a:hover{
		color:#235883;
		text-decoration:underline;
		font-weight:bold;
}

	a, a *{
		cursor:pointer;
}

	.sublink, .sublink a{
		font-size:.842em;
		text-decoration:none;
		font-weight:bold;
} 

	a.adminlink{
		color:#A0292E;
		text-decoration:none;
		font-weight:bold;
		font-size:.842em;
}

	a.adminlink:hover{
		text-decoration:underline;
}

	ul.quicklinks{
		list-style-type:none;
		margin:0;
		padding:0;
}

/*------------------------------------------------------------------
1.4 IMAGES
------------------------------------------------------------------*/
	img.left{
		float:left;
		margin:0 5px 5px 0;
}

	img.right{
		float:right;
		margin:0 0 5px 5px;
}

/*------------------------------------------------------------------
1.5 GENERAL TEXT FORMATTING 
------------------------------------------------------------------*/
	.graphinfo {
		font-size:.842em;
		line-height:2;
}

	.fn{
		font-weight:bold;
}

/*------------------------------------------------------------------
1.6 DIVIDER
------------------------------------------------------------------*/
	hr{
		margin:16px 0px 24px 0;
		border:0;
		color:#C1C1C1;
		background-color:#C1C1C1;
		height:1px;
}

	div.hr{
		height:1px;
		background-color:#C1C1C1;
		margin:16px 0px 24px 0;
		clear:both;
} 

/*------------------------------------------------------------------
1.7 ACCESSIBILITY
------------------------------------------------------------------*/
	.hidden{
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
}

/*------------------------------------------------------------------
1.8 ALIGNMENT
------------------------------------------------------------------*/
	.alignleft{
		float:left;
}

	.alignright{
		float:right;
		text-align:right;
}

	.clearalign{
		clear:both;
}

/*------------------------------------------------------------------
2 LISTS
------------------------------------------------------------------*/
/*------------------------------------------------------------------
2.1 PIPELIST
------------------------------------------------------------------*/
	ul.pipelist{
		overflow:hidden;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
}

	.pipelist li{
		border-left:1px solid #555;
		float:left;
		line-height:1.2em;
		font-size:.842em;
		margin:0 .5em 0 -.5em;
		padding:0 .5em 0 .5em;
		white-space:nowrap;
} 

	.pipelist li a{
		color:#666;
		text-decoration:none;
		font-weight:normal;
} 

	.pipelist li a:hover{
		text-decoration:underline;
} 

/*------------------------------------------------------------------
2.2 SITEMAP
------------------------------------------------------------------*/
	ul.sitemap{
		list-style:none;
}

	.menu_top>li.sitemap>a{
		font-size:1.3em;
		line-height:2.5;
		margin-top:15px;
		color:#006699;
}

/*------------------------------------------------------------------
3 LAYOUT
------------------------------------------------------------------*/
/*------------------------------------------------------------------
3.1 WRAPPER
------------------------------------------------------------------*/
	#wrapper_outer{
		margin:0 auto;
	   /* YOU CAN USE px, em OR % */
		width:960px;               
	   /* REMOVE IMAGE TO REMOVE SHADOW BORDERS */                         		
		background:#FFF url('/image.jsp?id=17') repeat-y top left; 
}

	#wrapper_inner{
		padding:0 35px;
	   /* REMOVE IMAGE TO REMOVE SHADOW BORDERS */
		background:url('/image.jsp?id=18') repeat-y top right;  
}

/*------------------------------------------------------------------
3.2 HEADER
------------------------------------------------------------------*/
	#header{
		float:left;
		width:100%;
		margin:3px 0 3px 0;
}

	#headertitle{
		float:left;
		vertical-align:middle;
		color:#3a89c9;
}

	#headertitle a, #headertitle a:hover{
		font-family:Georgia, serif;
		font-size:2.6em;
		font-weight:bold;
		font-weight:bolder;
		color:#3A89C9;
		text-decoration:none;
}

	#headertitle img{
		border:0;
		float:none;
		margin:0;
		vertical-align:middle;
}

	.version{
		border-left:1px solid #555;
		float:left;
		margin:0 0 0 -.5em;
		padding:0 0 0 .5em;
		white-space:nowrap;
		color:#555;
		text-decoration:none;
		font-weight:normal;
		line-height:1.2em;
		font-size:.842em;
} 

	#searchform{
		display:inline; 
}


	#searchform .search{
		margin:8px 0 8px 0; 
}

	#searchform .search label{
		color:#666; 
}

	div.usertoolbar{
		color:#666;
		text-decoration:none;
		font-weight:normal;
		line-height:1.2em;
		font-size:.842em;
}

/*------------------------------------------------------------------
3.3 NAVIGATION
------------------------------------------------------------------*/
/*------------------------------------------------------------------
3.3.1 TOOLBAR (1)
------------------------------------------------------------------*/
	#toolbar{
		padding-bottom:3px;
		border-bottom:4px solid #3A89C9;
		margin-bottom:8px;
}

/*------------------------------------------------------------------
3.3.2 TOOLBAR (2)
------------------------------------------------------------------*/
	/* Sets menu to be displayed on top. */
	.toolbar4_menu{
		position:relative;
		height:24px;
		z-index:999;
}

	/* Removes bullets and indents. */
	.toolbar4_menu .menu_top, .toolbar4_menu .menu_top ul{
		list-style-type: none;
		margin:0;
		padding:0;
}

	/* Ensures blue background is displayed for the entire width of the screen */
	.toolbar4_menu.dropdown .menu_top, .toolbar4_menu.dropdown .menu_top ul{
		float:left;
		width:100%;
		background:#3A89C9;
}

	/* Moves top level content to first line and second level content to next line. */
	.toolbar4_menu .menu_top li{
		list-style-type:none;
		float:left;
		background:#3A89C9;
}

	/* Moves top level content to first line and second level content to next line. */
	.toolbar4_menu .menu_top li li{
		float:left;
		background:#FFF;
}

	/* Inserts arrow to mark a submenu. */
	.toolbar4_menu.dropdown .menu_top li.menu_submenu{
		background:#3A89C9 url(/image.jsp?id=432) no-repeat right center;
}

	/* Inserts arrow to mark sub-sub-menus. */
	.toolbar4_menu .menu_top li.menu_submenu li.menu_submenu{
		background:#FFF url(/webadmin/menu_right.gif) no-repeat right center;
}

	/* Formatting of all boxes with background colors etc.*/
	.toolbar4_menu .menu_top a, .toolbar4_menu .menu_top a:visited{
		display:block;
		width:148px;
		height:24px;
		line-height:24px;
		color:#3A89C9;
		font-size:small;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-indent:5px;
		border:1px solid #3A89C9;
		border-width:1px 1px 1px 1px;
}

	.toolbar4_menu .menu_top>li>a, .toolbar4_menu .menu_top>li>a:visited{
		border:1px solid #FFF;
		color:#FFF;
		width:auto;
		padding:0 15px 0 10px;
}

	.toolbar4_menu.dropdown .menu_top li.menu_submenu a{
		padding:0 24px 0 10px;
}

	.toolbar4_menu > .menu_top a, .toolbar4_menu .menu_top a:visited{
		white-space: nowrap;
		overflow:hidden;
}

	/* Border color for top menu items */
	.toolbar4_menu.dropdown .menu_top a, .toolbar4_menu.dropdown .menu_top a:visited{
		border:0px solid #FFF;
}

	/* Border color for sub menu items */
	.toolbar4_menu.dropdown .menu_top li li a, .toolbar4_menu.dropdown .menu_top li li a:visited{
		border:1px solid #3A89C9;
}

	/* Removes all right hand side borders */
	.toolbar4_menu.dropdown .menu_top a, .toolbar4_menu.dropdown .menu_top a:visited{
		border-width:0px 1px 0px 0px;
}

	/* Removes all top borders and recreates right hand side borders for sub-menus */
	.toolbar4_menu.dropdown .menu_top li ul li a, .toolbar4_menu.dropdown .menu_top li ul li a:visited{
		border-width:0px 1px 1px 1px;
}

	/* Removes top border for alle sub-menus. */
	.toolbar4_menu.dropdown .menu_top li li a.menu_last, .toolbar4_menu.dropdown .menu_top li li a.menu_last:visited{
		border-width:0px 1px 1px 1px;
}

	/* Adds a top menu for the first sub menu item. */
	.toolbar4_menu.dropdown .menu_top li li a.menu_first, .toolbar4_menu.dropdown .menu_top li li a.menu_first:visited{
		border-width:1px;
}

	/* Converts position of all li to relative. */
	.toolbar4_menu .menu_top li:hover{
		position:relative;
}

	/* Changes background color of link when hovering. */
	.toolbar4_menu .menu_top li:hover > a{
		background:#D8E8F5;
		color:#00548F;
}

	/* Changes background color of selected link . */
	.toolbar4_menu li.selected > a{
		background:#00548F;
		color:#FFF;
}

	.toolbar4_menu .menu_top li a:active, .toolbar4_menu .menu_top li a:focus{
		background:#D8E8F5;
		color:#00548F;
}

	.toolbar4_menu .menu_top li ul{
		display:none;
}

	/* converts submenus back to block and repositions. */
	.toolbar4_menu .menu_top li:hover > ul{
		display:block;
		position:absolute;
		width:148px;
		top:-11px;
		left:71px;
		padding:10px 30px 30px 30px;
		background:transparent url(dummy-transparent.gif);
}

	.toolbar4_menu.dropdown .menu_top li.menu_first:hover > ul{
		top:-11px;
}

	/* Repositions submenu. */
	.toolbar4_menu.dropdown .menu_top > li:hover > ul{
		left:-29px;
		top:15px;
}

	.toolbar4_menu .menu_top table{
		position: absolute;
		top:0;
		left:0;
		z-index:999;
		border-collapse:collapse;
		font-size:1em;
}

	* html .toolbar4_menu .menu_top li a:hover{
		position:relative;
		background:#D8E8F5;
		color:#FFF;
}

	* html .toolbar4_menu .menu_top li ul{
		visibility:hidden;
		display:block;
		position:absolute;
		top:-11px;
		left:70px;
		padding:10px 30px 30px 30px;
		background:transparent url(dummy-transparent.gif);
}

	.toolbar4_menu .menu_top li a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul{ visibility: hidden; }

	.toolbar4_menu.dropdown .menu_top li a:hover ul{ visibility: visible; left: -30px; top: 14px; left: -31px; top: 15px; }
	.toolbar4_menu.dropdown .menu_top li a:hover ul a:hover ul{ visibility: visible; top: -11px; left: 70px; }
	.toolbar4_menu.flyout .menu_top li a:hover ul{ visibility: visible; }
	.toolbar4_menu.flyout .menu_top li a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }
	.toolbar4_menu .menu_top li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{ visibility: visible; }

/*------------------------------------------------------------------
3.3.3 ECOMMERCE TOOLBAR
------------------------------------------------------------------*/
	div.ecommerce_toolbar{
		background:#E7E7E7;
		font-size:small;
		padding:2px 2px 2px 0px;
		margin-bottom:4px;
		text-indent:6px;
}

/*------------------------------------------------------------------
3.3.4 VERTICAL MENU1 
------------------------------------------------------------------*/

	.vertical_menu1,
	.vertical_menu1 ul{
		margin:0;
		padding:0;
		list-style:none;
		list-style-position: outside;
}

	.vertical_menu1{
		width:100%;
}

	.vertical_menu1 li{
		margin:0;
		padding:0;
		list-style:none;
		white-space:nowrap;
		overflow:hidden;
}

	.vertical_menu1 a{
		display:block;
		padding:2px 5px;
		color:#FFF;
		background:#3A89C9;
		text-decoration: none;
		border:1px solid #FFF;
		border-width:1px 1px 0px 1px;
		font-size:small;
		font-weight:bold;
		height:20px;
		line-height:20px;
}

/* Formatting for menu items on level 2 and further below. */
	.vertical_menu1 ul li ul li ul li a{
		background:#FFFFFF;
		color:#3A89C9;
		margin:0 1px;
		border:1px solid #3A89C9;
		border-width:0 1px 1px 1px;
		font-weight: bold;
}

/* Formatting for menu items selected on level 1. */
	.vertical_menu1 a.selected{
		background:#00548F;
}

/* Formatting for menu items selected on level 2 and further below. */
	.vertical_menu1 ul li ul li ul li a.selected{
		background:#FFFFFF;
		color:#00548F;
}

/* Formatting for menu items when hovering. */
	.vertical_menu1 a:hover,
	.vertical_menu1 ul li ul li ul li a.selected:hover{
		background:#D8E8F5;
		color:#00548F;
}

/* Only display menu items on level 2 when their parent is selected. */
	.vertical_menu1 ul li ul li ul{
		display:none;
}

	.vertical_menu1 ul li ul li.selected ul{
		display:block;
}

/* Indent text 8px for every level. */
	.vertical_menu1 ul li ul li ul li a {text-indent:8px;}
	.vertical_menu1 ul li ul li ul li ul li a {text-indent:16px;}
	.vertical_menu1 ul li ul li ul li ul li ul li a {text-indent:24px;}


/*------------------------------------------------------------------
3.4 BANNER - TWO COLUMNS (0% 38% 2% x 0% 60% 0%)
------------------------------------------------------------------*/
	#banner_outer{
		margin:0 0 8px 0;              /* margin between toolbar and banner */
		border:16px solid #3A89C9;
		border-bottom:13px solid #3A89C9;
}

	.banner{
		background:#3A89C9;		/* right column background colour */
}

	.banner .colleft{
		right:60%;			/* right column width */
		background:#3A89C9;		/* left column background colour */
}

	.banner .col1{
		padding:0;
		width:38%;			/* left column content width (column width - left - right padding) */
		left:60%;			/* right column width + left column left padding */

}
	.banner .col2{
		padding:0;
		width:60%;			/* right column content width (column width - left - right padding) */
		left:62%;			/* (right column width) + (left column left + right padding) + (right column left padding) */
}

	#banner{
		font-size:2em;
		line-height:1;
		color:#FFF;
}

	#banner a{
		color:#FFF;
		font-weight:normal;
}

	#banner a span.banneremphasis{
		font-weight:bold;
}

	#banner .learnmore{
		font-weight:bold;
		font-size:0.8em;
}

	#banner .teaserimg img{
		margin:0;
		padding:0;
}

/*------------------------------------------------------------------
3.5 MAIN CONTENT
------------------------------------------------------------------*/
/*------------------------------------------------------------------
3.5.1 GENERAL
------------------------------------------------------------------*/
	/* column container */
	.colmask{
		clear:both;
		position:relative;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
}

	/* common column settings */
	.colright,
	.colmid,
	.colleft{
		float:left;
		width:100%;
		position:relative;
}

	.col1,
	.col2,
	.col3{
		float:left;
		position:relative;
		padding:0;
		overflow:hidden;
}

/*------------------------------------------------------------------
3.5.2 ONE COLUMN LAYOUT CENTRE 100%
------------------------------------------------------------------*/
	.centre{
		padding-top:8px;
		clear:both;
		position:relative;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
}

/*------------------------------------------------------------------
3.5.3 TWO COLUMN LAYOUT CENTRExRIGHT 0% 69% 1% x 0% 30% 0%
------------------------------------------------------------------*/
	.centre_right{
		background:#FFF;		/* right column background colour */
}

	.centre_right .colleft{
		right:30%;			/* right column width */
		background:#FFF;		/* left column background colour */
}

	.centre_right .col1{
		width:69%;			/* left column content width (column width - left - right padding) */
		left:30%;			/* right column width plus left column left padding */
}

	.centre_right .col2{
		width:30%;			/* right column content width (column width - left - right padding) */
		left:31%;			/* (right column width) + (left column left + right padding) + (right column left padding) */
}

/*------------------------------------------------------------------
3.5.4 TWO COLUMN LAYOUT LEFTxCENTRE 175px x 24px  100%
------------------------------------------------------------------*/
	.left_centre{
	    background:#FFFFFF;
}

	.left_centre .colright{
		float:left;
		width:200%;
		position:relative;
		left:199px;
		background:#FFFFFF;
}
    
	.left_centre .col1wrap{
		float:right;
		width:50%;
		position:relative;
		right:199px;
		padding-bottom:1em;
}
	
	.left_centre .col1{
		margin:0 0 0 199px;
		position:relative;
		right:100%;
		overflow:visible;
}
	
	.left_centre .col2{
		float:left;
		width:175px;
		position:relative;
		right:199px;
		overflow:visible;
}

/*------------------------------------------------------------------
3.5.5 THREE COLUMN LAYOUT LEFTxCENTRExRIGHT (175px x 12px  12px x 100% 12px 12px x 175px)
------------------------------------------------------------------*/
	.left_centre_right{
		background:#FFF;    	/* Right column background colour */
}

	.left_centre_right .colmid{
		float:left;
		width:200%;
		margin-left:-187px; 	/* Width of right column */
		position:relative;
		right:100%;
		background:#FFFFFF;    	/* Centre column background colour */
}

	.left_centre_right .colleft{
		float:left;
		width:100%;
		margin-left:-50%;
		position:relative;
		left:374px;         	/* Left column width + right column width */
		background:#FFFFFF;    	/* Left column background colour */
}

	.left_centre_right .col1wrap{
		float:left;
		width:50%;
		position:relative;
		right:187px;        	/* Width of left column */
		padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

	.left_centre_right .col1{
float:none;
		margin:0 199px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
}

	.left_centre_right .col2{
		float:left;
		float:right;			/* This overrides the float:left above */
		width:175px;        	/* Width of left column content (left column width minus left and right padding) */
		position:relative;
		right:12px;         	/* Width of the left-hand side padding on the left column */
		overflow:visible;         	
}

	.left_centre_right .col3{
		float:left;
		float:right;			/* This overrides the float:left above */
		width:175px;        	/* Width of right column content (right column width minus left and right padding) */
		margin-right:12px;  	/* Width of right column right-hand padding + left column left and right padding */
		position:relative;
		left:50%;
}

/*------------------------------------------------------------------
3.5.6 TWO COLUMN LAYOUT LEFTxRIGHT (100% 24px x 175px)
------------------------------------------------------------------*/
	/* 2 column right menu settings */
	.left_right{
		background:#FFFFFF;
}

	.left_right .colleft{
		float:left;
		width:200%;
		margin-left:-199px;
		position:relative;
		right:100%;
		background:#FFFFFF;
}

	.left_right .col1wrap{
		float:left;
		width:50%;
		position:relative;
		left:50%;
		padding-bottom:1em;
}

	.left_right .col1{
		margin:0 0 0 199px;
		overflow:hidden;
}

	.left_right .col2{
		float:right;
		width:175px;
		position:relative;
		left:199px;
}

/*------------------------------------------------------------------
3.5.7 PRINT TEMPLATE
------------------------------------------------------------------*/

	div.print {
		width: 550px;
		padding: 0 10px;
}

/*------------------------------------------------------------------
3.6 FOOTER
------------------------------------------------------------------*/
	#footer{
		float:left;
		width:100%;
		margin:16px 0 8px 0;
} 

	a.footerlink img{
		float:none;
		padding:0;
		margin:0;
}

	div.hr_footer{
		height:1px;
		background-color:#C1C1C1;
		margin:4px 0px 4px 0;
} 

	.copyright,a.footerlink{
		color:#666;
		line-height:1em;
		font-size:.842em;
		font-weight:normal;
} 

/*------------------------------------------------------------------
4 FEATURES 
------------------------------------------------------------------*/
/*------------------------------------------------------------------
4.1 FEATURE COLORS
------------------------------------------------------------------*/
	.color1{
		background:#008698;
}

	.color2{
		background:#006699;
}

	.color3{
		background:#669933;
}

	.color4{
		background:#009999;
}

/*------------------------------------------------------------------
4.2 MAIN FEATURE
------------------------------------------------------------------*/
	h1.feature{
		color:#FFFFFF;
		font-size:1em;
		line-height:1;
		margin:0;
		padding:.45em 0 .45em .5em;
		border:none;
}

	.featurecontent{
		margin:0;
		padding:24px 16px;
		border:1px solid #C1C1C1;
		border-top:none;
}

	.featureimage img{
		float:left;
		padding:0;
		margin:0 8px 0 0;
}

	h2.feature{
		color:#3A89C9;
		font-size:1.45em;
		line-height:1;
		font-weight:bold;
		padding:0 0 .3em 0;
}

	h2.feature a{
		color:#3A89C9;
}

	.featuretext{
		margin-left:141px
}

	.featuresubheader{
		line-height:1em;
		font-size:.842em;
}

	.featuretext ol, .featuretext ul{
		list-style-type:none;
		margin:0;
		padding:0;
}

/*------------------------------------------------------------------
4.3 SUB-FEATURE
------------------------------------------------------------------*/
	h3.subfeature{
		color:#FFFFFF;
		font-size:1em;
		line-height:1em;
		margin:0;
		padding:.45em 0 .45em .5em;
		border:none;			
}

	div.newssubfeatureimage{
		border:1px solid #CFCFCF;
		border-width:0 1px 0 1px;
		background-image:url('/image.jsp?id=388');
		background-repeat:repeat-x;
}

	div.careerssubfeatureimage{
		border:1px solid #CFCFCF;
		border-width:0 1px 0 1px;
		background-image:url('/image.jsp?id=391');
		background-repeat:repeat-x;
}

	div.banner div.col2{
		background-image:url('/image.jsp?id=14');
		background-repeat:repeat-x;
}

	img.subfeatureimage{
		margin:0;
		padding:0;
}

	.subfeaturecontent{
		padding:8px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		border-top:none;
		color:#000;
		overflow:auto;
}

	.subfeaturedate{
		font-size:.8em;
		font-style:normal;
}

	div.hr_subfeature{
		height: 1px;
		background-color:#C1C1C1;
		margin:8px 0 0 0;
} 

	div.subfeatureinfo{
		padding-top:4px;
}

	.subfeaturecontent ol, .subfeaturecontent ul{
		list-style-type:none;
}

	div.listbox{
		padding:8px;
		padding-top:0px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		border-top:none;
		color:#000;
		overflow:auto;
}

	div.listboxitem{
		padding-top:8px;
}

/*------------------------------------------------------------------
5 TABLE DATA
------------------------------------------------------------------*/
	.dataheader td{
		padding:4px;
		border:1px solid #FFFFFF;
		border-width:0px 1px 0px 1px;
		color:#FFFFFF;
		background:#006699;
}

	.dataheader td.first{
		border-left:1px solid #006699;
}

	.dataheader td.last{
		border-right:1px solid #006699;
}

	.dataheader{
		color:#FFFFFF;
		font-weight:bold;
}

/* To avoid problem in Firefox where left border disappears because of border-collaps. */

	table.datacontent {
		margin-left:1px;
		margin-right:1px;
}

	.datacontent td{
		padding:4px;
		border:1px solid #C1C1C1;
}

	.datacontent td.firstcolumn{
		background:#3A89C9;
		color:#FFFFFF;
		font-weight:bold;
}

	.tabdatacontent td{
		background:#EAEAEA;
		padding:4px;
		border:1px solid #FFFFFF;
}

	.datasmall{
		font-size:.842em;
}

/*------------------------------------------------------------------
6 TABS
------------------------------------------------------------------*/
	td.tabnotselected,td.tabnotselectedleft{
		background:#E6E6E6;
		border-top:1px solid #000000;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		padding:3px;
}

	td.tabnotselectedleft{
		border-left:1px solid #000000;
}

	td.tabselected{
		border-top:1px solid #000000;
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		padding:10px 3px;
}

	td.tabblankspace{
		border-bottom:1px solid #000000; 
		padding:1px;
}

	td.tabbedcontent{
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		padding:3px;
}

/*---------------------------------------------------------
7 CONTAINERS
-----------------------------------------------------------*/
/*------------------------------------------------------------------
7.1 TOOLBOX
------------------------------------------------------------------*/
	div.toolbox{
		color:#FFFFFF;
		font-weight:bold;
		font-size:1em;
		line-height:1em;
		margin:0;
		padding:.45em 0 .45em .5em;
		border:none;			
}

	.toolboxcontent{
		padding:8px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		border-top:none;
		color:#000;
		overflow:auto;
}

	.toolboxcontent img{
		float:none;
		vertical-align:middle;
}

	/* ICONS FOR TOOLS - RECOMMENDED WIDTH IS 20PX.*/
	.toolboxcontent a{
		line-height:2;
}

/*------------------------------------------------------------------
7.2 ITEMCONTAINER
------------------------------------------------------------------*/
	.itemcontainernarrow{
		width:460px;
		padding:8px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		color:#000000;
		background:#EEEEEE;
}

/*------------------------------------------------------------------
8 BREADCRUMBS
------------------------------------------------------------------*/
	div.breadcrumbs{
		margin-bottom:8px; 
		margin-left:199px;
		color:#666;
		line-height:1em;
		font-size:.842em;
} 

	div.centre_breadcrumbs{
		margin-bottom:8px; 
		color:#666;
		line-height:1em;
		font-size:.842em;
} 

	.breadcrumbs a,.centre_breadcrumbs a{
		color:#666;
		font-size:1em;
		font-weight:normal;
} 

/*------------------------------------------------------------------
9 FORMS
------------------------------------------------------------------*/
/*------------------------------------------------------------------
9.1 FORMS GENERAL
------------------------------------------------------------------*/
	input, select, button, label, form{
		padding:0px; 
		vertical-align:middle;
}

form{
display:block;}

	textarea{
		font-family:Arial, Helvetica, sans-serif;
}

	.submitbutton{
		padding:2px 8px;
		font-family:Arial,sans-serif;
		width:auto;
}	

	.asterisk{
		color:#CC0000;
}

	.actionbutton{
		border:1px solid #3A89C9;
		line-height:2;
		padding:5px 5px;
		background:#3A89C9 none repeat scroll 0% 50%;
		color:#FFFFFF;
		font-weight:bold; 
		-moz-border-radius-topleft:2px; 
		-moz-border-radius-topright:2px;
		-moz-border-radius-bottomright:2px;
		-moz-border-radius-bottomleft:2px;
		cursor: pointer;
} 

	a.actionbutton, .actionbutton a{
		color:#FFFFFF;
} 


/*------------------------------------------------------------------
9.2 FORMS STYLE 1
------------------------------------------------------------------*/
	form.default{
		margin-bottom:1em;
}
	
	fieldset.default{
		margin:0px 10px 0px 0px;
		padding:0px 20px 20px 20px;
		border:1px solid #444444;
}

	fieldset.short{
		margin:0px 10px 0px 0px;
		padding:0px 20px 10px 20px;
		border:1px solid #444444;
}

	fieldset.long{
		margin:0px 10px 0px 0px;
		padding:0px 20px 30px 20px;
		border:1px solid #444444;
}
	
	legend.default{
		padding:0 10px;
		text-transform:uppercase;
		font-size:1.0em;
}

	.defaultrow,.shortrow,.longrow{
		clear:both;
		padding-top:5px;
		margin:0 10px;
}

	.defaultrow.first{
		margin-top:15px;
}

	.shortrow.first{
		margin-top:5px;
}

	.longrow.first{
		margin-top:25px;
}

	.defaultlabel{
		line-height:1.6em;
		text-align:right;
		margin-right:10px;
		width:150px; /* Was 100 */
		float:left;
}

	.formtext{
		line-height:1.6em;
		margin-left:160px;
		float:left;
}

	.formbutton{
		line-height:1.6em;
		width:416px;
		float:left;
		text-align:right;
}
     
	input.defaultfield, select.defaultfield, input.productsearch{
		width:250px;
}

	input.shortfield, select.shortfield{
		width:150px;
}	

	textarea.defaultfield{
		float:left;
		font-size:0.9em;
		width:249px;
}

	input.defaultfield,textarea.defaultfield,select.defaultfield{
		border:1px solid #666666;
		padding:2px;
}

/*------------------------------------------------------------------
9.3 FORMS STYLE 2
------------------------------------------------------------------*/
	.formcontainer{
		padding:8px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		color:#000000;
		background:#FFFFFF;
}

	span.fieldstyle2twocolumn select{
		width:210px;
}

	span.fieldstyle2onecolumn select,
	span.fieldstyle2onecolumn input,
	span.fieldstyle2onecolumn textarea{
		width:425px;
}

/*------------------------------------------------------------------
10 DIRECTORY TABLE GRID
------------------------------------------------------------------*/
	td.directory{
		padding-right:75px;
		padding-bottom:10px;
		font-size:1.3em;
		line-height:1.5;
}

/*------------------------------------------------------------------
11 PAGINATION
------------------------------------------------------------------*/
	.pagination{
		text-align:right;
}

	.pagination, .pagination a{
		font-size:.842em;
		text-decoration:none;
		font-weight:normal;
} 

	.pagination a:hover{
		text-decoration:underline;
} 

/*------------------------------------------------------------------
12 MINI CALENDAR
------------------------------------------------------------------*/
	div.mini table.calendar{
		font-size:.85em;
}

	div.maxi table.calendar{
		font-size:1.3em;
		border: 1px solid #000000;
		width:690px;
		line-height:1.1;
}

	div.maxi table.calendar .data a.emphasis{
		font-size:0.70em;
}

	div.maxi table.calendar td{
		height:75px;
		border:1px solid #000000;
		padding:4px;
		font-weight:bold;
}

	div.maxi table.calendar td.Week{
		height:75px;
		border:1px solid #000000;
		padding:4px;
		background:#006699;
		color:#FFFFFF;
		font-weight:bold;
}

	div.maxi table.calendar td.Saturday,div.maxi table.calendar td.Sunday{
		color:#CC0000;
		background:#ECECEC;

}

	div.maxi table.calendar th{
		height:25px;
		border:1px solid #000000;
		padding:4px;
		background:#006699;
		color:#FFFFFF;
		font-weight:bold;
}

	div.maxi table.calendar tfoot th{
		height:25px;
		border:0px solid #000000;
		padding:4px;
		background:#FFFFFF;
}

	div.maxi table.calendar thead th{
		height:50px;
		border:1px solid #000000;
		vertical-align:middle;
		font-size:1.3em;
		background:#FFFFFF;
}

/*------------------------------------------------------------------
13 ALERTS
------------------------------------------------------------------*/
	div.errormessage{
		padding:5px;
		color:#FF0000;
		border:1px solid #FF0000;
		background:#FFDDDC;
}

	div.confirmationmessage{
		padding:5px;
		color:#006900;
		border:1px solid #006900;
		background:#C2FCC2;
}

/*------------------------------------------------------------------
14 CONTENT COLUMNS
------------------------------------------------------------------*/
	div.threecolumn{
		float:left;
		width:33.3%;
}

	div.twocolumn{
		float:left;
		width:48%;
}

/*------------------------------------------------------------------
15 CONTENT TABLE
------------------------------------------------------------------*/
	table.listtable{
		width:100%;
}

	table.listtable tr td{
		padding-left:16px;
		padding-bottom:16px;
		width:33.3%;
}

	table.listtable tr td:first-child{
		padding-left:0px;
}

/*------------------------------------------------------------------
16 PRODUCTS
------------------------------------------------------------------*/
/*------------------------------------------------------------------
16.1 PRODUCT SUMMARY ENTRY
------------------------------------------------------------------*/
	div.productgroupheader{
		border:1px solid #B6B6B6;
		border-width:1px 1px 0 1px;
		padding:6px 8px 4px 10px; 
		background:transparent url(/image.jsp?id=171) repeat scroll left top;
		font-size:120%;
		font-weight:bold;
}

	div.productsummary{
		border:1px solid #B6B6B6;
		padding:5px;
		height:250px;
		overflow: hidden;
}

	.moreproducts{
		text-align:right;
}

/*------------------------------------------------------------------
16.2 PRODUCT DETAILS
------------------------------------------------------------------*/
	.addtocart{
		border:1px solid #A0292E;
		margin:0px;
		padding:1px 3px;
		background:#A0292E none repeat scroll 0% 50%;
		color:#FFFFFF;
		font-weight:bold; 
		-moz-border-radius-topleft:2px; 
		-moz-border-radius-topright:2px;
		-moz-border-radius-bottomright:2px;
		-moz-border-radius-bottomleft:2px;
		cursor:pointer;
} 

	.addtocart:hover{
		color:#FFFFFF;
} 

	span.price{
		color:#A0292E;
		font-size:1.3em;
		line-height:1.5;
		font-weight:bold;
}

	div.listprice{
		color:#952E32;
		font-weight:bold;
		font-size:1em;
		line-height:1;
}

	span.productcomment{
		color:#A0292E;
}

	div.productdetails{
		margin-left:16px;
}

	div.productimage{
		border:1px solid #C1C1C1;
		background-color:#FFFFFF;
}

	div.productimage img{
		margin:16px auto; display: block;
}

	span.subproductdetail{
		line-height:1em;
		font-size:.842em;
		font-weight:normal;
} 

/*------------------------------------------------------------------
16.3 SHOPPING CART
------------------------------------------------------------------*/
	span.productsummaryprice{
		color:#A0292E;
		font-weight:bold;
}

/*------------------------------------------------------------------
16.4 CHECKOUT PROCESS
------------------------------------------------------------------*/
	div.shoppingcartsummary{
		text-align:center;
}

	div.shoppingcartsummary a{
		padding-left:8px;
		padding-right:8px;
}

	.checkoutcontent{
		margin:0;
		padding:24px 16px;
		border:1px solid #C1C1C1;
}

	.productdatacontent td{
		padding:4px;
		border:1px solid #FFFFFF;
}

	a span.shopcartactivestep{
		color:#666666;
		text-decoration:none;
		font-weight:bold;
}

	a.shopcartactivestep:hover{
		text-decoration:underline;
} 

	span.shopcartinactivestep{
		color:#CCCCCC;
		text-decoration:none;
		font-weight:normal;
}

/*------------------------------------------------------------------
17 INVESTOR RELATIONS
------------------------------------------------------------------*/
	.shareprice{
		font-weight:bold;
		font-size:.842em;
		font-size:1.5em;
		line-height:1.5;
} 

	.sharepricechange_up{
		color:#006900;
		font-weight:bold;
		font-size:1.5em;
		line-height:1.5;

} 

/*------------------------------------------------------------------
18 POSTS
------------------------------------------------------------------*/
	.postcontainer{
		padding:8px;
		margin-bottom:8px;
		border:1px solid #C1C1C1;
		color:#000;
		background:#FBFBFB;
}

	.posttags {
		font-size:.842em;
		line-height:2;
}

	.posttags, .posttags a{
		text-decoration:none;
		font-weight:normal;
} 

	.posttags a:hover{
		text-decoration:underline;
} 

	.replytothis{
		border:1px solid #3A89C9;
		line-height:1.7;
		padding:3px 3px;
		background:#3A89C9 none repeat scroll 0% 50%;
		color:#FFFFFF;
		font-weight:bold; 
		-moz-border-radius-topleft:2px; 
		-moz-border-radius-topright:2px;
		-moz-border-radius-bottomright:2px;
		-moz-border-radius-bottomleft:2px;
		cursor:pointer;
} 

	a.replytothis, .replytothis a{
		color:#FFFFFF;
} 

/*------------------------------------------------------------------
19 TICKETS
------------------------------------------------------------------*/
	.S6.Showstopper, .U5.Immediate, .New{
		color:#FB0000;
}

	.S5.Critical, .U4.Urgent{
		color:#FC6500;
}

	.S4.Major, .U3.High, .Open, .In.Progress,.More.Info.Required{
		color:#FFA800;
}

	.S3.Medium, .U2.Medium{
		color:#F9C700;
}

	.S2.Minor, .U1.Low{
		color:#BBB900;
}

	.S1.Trivial{
		color:#C79B00;
}

	.S0.Enhancement,.More.Info.Required, .By.Design, .Implement, .Fix.Rejected{
		color:#00AEEF;
}

	.Closed, .Resolved{
		color:#00cc33;
}

    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .left_centre .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->