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

	speciality.css
			media:screen,print

-------------------------------------

Index:

A Common Style

	A-1/ Layout
	A-2/ Header
	A-3/ Footer
	A-4/ Main
	A-5/ Countries
	A-6/ Search
	A-7/ Hokan
	A-8/ Heading
	A-9/ Clears

B Speciality List Page

	B-1/ Item Table
	B-2/ Table Scroll
	B-3/ Page Skip

C Speciality Detail Page

	C-1/ Column
	C-2/ Return Button

/*
================================
 A-1/ Layout
================================
*/
body#speciality{background:#3a592d;}
body#speciality div#container{
	width:1020px;
	margin:10px auto 0;
	_position:relative;
	_left:10px;
	background:url('/compo/image/common/speciality/footer_bg.gif') no-repeat bottom left;
}
/*
================================
 A-2/ Header
================================
*/
body#speciality div#container div#header{
	height:80px;
	position:relative;
	background:url('/compo/image/common/speciality/header_bg.gif') no-repeat top;
}
body#speciality div#container div#header h1{
	position:absolute;
	top:30px;
	left:775px;
}
/*
================================
 A-3/ Footer
================================
*/
body#speciality div#container div#footer{
	width:1020px;
	background:none !important;
}
body#speciality div#container div#footer p{text-align:center;}
body#speciality div#container div#footer p img{vertical-align:middle;}
/*
================================
 A-4/ Main
================================
*/
body#speciality div#container div#main{
	padding:20px 41px 20px 40px;
	background:url('/compo/image/common/speciality/main_bg.gif') repeat-y;
}
/*
================================
 A-5/ Countries
================================
*/
body#speciality div#container div#main dl#countries{background:url('/compo/image/common/speciality/countries_bg01.gif') no-repeat top;}
body#speciality div#container div#main dl#countries dt{
	display:inline;
	color:#999;
	font-size:0.85em;
	line-height:1;
	font-weight:bold;
	position:relative;
	top:-0.3em;
	background-color:#fff;
	margin-left:10px;
}
body#speciality div#container div#main dl#countries dd{
	text-align:center;
	padding-bottom:5px;
	background:url('/compo/image/common/speciality/countries_bg02.gif') no-repeat bottom;
}
body#speciality div#container div#main dl#countries dd li{display:inline;}
/*
================================
 A-6/ Search
================================
*/
body#speciality div#container div#main form#searchform{
	margin:20px 0 15px;
	padding:4px 5px 6px;
	position:relative;
	background:#feef90 url('/compo/image/common/speciality/search_bg.gif') repeat-x bottom;
}
body#speciality div#container div#main form#searchform dl dt{
	display:inline-block;
	>display:inline;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 13px 0 22px;
	background:url('/compo/image/common/speciality/search_icon.gif') no-repeat 0 0.2em;
}
body#speciality div#container div#main form#searchform dl dd{
	display:inline-block;
	>display:inline;
	padding-left:20px;
	background:url('/compo/image/common/speciality/search_line-y.gif') repeat-y left;
}
body#speciality div#container div#main form#searchform dl dd input,
body#speciality div#container div#main form#searchform dl dd select{vertical-align:middle;}
body#speciality div#container div#main form#searchform span.printBtn{
	display:block;
	width:111px;
	position:absolute;
	top:4px;
	right:4px;
	_right:45px;
	background:url('/compo/image/common/speciality/print_btn_bg02.gif') no-repeat bottom;
}
body#speciality div#container div#main form#searchform span.printBtn a{
	display:block;
	padding:6px 5px 4px 33px;
	font-weight:bold;
	color:#272727;
	background:url('/compo/image/common/speciality/print_btn_bg01.gif') no-repeat top;
}
body#speciality div#container div#main form#searchform span.printBtn a:hover{text-decoration:none;}
/*
================================
 A-7/ Hokan
================================
*/
div.tangoHokan{
	padding:5px 2px;
	background:#000;
	opacity:.8;
	filter:alpha(opacity=80);
	font-size:93%;
	z-index:999;
}
div.tangoHokan p.noresult{
	padding:5px 23px 5px 10px;
	color:#fff;
}
div.tangoHokan span.close{
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	top:3px;
	right:3px;
	background:url('/compo/image/common/speciality/close.png') no-repeat;
	text-indent:-1000em;
	cursor:pointer;
}
* html div.tangoHokan span.close{
	background:url('/compo/image/common/speciality/blank.gif') repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/compo/image/common/speciality/close.png',sizingMethod=scale);
}
div.tangoHokan a{
	padding:1px 0 1px 10px;
	display:inline-block;
	>display:inline;
	margin-right:23px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
div.tangoHokan a:hover{color:#666;}
div#area_tangoHokan ul{width:300px;}	
div#area_tangoHokan ul li{display:inline-block;}
/*
================================
 A-8/ Heading
================================
*/
body#speciality div#container div#main div.headingLv2{
	margin-bottom:15px;
	background:url('/compo/image/common/speciality/h2_bg02.gif') no-repeat bottom;
}
body#speciality div#container div#main div.headingLv2 h2{
	font-size:1.2em;
	color:#262626;
	padding:6px 27px;
	background:url('/compo/image/common/speciality/h2_bg01.gif') no-repeat top;
}
/*
================================
 A-9/ Clears
================================
*/
body#speciality div#container:after,
body#speciality div#container div#main:after,
body#speciality div#container div#main div.column div.wrap:after,
body#speciality div#container div#main div.column div.wrap div.itemInfo dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

