/*
* Main Style 
* Basic page styling
*
* Created  : 23 Dec 2004, MA 
* Modified : 06 Jul 2006, MA
*/
A:hover {color: #FF0000; border:0}
A:link { }
A:visited { color: #3366FF;}
A:hover IMG, A:link IMG, A:visited IMG, IMG { border:0; text-decoration:none;}
ACRONYM {CURSOR: help; BORDER-BOTTOM: #333333 1px dotted; color:#333333;}
BLOCKQUOTE {MARGIN-LEFT: 80px; COLOR: #aa4000; MARGIN-RIGHT: 0px; TEXT-ALIGN: justify}
BODY, HTML, TEXTAREA { /* Internet Explorer 5.5+ only) */
  scrollbar-3dlight-color:#FFF;
  scrollbar-arrow-color:#333333;
  scrollbar-base-color:#eee;
  scrollbar-darkshadow-color:#FFF;
  scrollbar-face-color:#eee;
  scrollbar-highlight-color:#FFF;
  scrollbar-shadow-color:#999999;
  FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
}
BODY {
	FONT-SIZE: 70%;
	COLOR: #333; 
	BACKGROUND-COLOR: #B1BABF;
	TEXT-ALIGN: center;
	padding:0;
	margin:0;
}
BR {height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}
dl {padding:0; margin:15px 10px 35px 10px}
dt {BORDER-TOP: #CCC 1px solid; font-weight:bold; margin-top:5px}
dd {font-size: 11px; padding-left: 6em;}
EMBED { margin:0; padding:0; border:0}
FIELDSET {margin : 10px; padding : 0.8em; border : 1px dotted #CCC}
FIELDSET DIV { margin: 5px}
H1 { color: #CC0000; letter-spacing: 5px; margin: 25px 0}
H2 { font-size: 130%; color:#FF0000; padding-bottom:2px; margin-bottom: 2px; letter-spacing: -1px}
H4 { font-size: 105%; color: #FF9900; padding:0 0 3px 0; margin: 15px 10px 10px 10px; letter-spacing: 1px; border-bottom: 1px solid #CCC; text-align:left}
H5 {margin:15px 10px 0 10px; color: #333333; font-size: 115%}
FORM {margin : 0; padding : 0}
LABEL { display:block;margin-top: 5px; cursor:text; padding : 0.2em 0; font-weight: bold; color:#FF6600}
LABEL:before {content: "";}
LEGEND { font-weight: bold; color:#333; margin : 0 0.5em; padding : 0.1em 0.5em; background-color:#FFF}
P {margin: 10px 10px 5px 10px; padding: 3px 0 10px 0}
TEXTAREA {border:1px solid #CCC; padding-left: 3px;}
SELECT {font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 100%; border : 1px solid #CCCCCC; padding : 1px}
THEAD TD {font-weight:bold; 
        BORDER-TOP: #F0F0F0 1px solid;
        BORDER-BOTTOM: #CCC 1px solid;
        background-image: url(i/bg_thd.gif);
        background-repeat: repeat-x;
		text-align:center;
        padding: 5px;}
TBODY td {padding:3px}
TABLE.data TBODY td { text-align:center;BORDER-BOTTOM: #CCC 1px solid}
TABLE.data ,#StockPositions table{
    margin: 10px auto;
    width: 99%;
    border:0px; /* border="0" */
    border-collapse:collapse; /* cellspacing="0" */
}
#StockPositions table td{
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
	text-align:center;
	font-size: 85%;	
    padding:5px; /* cellspadding="2" */
} 
#base { margin: 0px auto; width: 888px}
#breadcrumb {
	font-size:85%;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	display:block;
	background-color:#000000;
	height:27px;
	min-height: 32px}
#breadcrumb div { color:#F0F0F0;}
#breadcrumb div A,#breadcrumb div A:visited { color:#F0F0F0}

#container {
	background-image: url(i/bgr_main.gif);
	background-repeat:repeat-y;
	background-position: center 50%;
	MARGIN-LEFT: auto;
	width: 980px; 
	MARGIN-RIGHT: auto; 
	POSITION: relative; 
	TEXT-ALIGN: left
}
#content {margin-left: 303px; WIDTH: 630px; background-color:#FFF }
#copyright { margin: 5px auto; font-size: 70%; padding-bottom: 10px}
#copyright a:link, #copyright a:visited, #navsmall a:link, #navsmall a:visited { color:#666666; text-decoration:none; border:0}
#navsmall { margin: 10px auto; font-size: 80%; text-align:center}
#navsmall a { margin: 0 5px}

#glb_nav { display:block; height:77px; min-height:78px;	background-color: #666; margin:0; padding:0;}
#glb_nav ul {margin:0; padding:0; list-style-type:none;}
#glb_nav li { display:block; float: left; margin-right:0px; width:124px; border:1px solid #ccc; border-right:1px solid #999;}
#glb_nav li.selected {background-image:url(i/menu/menu_01.jpg);background-position:top right; z-index:50; color:#FF9900; background-color:#666666;}
#glb_nav li.list1t {background:#000 url(i/menu/menu_01.jpg) no-repeat;}
/*#glb_nav li.selected1 {background-image:url(i/menu/menu_01.jpg);background-position:top right; z-index:50; color:#FF9900; background-color:#666666;}
#glb_nav li.selected5 {background-image:url(i/menu/menu_01.jpg);background-position:top right; z-index:50; color:#FF9900; background-color:#666666;}
#glb_nav li.list2t {background:#000 url(i/menu/menu_01.jpg) no-repeat;}
#glb_nav li.list3t {background:#000 url(i/menu/menu_01.jpg) no-repeat;}
#glb_nav li.list4t {background:#000 url(i/menu/menu_01.jpg) no-repeat;}
#glb_nav li.list5t {background:#000 url(i/menu/menu_01.jpg) no-repeat;}*/
#glb_nav a {
	display:block;
	width:124px;
	min-width: 122px;
	padding: 39px 0 0 0;
	color:#000;
	border-top: 5px solid #f0f0f0;
	border-bottom:0;
	text-decoration:none; 
	text-align: center;
	color: #FFCC00; 
	font-size:1.1em; 
	font-weight:bold;
	height: 34px;
	min-height: 33px
}
#glb_nav a small{ font-size:0.65em; font-weight: normal;text-transform:uppercase;color: #999999}
#glb_nav a.item {background:transparent url(i/menu/menu_01.jpg) -125px -86px no-repeat}
#glb_nav a.item:hover {background-position:top right; z-index:50; color:#FF9900; background-color:#666666;border-top: 5px solid #FFCC00}

#feedback TEXTAREA { width: 600px}
#feedback INPUT.opt{ width: 400px}

#footer {
	CLEAR: both; 
	background-image: url(i/bgr_bottom.gif);
	background-repeat:no-repeat;
	background-position: 50% bottom;
	MARGIN: 0px auto; 
	WIDTH: 980px; 
	HEIGHT: 51px;
	text-align:center;
}
#left {
	background-color:#FFF; 
	left:0px; 
	MARGIN-TOP: 0; 
	MARGIN-LEFT: 45px; 
	WIDTH: 254px;
	min-width: 254px; 
	POSITION: absolute;
	top:0px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#r { float:right; width:10%; text-align:right; margin:3px 4px 3px 0}
#l { float:left; width:80%; margin:7px 0 5px 5px}

#logo { height: 79px; margin: 0 auto;}
#lpanel{ float:left; width:312px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;border-left: 1px solid #CCC;}
#rpanel{ float:right; width:312px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;border-right: 1px solid #CCC;}
#menu { height: 77px; min-height: 79px; background-color:#CCCCCC;}

#message { display:block; position:relative; margin: 5px 10px;}
#message P { margin: 0; border : 1px dotted #ccc; padding: 5px 10px 5px 20px; background-position:left top; background-repeat:no-repeat;}
#message P.error {background-image: url(i/ico_error.gif); color: #FF0000;}
#message P.warning {background-image: url(i/ico_warning.gif); color: #FF6600}
#message P.note {background-image: url(i/ico_note.gif); color: #666}
#message P.info {background-image: url(i/ico_info.gif); color: #000066}


/*#humantouch { height:200px}*/
#humantouch, #news {padding: 0 10px 10px 10px; display: block}
#humantouch UL, #news UL {margin:0; padding:0; list-style-type:none}
#humantouch UL {display:block; min-height:300px}
#humantouch UL LI{ margin:3px;display: inline; padding:0; float:left;border: 1px solid #F0F0F0;}
#humantouch UL LI IMG {background-color:#f0f0f0; margin:5px 10px 10px 5px; float: right}
#humantouch UL LI SMALL { color:#666666}
#humantouch UL LI I{ background-color: #999999; color: #FFFFFF; font-weight:bold; padding:1px 3px; font-size:75%;}
#humantouch UL LI B {color: #FF6600; font-weight:bold; padding:5px 1px 0 0} 
#humantouch UL LI A{ text-decoration:none; height:90px; min-height:90px; width:285px; min-width:285px; display:block; border: 0; margin:5px; color:#000}


#news UL LI{display:block; height:50px; margin:0; padding:0}
#news UL LI IMG{ background-color:#f0f0f0; margin:0 10px 10px 0; float:left}
#news UL LI I{ background-color: #666666; color: #FFFFFF; font-weight:bold; padding:1px 3px; font-size:73%; width:60px;}
#news UL LI B{color: #FF6600; font-weight:bold; padding:1px}

#news_item {margin:10px 10px 30px 10px;}
#news_item small {color: #999999}

#news_topic {margin:10px 10px 40px 10px}
#news_topic UL {margin:0 0 20px 20px; padding:0; list-style-type:none; display:block}
#news_topic UL LI{width:93px; display: inline; margin:0; padding:0; float:left; text-align:center}

#sitemap {padding:10px; display: block}
#sitemap UL LI{ list-style-type:none; padding: 0 0 0 20px; display:block; height:18px; background-image:url(i/ico_page.gif); background-position: left top; background-repeat:no-repeat}
#sitemap UL LI.f { list-style-type:none; padding: 0 0 0 20px; display:block; height:18px; background-image:url(i/ico_folder.gif); background-position: left top; background-repeat:no-repeat}
#sitemap UL LI.h { list-style-type:none; padding: 0 0 0 20px; display:block; height:18px; background-image:url(i/ico_home.gif); background-position: left top; background-repeat:no-repeat}

#tooltip {
	PADDING-TOP: 5px; 	
	PADDING-RIGHT: 5px;	
	PADDING-BOTTOM: 5px; 	
	PADDING-LEFT: 5px; 
	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;	
	BORDER-BOTTOM: #999999 1px solid; 
	BORDER-LEFT: #999999 1px solid; 	
	BACKGROUND: #FFFFFF; 
	VISIBILITY: hidden; 
	MARGIN: 0px; 
	FONT: 95% Verdana, Helvetica,sans-serif;
	POSITION: absolute; 
	TEXT-ALIGN: justify; 
	moz-border-radius: 8px
}
#splash { height:179px; min-height: 179px; vertical-align: top; border-left solid #CCC:}
/********** LOADER STYLE ***************/
#interface1 {Z-INDEX: 99}
#loader_container {width:95%; position:absolute;top:50%;text-align:center;z-index:90}
#loader {BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; Z-INDEX: 2; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 180px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left}
#progress {FONT-SIZE: 1px; LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #FF3300}
#loader_bg {FONT-SIZE: 1px; LEFT: 8px; WIDTH: 160px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4}

/* INPUTS */
.cb, .rb { padding : 1px; border: 0px solid #FFFFFF; width: auto; background-color: transparent;}
.btn { background-color: silver;
font-weight:bold; 
color:#FFF; 
background-image: url(i/bgr_btn.gif); 
background-repeat:repeat-x; 
background-position:center; margin:0;padding:0}
.block {margin: 0 auto; height:155px}
.blockbutton {margin: 0 auto; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding:0; height:100px}
.blockcat {margin: 0 auto; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.blockfocused { margin: 0 auto; background-color:#CCCCCC; padding:0; height:143px}
.blocklefttop {margin: -1px auto 0; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; height:90px; background-color:#FFFFFF;}
.blockleft {margin: 0 auto; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; height:140px; top:-1px; background-color:#FFFFFF;}
.blocklogin { margin:0 auto; height:179px;}
.blocklocnav {margin:0 auto; height:179px;}
.blockwhassup {margin: 0 auto; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding:0;height:250px;}
.boxbody,.seealso {margin: 0 auto; /* center for now */ width:100%; padding:0;}
.boxbody ul, UL.menu { margin:0 0 0 2em; padding: 1em 1em 0.7em 1em }
.boxbody ul li,UL.menu LI { margin: 1px; padding: 0 0 0 18px;
	background-image:url(i/ico_list_item.gif); background-repeat: no-repeat;
	background-position:left; list-style-type:none; display:block}
.boxbody ul li label { margin:0; padding:0; display:inline; color:#666666;text-align: left; float: left; font-weight:normal}	
.boxbody ul li span {text-align:right; float:right; margin:0; padding:0; font-size:80%}	
.boxbody span { text-align:right; float:right; margin-right:10px}
.boxhead { margin:0; padding-bottom:3px; vertical-align:middle; border-top: 1px solid #CCC; height: 30px; min-height:30px; background-color:#FFFFFF}
.boxhead div {padding:0px; vertical-align:middle;}
.boxhead div img { margin: 2px 10px 0 0; border:0; clear:left; float:left; height:24px; width:24px }
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there 
but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4. 
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears 
to require to be be relatively positioned */ 
/*/*/
.boxhead { height: 40px; min-height:40px;}
.boxhead div { padding:7px 10px; p\osition: relative; height: 30px; min-height:45px }
.boxhead H3 { margin:0 0 -2px 0; padding:0; font-size:125%;}
.boxhead H1 { margin: 4px 0 0 0; padding:0; font-size: 140%; color: #666666; letter-spacing: 1px;}
.boxhead span { padding:0; margin: 0; text-transform: uppercase; font-size: 85%; color:#666666}
.imgcontent { background-color:#f0f0f0; float:right; clear:right; margin: 10px 10px 1px 10px}
.imghead { background-image:url(i/bg_block_title.gif); background-repeat:repeat-x; }
.imgfirst { background-image:url(i/block/first_time.jpg); background-repeat: no-repeat; background-position:right bottom}
.imgoffer { background-image:url(i/block/offer.jpg); background-repeat: no-repeat; background-position:left bottom }
.ineed {width:25px;}
.ineed INPUT {width:45px;border: 1px solid #ccc;}
.form { border : 1px solid red; color:#666666; width:300px}
.l { text-align:left}
.opt { border:1px solid #CCC; color:#666666; width:300px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pos_list_input {border:1px solid #CCC; color:#666666; width:20px}
.required { width:90%; margin: 10px auto; padding:0; display:block; }
.red { color:#FF0000}
.seealso {border-top:1px solid #CCC}
.search { background-color:#333333; color:#F0F0F0; padding:2px 0 1px 3px; border:1px solid #999; width:185px; height:16px; font-size: 97%; font-family:Verdana, Arial, Helvetica, sans-serif}
.txt { border:1px solid #CCC; color:#666666; width:98%;margin-bottom: 8px}
/*UL.menu { margin:0 0 0 2em; padding: 0.3em 1em 0.7em 1em  }
UL.menu LI{ margin: 0; padding: 0; list-style-image:url(i/ico_list_item.gif); list-style-type:none;}*/