﻿body
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

body *
{
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

input, select
{
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

a:link
{
}
a:visited
{
}
a:active
{
}
a:hover
{
}

#master_maincontainer
{
	width: 998px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/ /* equal column height hack */ /*  	overflow: auto;  	*/
}

#master_topsection
{
	height: 83px; /*Height of top section*/
}

#master_contentwrapper
{
	float: left;
	width: 100%; /* equal column height hack */ /* 	overflow: hidden; 	padding-bottom: 20000px;  	margin-bottom: -20000px; 	*/
}

.innertube
{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

/* 2 columns, Fixed-Fixed */

#master_2c_content
{
	margin: 0 0 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	width: 823px;
	overflow: visible;
	min-height: 520px; /* min height */
}
/* IE fix */
* html #master_2c_content
{
	height: 520px; /* min height */
}
#master_2c_content_bg_middle
{
	background-image: url(../../images/01/background_middle.gif);
	background-repeat: repeat-y;
}
#master_2c_content_bg_top
{
	background-image: url(../../images/01/background_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#master_2c_content_bg_bottom
{
	background-image: url(../../images/01/background_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#master_2c_footer
{
	margin: 0 0 0 175px;
	padding: 55px 0 5px 20px;
}

#master_2c_content .innertube
{
	padding: 10px 0 10px 20px;
}

#master_2c_left
{
	float: left;
	width: 175px; /*Width of left column in pixel*/
	margin-left: -998px; /*Set margin to that of -(MainContainerWidth)*/ /*background-color: #D7E1E7; */ /* 	overflow: hidden; 	padding-bottom: 20000px;  	margin-bottom: -20000px; 	*/
}

/* 3 columns, Fixed-Fixed-Fixed */
/* for HOME only */

#master_3c_home_background
{
	background-image: url(../../images/01/background.gif);
	height: 606px;
}

#master_3c_home_content
{
	margin: 0 183px 0 175px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	width: 640px;
	overflow: visible;
	min-height: 570px; /* min height */
}
/* IE fix */
* html #master_3c_home_content
{
	height: 570px; /* min height */
}

#master_3c_home_footer
{
	margin: 0 183px 0 175px;
	padding: 5px 10px 5px 10px;
}

#master_3c_home_left
{
	float: left;
	width: 175px; /*Width of left column in pixel*/
	margin-left: -998px; /*Set margin to that of -(MainContainerWidth)*/ /* background-color: #D7E1E7; 	overflow: hidden; 	padding-bottom: 20000px;  	margin-bottom: -20000px; 	*/
}

#master_3c_home_right
{
	float: left;
	width: 183px; /*Width of right column*/
	margin-left: -183px; /*Set left margin to -(RightColumnWidth)*/ /*background-color: #D7E1E7;  	overflow: hidden; 	padding-bottom: 20000px;  	margin-bottom: -20000px; 	*/
}

#master_3c_home_right .widget
{
	margin: 5px;
	height: 202px;
}

#master_3c_home_right .widget .title
{
	font-weight: bold;
}

#master_3c_home_right .widget .search_field .label
{
	font-size: smaller;
}

#master_3c_home_right .widget .search_field .input
{
}

#master_3c_home_right .widget .search_command .button
{
}

/* top section */
/*
#master_header
{
	float: none;
	height: 99px;
	clear: both;
}*/

#master_topmenu
{
	background-color: #017DC5;
	float: none;
	clear: both;
	height: 83px;
}

#master_topmenu .div_header_1
{
	float: left; /*width: 353px; 	height: 64px;*/
	width: 131px;
	height: 83px;
}

#master_topmenu .div_header_2
{
	float: left; /*width: 353px; 	height: 64px;*/
	width: 280px;
	height: 83px;
}
#master_topmenu .div_header_3
{
	float: left; /*width: 645px; 	height: 64px;*/
	width: 587px;
	height: 83px;
	background-image:url("../../images/01/header_menu.png");
	
}

#master_topmenu .div_header_3 .Links
{
	float: right;
	margin-right: 5px;
	padding-top: 40px;
	font-size: 15pt;
	word-spacing: -1pt;
	color: #FFFFFF;
 
}

#master_topmenu .div_header_3 a
{
	color: #FFFFFF;
	font-size: 10pt;
	letter-spacing: -1px;
	word-spacing: 2px;
	text-decoration: none;
	
}

#master_topmenu .div_header_3 .LanguageBar
{
	
	background-position:bottom;
	width:95px;
	height:20px;
	background-image:url("../../images/01/language_bar.gif");
	background-repeat:no-repeat;
	float:left;
	margin-top:5px ;
	margin-left: 5px;
}

#master_topmenu .div_header_3 .LanguageBar .Language
{
	
	color: #017DC5;
	font-size: 10pt;
	display:block;
	padding: 3px 0px 0px 5px;
	text-decoration: none;
	letter-spacing: -1pt;
	padding-right: 15px;
	text-align:center;
}

#master_topmenu .div_header_3 .LanguageBar .LanguageDiv
{
	position: absolute;	
	z-index: 1;
	margin: 0px 10px 0px 10px;
	font-size:10pt;
	padding: 1px 3px 1px 3px;
	margin-left: -61px; /* = .LanguageBar{ width } - .LanguageDiv{ width } = 95px - 156px */	
}

#master_topmenu .div_header_3 .LanguageBar .LanguageDiv .Middle
{
	background-image: url(../../images/01/languagebar_middle.gif);
	background-repeat: repeat-y;
	text-transform: uppercase;
	padding: 1px 3px 1px 3px;	
	width:150px;
	text-align: center;
}

#master_topmenu .div_header_3 .LanguageBar .LanguageDiv .Middle .LanguageChoice
{
	
	color: #494D50;
	font-size: 10pt;
	text-decoration: none;	
	font-weight:normal;
	white-space:nowrap;

}

#master_topmenu .div_header_3 .LanguageBar .LanguageDiv .Up
{
	width:150px;
	height:3px;
	background-image: url(../../images/01/languagebar_up.gif);
	background-repeat:no-repeat;
	padding: 0px 3px 0px 3px;
	font-size:0px;
}

#master_topmenu .div_header_3 .LanguageBar .LanguageDiv .Bottom
{
	width:150px;
	height:3px;
	background-image: url(../../images/01/languagebar_bottom.gif);
	background-repeat:no-repeat;
	padding: 0px 3px 0px 3px;
	font-size:0px;
}

.BottomLink_Menu
{
	font-size: 18px;
	word-spacing: -1px;
	color: #95959F;
}

.BottomLink_Menu a:link, .BottomLink_Menu a:visited, .BottomLink_Menu a:active, .BottomLink_Menu a:hover
{
	color: #007DC5;
	font-size: 10pt;
	text-decoration: none;
}



/* General */

.head_lv1
{
	color: #636466;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 8pt;
	margin-bottom: 6pt;
	display:block;
}

.head_lv2
{
	color: #636466;
	font-size: 11pt;
}

.head_lv3
{
	color: #636466;
	font-weight: bold;
	font-size: 9pt;
}

.head_hi_lv1
{
	/*color: #00ADEF;*/
	color: #008FD5;
	font-weight: bold;
	font-size: 12pt;
}

.head_hi_lv2
{
	/*color: #00ADEF;*/
	color: #008FD5;
	font-weight: bold;
	font-size: 10pt;
}

.head_hi_lv3
{
	/*color: #00ADEF;*/
	color: #008FD5;
	font-weight: bold;
	font-size: 9pt;
}

.text_hi
{
	/*color: #00ADEF;*/
	color: #008FD5;
}

.text_hv
{
	font-weight: bold;
}

.text_sub
{
	font-size: 8pt;
}

.text
{
	/* same as default text */
}

.nowrap
{
	white-space: nowrap;
}

.wrap
{
	white-space: normal;
}

.section
{
	padding-top: 5px;
	padding-bottom: 5px;
	clear: left;
}

.ErrorMsg
{
	color: Red; /*font-weight: bold;*/
}

.popupalert
{
	visibility: hidden;
	background-color: #FFFFCC;
	position: absolute;
}

.popupalert .close a
{
	font-size: 7pt;
}

.popupalert div.ErrorMsg
{
	font-size: 7pt;
}

/*
.SectionHeading
{
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.HighLightedHeader
{
	font-weight: bold;
	color: #00ADEF;
}

.HighLightedText
{
	color: #00ADEF;
}

.HighLightedSmallText
{
	color: #00ADEF;
	font-size: 8pt;
}

.SmallText
{
	font-size: 8pt;
}

.HeaderText
{
	font-weight: bold;
}

.BoldedSmallText
{
	font-size: 8pt;
	font-weight: bold;
}
*/

.MandatoryField
{
	color: Red;
}

input.button
{
	color: #FFFFFF;
	border: 1px solid #B8BABD;
	padding-left: 1;
	padding-right: 1;
	padding-top: 1;
	padding-bottom: 1;
	background-color: #B8BABD;
	font-weight: bold;
}

.hidden
{
	display: none;
}

/*CollapsiblePanel*/
.collapsePanel
{
	overflow: hidden;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	background-repeat: repeat-x;
	font-weight: bold;
}

/*Modal Popup*/
.modalBackground
{
	/*background-color: #009FDA;*/
	background-color: #838C93;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5; /* compatible to old mozilla */
}

.modalPopup
{
	/*A6CE38*/
	background-color: #FFF;
	border-width: 2px;
	border-style: solid;
	border-color: #636466; /*#009FDA;*/
	padding: 10px;
	overflow: hidden;
}

/* Credit Card Radio Button List, Set Vertical Alignment */
.creditCardRadioButtonListDiv
{
	vertical-align: middle;
	display: inline;
}

.creditCardInformationTableRow
{
	height: 25px;
}

/* forget password and login */
.loginHeading
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
	color: Gray;
}
.loginNormalMessage
{
	font-family: Arial;
	font-size: 9pt;
}
.loginErrorMessage
{
	font-family: Arial;
	color: Red;
	font-size: 9pt;
}
.loginTextBox
{
	border: 1px solid #9195A0;
	padding-left: 4;
	padding-right: 4;
	padding-top: 1;
	padding-bottom: 1;
	font-family: Arial;
	font-size: 9pt;
}
.loginTextBoxLabel
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #0066CC;
}
.loginButton
{
	color: #FFFFFF;
	font-family: Arial;
	border: 1px solid #666666;
	padding-left: 1;
	padding-right: 1;
	padding-top: 1;
	padding-bottom: 1;
	background-color: #666666;
	font-size: 8pt;
}
.loginCheckBoxLabel
{
	font-family: Arial;
	font-size: 8pt;
	color: #333333;
}
.loginLabel
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #0066CC;
}


/* Master Page for Content */

/* Reference: http://www.builderau.com.au/program/css/soa/Create_a_double_gradation_background_with_CSS/0,339028392,339207226,00.htm */
/*
.ContentBody
{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../../images/01/content_bg_left.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	height: 100%;
}
*/
/* Right Gradient */

#master_2c_content_right
{
	height: auto;
	min-height: 100%;
	background: transparent url(../../images/01/content_bg_right.jpg) right top repeat-y;
}
* html #master_2c_content_right
{
}

/* Left Gradient */

#master_2c_content_left
{
	height: auto;
	min-height: 100%;
	background: transparent url(../../images/01/content_bg_left.jpg) left top repeat-y;
}
* html #master_2c_content_left
{
}

/* Center Blue Boxes */

#master_2c_content_center
{
	height: auto;
	min-height: 100%;
	background-image: url(../../images/01/content_bg.gif);
	margin-top: 15px;
	margin-left: 15px;
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 50px;
}
* html #master_2c_content_center
{
	height: 100%;
}


/* Common content table style */
/*
	previous color scheme:

	header cell1 bg: 	#81A4BA
	header cell2 bg: 	#5587AC

	row1 cell1 bg: 		#A6D2EB
	row1 cell1 text:	#636466

	row1 cell2 bg: 		#6DADD9
	row1 cell2 text:	#636466

	row2 cell1 bg: 		#81A4BA
	row2 cell1 text:	#6CCFF6

	row2 cell2 bg: 		#5587AC
	row2 cell2 text:	#6CCFF6
*/
table.tbl_common
{
	border-collapse: collapse;
}
table.tbl_common *
{
	padding: 1px;
	font-size: 8pt;
}
table.tbl_common td, table.tbl_common th
{
	padding-left: 5px;
	padding-right: 5px;
	border-style: none;
}

table.tbl_common tr.header .cell1 a:link
{
	color: #EEE;
}
table.tbl_common tr.header .cell1 a:visited
{
	color: #EEE;
}
table.tbl_common tr.header .cell1 a:active
{
	color: #EEE;
}
table.tbl_common tr.header .cell1 a:hover
{
	color: #FFF;
}
table.tbl_common tr.header .cell1
{
	background-color: #81A4BA;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

table.tbl_common tr.header .cell2 a:link
{
	color: #EEE;
}
table.tbl_common tr.header .cell2 a:visited
{
	color: #EEE;
}
table.tbl_common tr.header .cell2 a:active
{
	color: #EEE;
}
table.tbl_common tr.header .cell2 a:hover
{
	color: #FFF;
}
table.tbl_common tr.header .cell2
{
	background-color: #91B9D4;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
table.tbl_common tr.header .cellfig
{
	background-color: #81A4BA;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

table.tbl_common tr.header .header_l
{
	text-align: left;
}

table.tbl_common tr.header .header_r
{
	text-align: right;
}


table.tbl_common tr.row1 .cell1
{
	background-color: #A6D2EB;
	color: #636466;
}
table.tbl_common tr.row1 .cell2
{
	background-color: #B8D8ED;
	color: #636466;
}
table.tbl_common tr.row2 .cell1
{
	background-color: #D6DBE4;
	color: #636466;
}
table.tbl_common tr.row2 .cell2
{
	background-color: #E4E4E4;
	color: #636466;
}
table.tbl_common tr.prow1 .cell1 /* prow -> plain row */
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: left;
}
table.tbl_common tr.prow1 .cell2
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: left;
}
table.tbl_common tr.prow1 .cellfig /* cellfig -> cell for figure (should be right aligned) */
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
table.tbl_common tr.prow2 .cell1
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: left;
}
table.tbl_common tr.prow2 .cell2
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: left;
}
table.tbl_common tr.prow2 .cellfig
{
	background-color: #FFFFFF;
	color: #636466;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

table.tbl_common tr.prow1 .cell_c
{
	text-align: center;
}

table.tbl_common tr.prow2 .cell_c
{
	text-align: center;
}

table.tbl_common tr.footer .cell1
{
	background-color: #81A4BA;
	color: #FFFFFF;
	text-align: center;
}
table.tbl_common tr.footer .cell2
{
	background-color: #91B9D4;
	color: #FFFFFF;
	text-align: center;
}
table.tbl_common tr.footer .cellfig
{
	background-color: #81A4BA;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
table.tbl_common tr.pager *
{
	background-color: #81A4BA;
	color: #FFFFFF;
	text-align: center;
}
table.tbl_common tr.pager * a:link
{
	color: #EEE;
}
table.tbl_common tr.pager * a:visited
{
	color: #EEE;
}
table.tbl_common tr.pager * a:active
{
	color: #EEE;
}
table.tbl_common tr.pager * a:hover
{
	color: #FFF;
}

/* For Table Like DIV layout */
div.tbl_common
{
	clear: both;
	float: none;
}

div.tbl_common div.row
{
	clear: left;
}

div.tbl_common div.row div.label
{
	width: 150px;
	clear: none;
	float: left;
}

div.tbl_common div.row div.bold
{
	font-weight: bold;
}

div.tbl_common div.row div.cell
{
	clear: none;
	float: left;
}

/* For Panel Like Layout */

/*
	------------- <---------------- 
	|			| <-- header      |
	-------------                 |
	|			|                 |-- Panel
	|			| <-- content     |
	|			|                 |
	------------- <---------------- 
*/

div.panel
{
	background-color: #FFFFFF;
	border-right: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	border-top: none;
	border-left: none;
}

div.panel div.header
{
	background-color: #A6D2EB;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

div.panel div.content
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

/* For Tab LinkButton */
.tab_links
{
	width: 600px;
}

.tab_inactive
{
	color: #FFFFFF;
	margin: 2px 1px 0 1px;
	padding: 1px 3px 2px 3px;
	background-color: #B8BABD;
	font-weight: bold;
	text-decoration: none;
	display: inline; /* 	clear: none; 	float: left; 	*/
	border-right: #808080 1px solid;
	border-left: medium none;
	border-top: medium none;
	border-bottom: medium none;
	white-space: nowrap;
	display: block;
	clear: none;
	float: left;
}

.tab_active
{
	color: #FFFFFF;
	margin: 0px 1px 0 1px;
	padding: 2px 8px 3px 8px;
	background-color: #A6D2EB;
	font-weight: bold;
	text-decoration: none;
	display: inline; /* 	clear: none; 	float: left; 	*/
	border-right: #0099ff 1px solid;
	border-left: medium none;
	border-top: medium none;
	border-bottom: medium none;
	white-space: nowrap;
	display: block;
	clear: none;
	float: left;
}
.tab_active:link, .tab_active:visited, .tab_active:active, .tab_active:hover, .tab_inactive:link, .tab_inactive:visited, .tab_inactive:active, .tab_inactive:hover
{
	color: #FFF;
}

.tab_panels
{
}

.tab_panel
{
	border: solid 2px #A6D2EB;
	display: block;
	padding: 10px;
	margin: 0px;
}

/* Hyperlink */
.hyperlink
{
	text-decoration: none;
	color: #007DC5;
	font-size: 10pt;
}

.DivMarginForButton
{
	margin: 5px;
}

.spacer
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.stroke
{
	text-decoration: line-through;
}

.discount
{
	text-align: left;
	color: Green;
}

.discount span
{
	text-align: left;
}

.discount_price
{
	color: #CC2827;
}

.discount_desc
{
	color: #FF0000;
}

table.tbl_sitemap
{
	background-color: #999999;
}

table.tbl_sitemap td
{
	background-color: #ffffff;
	vertical-align: top;
}

td.MyAccount_Left
{
	width: 125px;
}

td.MyAccount_Right
{
	width: 625px;
}
.SAPRemark
{
	font-family: Arial;
	font-size: 8pt;
}