body#speciality div#container,
body#speciality div#container div#main,
body#speciality div#container div#main div.column div.wrap,
body#speciality div#container div#main div.column div.wrap div.itemInfo dl{ display:inline-table; }

/* Hides from IE-mac \*/
body#speciality div#container,
body#speciality div#container div#main,
body#speciality div#container div#main div.column div.wrap,
body#speciality div#container div#main div.column div.wrap div.itemInfo dl{ display:block; }

body#speciality div#container,
body#speciality div#container div#main,
body#speciality div#container div#main div.column div.wrap,
body#speciality div#container div#main div.column div.wrap div.itemInfo dl{ _height:1%; }
/* End hide from IE-mac */

/*
================================
 B-1/ Item Table
================================
*/
.fakeContainer{
	width:926px;
	height:400px;
	margin:0 6px;
	overflow:hidden;
}
#tableItem table{
	width:2393px;
	border-collapse:collapse;
	border-top:#61974c solid 4px;
	>border-top:#61974c solid 2px;
}
#tableItem table th{
	padding:2px 5px 0;
	background:url('/compo/image/common/speciality/tableItem_th_bg.gif') repeat-x bottom;
	border-left:#d1d1d1 solid 1px;
	border-right:#d1d1d1 solid 1px;
	border-bottom:#d1d1d1 solid 1px;
	line-height:1.7;
	white-space:nowrap;
}
#tableItem table td{
	padding:5px;
	vertical-align:middle;
	background:#ebfae5 url('/compo/image/common/speciality/tableItem_td_bg.gif') repeat-x top left;
}
#tableItem table td img{
	border:#d1d1d1 solid 1px;
	margin:0 auto;
	display:block;
}
/*
================================
 B-2/ Table Scroll
================================
*/
.sBase{
	position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}

/* HEADERS */
.sHeader{
	position:absolute;
	z-index:3;
	background-color:#fff;
}
.sHeaderInner{position:relative;}
.sHeaderInner table{
	border-spacing:0px 0px !important;
	border-collapse:collapse !important;
	width:1px !important;
	table-layout:fixed !important;
	background-color:#fff; /* Here b/c of Opera 9.25 :( */
}

