/* Styles Crew Chart */

/* Tags
@media screen { */
	td, div, span {
		font-size: 11px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		color: #444444;
		line-height : 16px;
		
	}
	p{
		font-size: 11px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		color: #444444;
		font-weight: normal;	
		line-height : 16px;
	}
	
	b {
		font-weight: bold;
	}
	strong {
		font-weight: bold;
	}
	#strongText P{
		font-weight: bold;
	}	
	hr {
		color:#CCCCCC;
		size: 1px;
		height: 1px;
	}
	a {
		font-size: 11px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		color: #25408F;
		font-weight: normal;	
		line-height : 16px;
		text-decoration: none;
	}
	img
	{
	     border: 0px solid #FFFFFF;
	}
	H1{
		font-size: 20px;	
		line-height : 24px;			
		color: #394FA4;		
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		text-decoration: none;	
		padding: 0;
		margin: 0;
	}	
	H2{
		font-size: 14px;
		color: #555555;			
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: bold;	
		line-height : 18px;
		text-decoration: none;	
		padding: 0 0 14px 0;
		margin: 0;			
	}
	H3{
		font-size: 22px;
		line-height : 30px;				
		font-family: arial, verdana, tahoma;
		font-weight: bold;
		text-decoration: none;	
		color: #004386;
		padding: 0 0 22px 0;
		margin: 0;		
	}	
	select{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		border: 1px solid #004386;
		background-color: #FFFFFF;	
		color: #004386;					
	}
	input.web{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		border: 1px solid #B0B0B0;
		background-color: #e9e9e9;
		color: #C60112;		
	} 
	select.web{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		border: 1px solid #B0B0B0;
		background-color: #e9e9e9;	
		color: #C60112;					
	} 
	textarea.web{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		border: 1px solid #B0B0B0;
		background-color: #e9e9e9;	
		color: #C60112;		
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-base-color: #0764AA;
			
	} 	

	.mTable{

	}
	.siteName{
		padding: 0;
		margin: 46px 0 0 0;			
	}
	/* SiteLayout */
	
	/*  Body */
	html, body{
		width: 100%;
		height: 100%;
	}
	body
	{
		padding: 0;
		margin: 0;
		font-size: 11px;
		font-family: verdana, arial, tahoma;
		color: #333333;
		width: 100%;
		text-align: left;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-base-color: #D5D2B9;
		background: repeat-x url(../media/design/topBodyBG.gif);	
		background-color: #F1F1F1;			
	}
	.showImgBody{
		padding: 0;
		margin: 0;
		font-size: 11px;
		font-family: verdana, arial, tahoma;
		color: #333333;
		text-align: center;
		width: 100%;		
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-base-color: #D5D2B9;
		background: repeat-x url();	
		background-color: #F1F1F1;			
	}	
	.adminbody
	{
		background: #EFF4F6;
		padding: 0;
		margin: 0;
		font-size: 11px;
		font-family: verdana, arial, tahoma;
		color: #333333;
	}	
	#container
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 800px;
		height: 100%;
	}
	#container #logo{
		padding: 0px 0px 0px 4px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 780px;	
		height: 75px;	
	}	
	#container #topMenu{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 756px;
		height: 35px;			
	}	
	#container #topMenu #topMenuContent{
		float: right;
		text-align: right;
	}	
	#container #Menu{
		
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 800px;
		height: 35px;			
	}	

	#container #main{
		padding: 35px 0px 35px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 800px;
		background-color: #FFFFFF;

	}
	#container #startmain{
		padding: 300px 0px 35px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 800px;
		background-color: #FFFFFF;
		background: url(../media/design/startBG.jpg);	
	}	
	#container #startmain #startleft{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 14px;
		text-align: left;
		width: 360px;
		float: left;
	}		
	#container #startmain #startright{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 50px;
		text-align: left;
		width: 360px;
		float: left;
	}		
	#container #main #left{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 14px;
		text-align: left;
		width:215px;
		float: left;
	}	
	#container #main #left #leftMenu{
		padding:  0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width:215px;
		background: repeat-x url(../media/design/menuBG.gif);		
	}		
	#container #main #left #leftBasket{
		padding:  0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width:215px;
		background: repeat-x url(../media/design/menuBG.gif);		
	}		
	#container #main #content{
		padding: 0px 0px 0px 34px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 520px;
		float: left;
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;		
	}
	
	#container #main #content P{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;		
	}	
	#container #main #content LI{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;		
	}	
	#container #main #content img{
	   
	}	
	#copyDiv
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: right;
		width: 800px;
		height: 20px;	
		background-color: #1E2144;
	}
	#copyDiv #copyContent{	
		text-align: right;		
		color: #FFFFFF;	
		font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size : 10px;
		line-height : 16px;	
		font-weight: normal;
		padding-right: 20px;
	}	
	
	#copyDiv #copyContent a
	{
		color: #FFFFFF;	
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;		
	}
	#copyDiv #copyContent a:hover
	{
		color: #FFFFFF;	
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;		
	}				
	#copyTipsDiv a{
		font-size: 10px;	
	}
	
	/* Menu  */
	
	.topMenuClass{
		float: left;
		margin: 0 1px 0 2px;
		padding: 3px 15px 0 15px;
		height: 22px;
		background-image : url(../media/site/topmenuBG.gif);	
	}
	.topMenuClass a{
		display: block;
		margin:0;
		padding:0;
		color: #FFFFFF;	
		font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size : 10px;
		line-height : 16px;	
		font-weight: bold;		
	}	
	.topMenuClass a:hover{
		color: #909090;	
	}		
	.topMenuSelectedClass{
		float: left;
		margin: 0 1px 0 2px;
		padding: 4px 15px 0 15px;
		height: 21px;
		background-image : url(../media/site/topmenuSelectBG.gif);	
	}	
	.topMenuSelectedClass a{
		display: block;
		margin:0;
		padding:0;
		color: #909090;	
		font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size : 10px;
		line-height : 16px;	
		font-weight: bold;		
	}		
	
	.MenuClass{
		float: left;
		margin: 0;
		padding: 9px 15px 0 15px;
		height: 26px;
	}
	.MenuClass a{
		display: block;
		color: #FFFFFF;	
		font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size : 11px;
		line-height : 16px;	
		font-weight: bold;		
	}	
	.MenuSelectedClass{
		float: left;
		margin: 0;
		padding: 9px 15px 0 15px;
		height: 26px;
	}	
	.MenuSelectedClass a{
		display: block;
		color: #FCEC7D;	
		font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
		font-size : 11px;
		line-height : 16px;	
		font-weight: bold;		
	}
	
	.subMenuClass{
		padding: 0;
		padding: 0;
		border-bottom: 1px solid #DADADA;
	}
	.subMenuClass a{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #434343;
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/greyArrow.gif) no-repeat right;
	}
	.subMenuClass a:hover{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;
	}		
	.subMenuSelectedClass{
		padding: 0;
		padding: 0;
		border-bottom: 1px solid #DADADA;
	}	
	.subMenuSelectedClass a{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;	
	}
	.subMenuSelectedClass a:hover{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;	
	}	
	UL.menuClass1{
		padding: 15px 15px 15px 15px;
		margin: 0;
		list-style-type: none; 
	}	
	LI.menuClass1{
		padding: 0;
		padding: 0;
		border-bottom: 1px solid #DADADA;
		list-style-image : none;		
	}
	LI.menuClass1 a{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #434343;
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/greyArrow.gif) no-repeat right;
	}
	LI.menuClass1 a:hover{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;
	}		
	LI.menuSelectedClass1{
		padding: 0;
		padding: 0;
		border-bottom: 1px solid #DADADA;
	}	
	LI.menuSelectedClass1 a{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;	
	}
	LI.menuSelectedClass1 a:hover{
		display: block;
		margin:0;
		padding: 5px 0 5px 0;
		color: #3A4EA4;	
		font-size : 11px;
		line-height : 12px;
		font-weight: bold;
		background: url(../media/design/blueArrow.gif) no-repeat right;	
	}		
	
	/* End Menu */
	
		
	.title{
		font-size: 20px;	
		line-height : 24px;		
		color: #394FA4;		
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		text-decoration: none;	
		padding: 0;
		margin: 0;
	}
	.title P{
		font-size: 18px;	
		line-height : 22px;			
		color: #394FA4;		
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		text-decoration: none;	
		padding: 0;
		margin: 0;
	}
	.title2{
		margin: 0px 0px 0px 0px;	
		font-size: 14px;
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		color: #CF0010;
		text-align: left;	
	}	
	.title2 P{
		font-size: 14px;
		font-family: verdana, arial, tahoma;
		color: #CF0010;
		text-align: left;	
	}	
	.introduction {
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;		
	}	
	.introduction P{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}	
	.intro {
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;		
	}	
	.intro P{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}		
	.text {
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}	
	.text P{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}		
	.commentary {
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}	
	.commentary P{
		font-size: 11px;
		line-height : 18px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		color: #444444;			
	}			
	.contactDiv{
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 0px;		
		width: 210px;		
	}	
	.contactDiv P{
		text-align: left;
		font-size: 10px;
		font-family: arial, verdana, tahoma;
		color: #0C5B9D;	
		font-weight: normal;	
		line-height : 14px;				
	}	
	.contactDiv A{
		text-align: left;
		font-size: 10px;
		font-family: arial, verdana, tahoma;
		color: #0C5B9D;	
		font-weight: normal;	
		line-height : 14px;				
	}	
	.contactDiv strong{
		font-size: 10px;
		font-weight: bold;	
		line-height : 14px;			
	}					

	.contactInput{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#232443;
		width: 250px;
		background-color : #F1F1F1;
		border: 1px solid #B0B0B0;
	}	
	.contactTextarea{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#232443;
		width: 250px;
		height: 100px;		
		background-color : #F1F1F1;
		border: 1px solid #B0B0B0;
	}	
	.inputForm{
		width: 300px;
	}			
	#listDiv{
		display: block;
		width: 520px;
		margin: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;		
		border-bottom: 1px solid #B50A12;		
	}
	#listDiv #listLeftDiv{
		display: block;

		width: 120px;
		font-size: 11px;
		font-family: Verdana, Tahoma, Arial;
		color: #444444;	
		line-height: 16px;
		margin-right: 20px;						
	}	
	#listDiv #listRightDiv{
		display: block;
		
		width: 450px;
		font-size: 10px;
		font-family: Verdana, Tahoma, Arial;
		color: #444444;	
		font-weight: normal;	
		line-height: 14px;		
	}	
	.resellerDiv{
		font-size: 11px;
		line-height: 14px;			
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		width: 280px;
		height: 60px;
		margin-top: 2px;
		padding: 1px 1px 1px 1px;
		background-color : #F1F1F1;
		border: 1px solid #CCCCCC;
		overflow : auto;
		display: none;
	}
	/* Admin Login */	
	.inputLogin{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#0764AA;
		width: 144px;
		background-color : #dee7e7;
		border: 1px solid #0764AA;
	}
	.input280px{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		width: 280px;
		padding: 2px 1px 2px 1px;
		background-color : #F1F1F1;
		border: 1px solid #CCCCCC;
	}	
	.select280px{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		width: 284px;
		padding: 2px 1px 2px 1px;
		background-color : #F1F1F1;
		border: 1px solid #CCCCCC;
	}		
	.textarea280x100px{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		width: 280px;
		height: 100px;
		padding: 2px 1px 2px 1px;
		background-color : #F1F1F1;
		border: 1px solid #CCCCCC;
	}	
	.inputButton{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		width: 80px;
		border-left: 1px solid #c6c6c6;
		border-top: 1px solid #c6c6c6;
		border-right: 1px solid #304594;
		border-bottom: 1px solid #304594;						
		background-color: #0764AA;
		color: #FFFFFF;
	} 
	
	/* Others */
	.recommendPrice{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		font-style: Italic;
		color:#394FA4;
			
	}
	.inputAmount{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		height: 15px;
		background-color : #FFFFFF;
		border: 1px solid #777777;
	}	
		
	.toptext{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;	
	}
	.toptext a{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: none;	
	}	
	.toptext a:hover{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: underline;	
	}	
	a.topimgmenuClassImg{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: none;		
	}
	a.topimgmenuClassImg span{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: none;
		padding-bottom: 5px;		
	}	
	img.topimgmenuClassImg{

	}	
	a.topimgmenuSelectedClassImg:hover{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: underline;		
	}	
	a.topimgmenuSelectedClassImg{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: none;		
	}
	a.topimgmenuClassImg:hover{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#FFFFFF;
		text-decoration: underline;		
	}	
	
	.hLine{
		background-color: #6387AB;
	}
	.redtext{
		color:#FF0000;
	}
	.inputShopButton{
		font-size: 10px;
		font-family: Verdana,Tahoma,Helvetica,Arial;
		font-weight: normal;	
		border-left: 1px solid #c6c6c6;
		border-top: 1px solid #c6c6c6;
		border-right: 1px solid #304594;
		border-bottom: 1px solid #304594;						
		background-color: #0764AA;
		color: #FFFFFF;
	} 	
	.productAmountInput{
		font-size: 10px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;
		width: 32px;
		height: 16px;
		text-align: right;			
		background-color : #FFFFFF;
		border: 1px solid #777777;
	}		
	.prodText{
		font-size: 11px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#444444;	
	}	
	.categoryTitle{
		font-size: 14px;
		font-family: verdana,Tahoma,Helvetica,Arial;
		color:#394FA4;
		font-weight: bold;					
	}
		#strongText P{
		font-weight: bold;
	}
	.prodText{
		font-weight: bold;
	}
/*}

@media print {

	
}*/