@charset "iso-8859-1";
body {margin: 0px; padding: 0px; height: 100%; max-height: 100%; overflow: hidden; }
* html body {padding: 210px 0 40px 0;}

#header {position: absolute; top: 0; left: 0; width: 100%; height: 210px; overflow: auto; background-color: #C0C0C0;}
* html #header {height: 210px;}
	#h_tabs {width: 100%; height: 20px; overflow: auto; background-image: url('images/bgr_gb.jpg'); background-color: #FFFFFF;}
		#h_tab1 {float:left; position:relative; height: 20px; overflow: auto; background-color: #C0C0C0;}
			#h_tab1 ul {margin: 0; padding: 2px 0 0 240px; list-style: none;}
			#h_tab1 li {display: inline; margin: 0; padding: 0; font-size: 8pt; font-weight: bold;}
			#h_tab1 a {float: left; background: url('images/tab_left.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#h_tab1 b a {float: left; background: url('images/tab_left2.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#h_tab1 a span {float: left; display: block; background: url('images/tab_right.jpg') no-repeat right top; padding: 2px 40px 2px 20px;}
			#h_tab1 a b span {float: left; display: block; background: url('images/tab_right2.jpg') no-repeat right top; padding: 2px 40px 2px 20px;}
			#h_tab1 a:hover {background-position: 0% -20px;}
			#h_tab1 a:hover span {background-position: 100% -20px;}
		#h_tend {float: right; position: relative; width: 20px; height: 20px; overflow: auto; background-image: url('images/curve_tr.jpg'); background-color: #0036B2;}
	#h_main {width: 100%; height: 84px; overflow: auto; padding: 0px; background-color: #FFFFFF; color: #FFFFFF;}
		#h_logo {float: left; position: relative; width: 240px; height: 84px; overflow: auto; background-image: url('images/iccuklogo.jpg'); background-color: #FFFFFF;}
		#h_regi {float: right; position: relative; width: 60px; height: 17px; overflow: auto; background: url('images/tab_login.jpg') no-repeat left top; background-color: #0036B2; font-size: 8pt; font-weight: bold; color: #000066; padding: 67px 0px 0px 24px; cursor: pointer;}
  		* html #h_regi {width: 84px; height: 84px;}
		#h_srch {float: right; position: relative; width: 222px; height: 59px; overflow: auto; background-image: url('images/searchfield.jpg'); background-color: #0036B2; padding: 25px 18px 0 0;}
  		* html #h_srch {width: 240px; height: 84px;}
			#sr_tab {float: right; position: relative;} 
			#sr_tab input {font-size: 8pt;}
		#h_titl {position: relative; display: block; height: 100%; margin: 0 324px 0 240px; background: url('images/bgr_ttl.jpg') no-repeat center top;}
	#h_cats {width: 100%; height: 20px; overflow: auto; background-color: #0036B2; color: #FFFFFF;}
		#h_cat1 {float: left; position: relative; height: 20px; overflow: auto; background: url('images/curve_cl.jpg') no-repeat left top;}
			#h_cat1 ul {margin: 0; padding: 2px 10px 0 200px; list-style: none;}
			#h_cat1 li {display: inline; margin: 0; padding: 0; font-size: 8pt; font-weight: bold; cursor: pointer;}
			#h_cat1 a {float: left; background: url('images/tab_left.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#h_cat1 b a {float: left; background: url('images/tab_left3.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#h_cat1 a span {float: left; display: block; background: url('images/tab_right.jpg') no-repeat right top; padding: 2px 30px 2px 10px;}
			#h_cat1 a b span {float: left; display: block; background: url('images/tab_right3.jpg') no-repeat right top; padding: 2px 30px 2px 10px;}
			#h_cat1 a:hover {background-position: 0% -20px;}
			#h_cat1 a:hover span {background-position: 100% -20px;}
		#h_view {float: right; position: relative; width: 10px; height: 20px; overflow: auto; background: url('images/curve_cr.jpg') no-repeat left top; background-color: #0036B2;}
	#h_cart {width: 100%; height: 86px; overflow: auto; background-color: #FFFFFF; color: #000066;}
		#h_curv {float: left; position: relative; width: 203px; height: 86px; overflow: auto; background-image: url('images/curve.jpg'); background-color: #FFFFFF;}
		#h_car0 {float: right; position: relative; width: 10px; height: 86px; overflow: auto;}
		#h_car1 {float: right; position: relative; width: 86px; height: 84px; overflow: auto; background: url('images/cart.jpg') no-repeat left top; background-color: #0036B2; font-size: 8pt; font-weight: bold; color: #000066; padding: 2px 0px 0px 0px; text-align: center; cursor: pointer;}
  		* html #h_car1 {width: 86px; height: 86px;}
		#h_acct {float: right; position: relative; width: 86px; height: 84px; overflow: auto; background: url('images/myacct.jpg') no-repeat left top; background-color: #0036B2; font-size: 8pt; font-weight: bold; color: #000066; padding: 2px 0px 0px 0px; text-align: center; cursor: pointer;}
  		* html #h_acct {width: 86px; height: 86px;}
		#h_admi {float: right; position: relative; width: 86px; height: 84px; overflow: auto; background: url('images/admin.jpg') no-repeat left top; background-color: #0036B2; font-size: 8pt; font-weight: bold; color: #000066; padding: 2px 0px 0px 0px; text-align: center; cursor: pointer;}
  		* html #h_acct {width: 86px; height: 86px;}
		#status {position: relative; display: block; height: 18px; margin: 14px 268px 4px 203px; text-align: left;}
		#h_head {position: relative; display: block; height: 36px; margin: 14px 268px 0 203px; text-align: left; color: #0036B2; font-size: 18pt; font-weight: bold;}

#footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; overflow: auto; background-color: #FFFFFF;}
* html #footer {height: 40px;}
	#f_tabs {width: 100%; height: 20px; overflow: auto; background-color: #0089FD;}
		#f_left	{float: left; position: relative; width: 144px; height: 20px; overflow: auto; background-image: url('images/curve_fl.jpg');}
		#f_tab1 {float: left; position: relative; height: 20px; overflow: auto; background-color: #FFFFFF;}
			#f_tab1 ul {margin: 0; padding: 0 0 0 200px; list-style: none;}
			#f_tab1 li {display: inline; margin: 0; padding: 0; font-size: 8pt; font-weight: bold;}
			#f_tab1 a {float: left; background: url('images/tab_left.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#f_tab1 b a {float: left; background: url('images/tab_left4.jpg') no-repeat left top; margin: 0; padding: 0 0 0 20px; text-decoration: none; color: #000066; cursor: pointer;}
			#f_tab1 a span {float: left; display: block; background: url('images/tab_right.jpg') no-repeat right top; padding: 2px 40px 4px 20px;}
			#f_tab1 a b span {float: left; display: block; background: url('images/tab_right4.jpg') no-repeat right top; padding: 2px 40px 4px 20px;}
			#f_tab1 a:hover {background-position: 0% -20px;}
			#f_tab1 a:hover span {background-position: 100% -20px;}
		#f_righ	{float:right; position:relative; width: 20px; height: 20px; overflow: auto; background-image: url('images/curve_fr.jpg');}
	#f_bott {width: 100%; height: 20px; overflow: auto; background-color: #0036B2; color: #FFF; text-align: center; font-size: 8pt; font-weight: bold;}
		#f_botl	{float:left; position:relative; width: 20px; height: 20px; overflow: auto; background-image: url('images/curve_bl.jpg');}
		#f_botr	{float:right; position:relative; width: 20px; height: 20px; overflow: auto; background-image: url('images/curve_br.jpg');}

#core {position: fixed; display: block; top: 210px; left: 0; bottom: 40px; right: 0; overflow: auto; background-color: #FFFFFF;}
* html #core {height: 100%; width: 100%;}
	#left {float: left; position: relative; width: 144px; height: 100%; left: 0px; background-image: url('images/bgr_bw.jpg'); background-color: #FFFFFF;}
		#left a {text-decoration: none; color: #006;}
		#l_cont {color: #FFF; margin-left: 12px;}
	#center {margin-left: 144px; position: fixed; overflow: auto; display: block; top: 210px; left: 0; bottom: 40px; right: 0; background-color: #FFFFFF; color: #000066; padding-left: 60px; padding-right: 20px;}
* html #center {height: 100%;}

		#lefttab {}
			#lefttab ul {margin-left: 5px; padding: 0; list-style: none; width: 110px;}
			#lefttab li {display: inline; padding: 0; font-size: 8pt; font-weight: bold;}
			#lefttab a {float: left; background: url('images/tab_left6.jpg') no-repeat left top; margin-bottom: 5px; padding: 0 0 0 20px; text-decoration: none; color: #FFFFFF; cursor: pointer;}
			#lefttab a span {float: left; display: block; background: url('images/tab_right6.jpg') no-repeat right top; padding: 2px 30px 4px 10px; width: 60px;}
			#lefttab a:hover {background-position: 0% -20px;}
			#lefttab a:hover span {background-position: 100% -20px;}
* html #lefttab a span {width: 100px;}

.clear {clear: both;}
.c_btn {width: 120px; height: 24px; overflow: auto; background: url('images/bgr_td.jpg') no-repeat left top; color: #000066; font-size: 10pt; font-weight: bold; text-align: center; cursor: pointer;}
.w_btn {background-color: #EEEEFF; color: #000066; font-size: 8pt; font-weight: bold; text-align: center; cursor: pointer; border-style: outset; border-width: 1px; border-color: #0000CC; margin: 0 2px 0 2px; padding: 0 2px 0 2px;}

.twitter-follow-button {float:right;}