/* HEADERS - FIXED */
.sFHeader{
	position:absolute;
	z-index:4;
	overflow:hidden;
	border-left:#d1d1d1 solid 1px;
	>border-left:none;
}
.sFHeader table{
	border-spacing:0px 0px !important;
	border-collapse:collapse !important;
	width:1px !important;
	table-layout:fixed !important;
	background-color:#fff; /* Here b/c of Opera 9.25 :( */
}

/* BODY */
.sData{
	position:absolute;
	z-index:2;
	overflow:auto;
	background-color:#fff;
}
.sData table{
	border-spacing:0px 0px !important;
	border-collapse:collapse !important;
	width:1px !important;
	table-layout:fixed !important;
}

.sData table th{}

.sData table td{}

/* BODY - FIXED */
.sFData{
	position:absolute;
	z-index:1;
	background-color:#fff;
}
.sFDataInner{position:relative;}
.sFData table{
	border-spacing:0px 0px !important;
	border-collapse:collapse !important;
	width:1px !important;	
	table-layout:fixed !important;
}
/*
================================
 B-3/ Page Skip
================================
*/
body#speciality div#container div#main p.pageSkip{
	margin-top:20px;
	text-align:center;
}
body#speciality div#container div#main p.pageSkip em{
	font-weight:bold;
	font-style:normal;
}
/*
================================
 C-1/ Column
================================
*/
body#speciality div#container div#main div.column{
	border-top:#d1d1d1 solid 3px;
	padding-top:11px;
}
body#speciality div#container div#main div.column div.wrap{
	width:939px;
	background:url('/compo/image/common/speciality/itemInfo_body_bg.gif') repeat-y;
}
body#speciality div#container div#main div.column div.wrap div.photo{
	float:left;
	width:300px;
	text-align:center;
}
body#speciality div#container div#main div.column div.wrap div.photo img{
	padding-bottom:22px;
	background:url('/compo/image/common/speciality/largeImage_bg.gif') repeat-x bottom;
}
body#speciality div#container div#main div.column div.wrap div.itemInfo{
	float:left;
	width:614px;
	margin-left:13px;
	padding-top:15px;
	background:url('/compo/image/common/speciality/itemInfo_top_bg.gif') no-repeat top left;
}
body#speciality div#container div#main div.column div.wrap div.itemInfo table{
	padding:0 2px 15px;
	margin-top:-13px;
	position:relative;
	width:100%;
	_width:614px;
	>zoom:1;
	background:url('/compo/image/common/speciality/itemInfo_bottom_bg.gif') no-repeat bottom left;
}
body#speciality div#container div#main div.column div.wrap div.itemInfo table th{
	padding:13px 15px 10px;
	color:#3a592f;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	background:url('/compo/image/common/speciality/itemInfo_line-x.gif') repeat-x top left;
	width:1%;
	white-space:nowrap;
}
body#speciality div#container div#main div.column div.wrap div.itemInfo table td{
	padding:13px 15px 5px 10px;
	background:url('/compo/image/common/speciality/itemInfo_line-x.gif') repeat-x top left;
}
body#speciality div#container div#main div.column div.wrap div.itemInfo table .first{background-image:none;}
/*
================================
 C-2/ Return Button
================================
*/
body#speciality div#container div#main p.rtnBtn{
	float:right;
	width:168px;
	margin:8px 13px;
	_margin:8px 7px;
	background:url('/compo/image/common/speciality/rtn_btn_bg02.gif') no-repeat bottom;
}
body#speciality div#container div#main p.rtnBtn span{
	display:block;
	width:168px;
	background:url('/compo/image/common/speciality/rtn_btn_bg01.gif') no-repeat top;
}
body#speciality div#container div#main p.rtnBtn span a{
	display:block;
	width:142px;
	padding:8px 8px 4px 18px;
	color:#fff;
	font-weight:bold;
	background:url('/compo/image/common/speciality/rtn_btn_li.gif') no-repeat 0.7em 1em;
}
body#speciality div#container div#main p.rtnBtn a:hover{text-decoration:none;}