@charset "utf-8";
/* CSS Document */
.main { width:1000px; padding:0; margin:0 auto; background-color:#FFF; }
.header { width:994px; height:126px;    margin:0 auto;0 0 1px 0; background-image:url(../images/header.jpg); background-repeat:no-repeat;    }
.search { width:200px;  text-align:right; vertical-align:bottom;}
.flash { width:994px;    margin:0 auto;0 0 1px 0;  }
.menu { width:994px; height:39px;    margin:0 auto;0 0 1px 0; vertical-align:middle; background-color:#cf1b22;  }
.content { width:994px; height:auto;    margin:0 auto;0 0 1px 0; background-image:url(../images/content_bg2.jpg); }
.banner { width:674px; height:auto;    margin:0 auto;0 0 1px 0;  }
.homecontent { width:674px; height:auto;    margin:0 auto;0 0 1px 0; padding:20px 0 0 0; text-align:justify;  }
.homecontent2 { width:220px; height:auto;    margin:0 auto;0 0 1px 0; padding:20px 0 0 0;  }
.footer { width:994px; height:75px;     margin:0 auto;0 0 1px 0;  text-align:center; vertical-align:middle; background-image:url(../images/footer_bg.jpg);  }

img {margin:0;padding:0;border:none;}

ul {margin:0; padding:0; }

img {
	outline:none;
}
a {
	outline:none;
}

.menu, .menu a:link, .menu a:visited, .menu a:active
{
	color:#939393;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:30px;
	text-decoration:none;
	font-weight:100;
	text-transform:uppercase;
}
.menu a:hover
{
	color:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:30px;
	text-decoration:none;
	font-weight:100;
	text-transform:uppercase;
}

.more, .more a:link, .more a:visited, .more a:active
{
	color:#009fe3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	text-decoration:none;
}
.more a:hover
{
	color:#6ad0fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:25px;
	font-weight:bold;
	text-decoration:none;
}
.contact_mail
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	text-decoration:none;
}
.contact_mail a:link, .contact_mail a:visited, .contact_mail a:active
{
	color:#6766b4;
	text-decoration:none;
}
.contact_mail a:hover
{
	color:#ff6633;
	text-decoration:underline;
}
.language
{
	color:#cbcaef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1;
	text-decoration:none;
}
.title
{
	color:#063;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
}
.titlered
{
	color:#dc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5;
	text-decoration:none;
}
.title2
{
	color:#009fe3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1;
	text-decoration:none;
}
p
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	text-decoration:none;
	text-align:left;
}
.contenttext
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	text-decoration:none;
	text-align:left;
}
.contenttext a:link, .contenttext a:visited, .contenttext a:active
{
	color:#2b9e5b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	text-decoration:none;
	text-align:left;
}
.contenttext a:hover
{
	color:#2b9e5b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	text-decoration:underline;
	text-align:left;
}
.contenttextbold
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
.contenttextboldblue
{
	color:#009fe3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
.contenttextboldwhite
{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}


.bottom, .bottom a, .bottom a:hover, .bottom a:active, .bottom a:visited
{
	color:#6b6b6b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:2;
	text-decoration:none;
	
	
}
.bottom2, .bottom2 a, .bottom2 a:hover, .bottom2 a:active, .bottom2 a:visited
{
	color:#063;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:2;
	text-decoration:none;
	
	
}

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;


}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;

}

.opacityit2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border: 3px solid #232323;


}

.opacityit2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.4;
border: 3px solid #232323;

}

.select_box{
	/*font-family:Arial, Helvetica, sans-serif;*/
}

.select_box_blue{
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:#6766b4; 
}


.Div_sub_munu
{
	/*margin-left:13px; margin-top:-5px; margin-bottom:5px;*/
	padding-left:13px; margin-top:-5px; padding-bottom:8px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	font-weight:100;
}
.Div_sub_munu a:link, .Div_sub_munu a:visited, .Div_sub_munu a:active
{
	color:#ffffff;
	/*color:#6766b4;*/
	text-decoration:none;
}
.Div_sub_munu a:hover
{
	color:#f4420b;
	/*color:red;*/
	text-decoration:underline;
}

.clear {overflow:auto;}
#vertical, #horizontal {
	margin:0px auto;
	width:760px;
	float:left;
}
#vertical div, #horizontal div {
	margin-right:0px;
	float:left;
	width:760px;
	height:60px;
	border:0px;
	position:relative;
	overflow:hidden;
}
#vertical img, #horizontal img {
	position:absolute;
}

.TextField {

	border-width:0px;
	overflow: auto;
  	
	height:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;

}

.TextField2 {
	border-style:hidden;
	border-width:0px;
	overflow: auto;
  	border: none;
	height:100px;
	font-size:14px;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;

}

.menus a, menus a:active, .menus a:visited
{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	font-weight:100;
}
.menus a:hover
{
	color:#f4420b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:none;
	font-weight:100;
}
.title2
{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1;
	font-weight:bold;
	font-weight:normal;
}
.title3
{
	color:#2b9e5b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5;
	text-decoration:none;
	font-weight:bold;
	font-weight:normal;
}
.page
{
	color:#009fe3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1;
	font-weight:bold;
}
.page a:link, .page a:visited, .page a:active
{
	/*color:#333333;*/
	color:#009fe3;
	text-decoration:none;
}
.page a:hover
{
	color:#009fe3;
	/*color:red;*/
	text-decoration:underline;
}
.container {width: 647px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

.tab1 {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}


.tab2 {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #999;
		border-right: 1px solid #999;
			border-bottom: 1px solid #fff;
	border-left: none;
	margin-bottom: -1px;
	background: #F2F2F2;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	overflow:hidden;
	
}
p {text-align:justify;}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

div.demo {
          
          padding: 10px;
          margin-bottom: 10px;
      }
      
      
      
      .pointer {
          cursor: pointer;
      }
      
      code {
          padding: 3px;
          background-color: #eee;
      }

.ShoppingList{width:100%;margin:auto}

.sortable {width:100%; border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../images/header-bg.gif); text-align:left; color:#fff; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:12px; padding:0px 8px 0px; font-family:Arial, Helvetica, sans-serif;}
.sortable td {padding:5px 6px 5px; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; height:38px; line-height:38px;}
.sortable .head2 h3 { cursor:pointer; padding-left:18px; height:38px; line-height:38px;}
.sortable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#f1f1f1}
.sortable td.evenselected {background:#f1f1f1;}
.sortable td.oddselected {background:#e5e5e5;}
.sortable a:link,.sortable a:visited,.sortable a:active{color:#333;font-size:12px;text-decoration:underline}
.sortable a:hover{color:#333}
.sortable tbody input{border:1px solid #ddd;text-align:center;width:30px; background: url(../images/inputBG.gif) repeat-x;font-size:12px}


.ShoppingList .controls{width:100%; margin:0 auto; height:20px}
.ShoppingList .perpage{float:left; width:200px}
.ShoppingList .perpage select{float:left; font-size:11px}
.ShoppingList .perpage span{float:left; margin:2px 0 0 5px}
.ShoppingList .navigation{float:left; width:550px; text-align:center}
.ShoppingList .navigation img{cursor:pointer}
.ShoppingList .page{float:left; width:200px; text-align:right; margin-top:2px}
.ShoppingList .text{margin-bottom:10px;}

img{border:0;}
.img1{position:relative}
.img2{position:absolute;top:120px;}
.img3{position:absolute;top:220px;}
.img_1 b{text-decoration:underline;font-weight:normal; line-height:0px}
.img_1 b .img_1_h{display:none;}
.img_1 b:hover{zoom:1}
.img_1 b:hover .img_1_h{position:absolute;top:-10px;*top:-7px;left:420px;*left:425px;display:block;z-index:10;}

ul li{
	
	padding:0 0 4px 22px;
	float:none;
	display:marker;
	text-transform:none;
	
}


#loading {
	margin:0 auto;
	text-align:center;
	width:992px;
	height:1000px;
	border-left:1px #B2B2B2 solid;
		border-right:1px #B2B2B2 solid;
	background-color:#F2F2F2;
		line-height:300px;
		_padding-top:150px;
}

#content {
width:720px;
	float:left;
	overflow:hidden;
	background-image:url(../images/content_bg2.jpg);
}

#contentin {
width:685px;
min-height:530px;
margin:0 auto;
	overflow:hidden;
}


#contentout {
	margin:0 auto;
	width:992px;
		overflow:hidden;
				border-left:1px #B2B2B2 solid;
		border-right:1px #B2B2B2 solid;
}

#sidebar {
	width:271px;
	min-height:500px;
	overflow:hidden;
	float:right;
}


.logintb {
	width:157px;
	height:22px;
	line-height:22px;
	border: 1px solid #EBEBEB;
	font-size:12px;
}

.loginbut {
	width:45px;
	height:22px;
	border:none;
	background-color:#Cf1C22;
	color:#FFF;
	cursor:pointer;
}

.loginbut:hover {
	width:45px;
	height:22px;
	border:none;
	background-color:#208c22;
	color:#FFF;
	cursor:pointer;
}

#alert {
	position:absolute;
	width:350px;
	top:200px;
	left:35%;
}



#alertmsg {
	width:350px;
	height:200px;
		overflow:hidden;
}

#alerttitle{
	margin:0 auto;
	width:350px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:900;
	color:#999;
	border-bottom:1px solid #CCC;
		overflow:hidden;
}

#alerttin{
	width:300px;
	height:30px;
	float:left;
		overflow:hidden;
}

#alerttclose {
	width:50px;
	height:30px;
		float:left;
		font-size:14px;
		font-weight:900;
		cursor:pointer;
			overflow:hidden;
}

#alertdata {
	margin:0 auto;
	width:350px;
	line-height:30px;
	font-size:14px;
	min-height:100px;
	color:#999;
	overflow:hidden;
}



#logout {
	position:absolute;
	width:auto;
	height:35px;
	line-height:35px;
	z-index:1;
	right: 22px;
	top: 45px;
	text-align:right;
	font-size:12px;
	overflow:auto;
	flow:right;
	
}

#loginbar {
	position:absolute;
	width:394px;
	height:35px;
	line-height:35px;
	z-index:10;
	left: 588px;
	top: 45px;
		overflow:hidden;
}

#pagebar {
	width:685px;
	height:40px;
	font-size:12px;
}

#pbleft {
	width:200px;
	height:40px;
	float:left;
	text-align:left;
}

#pbright {
	width:485px;
	height:40px;
	float:right;
	text-align:right;
}

.pubrow {
	margin:0 auto;
	width:580;
	min-height:311px;
	*html height:311px;
	border-bottom:1px solid #999;
	background-color:#F2F2F2;
}

.prleft {
	width:220px;
	min-height:281px;
	float:left;
	background-color:#F2F2F2;
	overflow:hidden;
	cursor:pointer;
}

.prleft:hover {
		width:220px;
	min-height:281px;
	float:left;
	background-color:#F2F2F2;
	overflow:hidden;
	text-decoration:underline;
		cursor:pointer;
}
	

.prpic {
	width:220px;
	min-height:251px;
	overflow:hidden;
	text-align:center;
}

.prname {
	margin:0 auto;
	width:150px;
	min-height:30px;
	text-align:center;
	overflow:hidden;
	text-align:center;
	color:#063;
}


.prright {
	width:459px;
	min-height:251px;
	*html height:251px;
	line-height:30px;
	float:right;
	overflow:hidden;
	font-size:12px;
	border:solid 1px #CCC;
	padding-left:20px;
	background-repeat: repeat-x;
	background-image:url(../images/bg.png);
}

.prbar {
	width:580px;
	height:60px;
	padding-left:221px;
	line-height:60px;
	font-size:12px;
}

#alert2 {
	position:absolute;
	width:350px;
	top:200px;
	left:35%;
}



#alertmsg2 {
	width:350px;
	height:200px;
		overflow:hidden;
}

#alerttitle2{
	margin:0 auto;
	width:350px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:900;
	color:#999;
	border-bottom:1px solid #CCC;
		overflow:hidden;
}

#alerttin2{
	width:300px;
	height:30px;
	float:left;
		overflow:hidden;
}

#alerttclose2 {
	width:50px;
	height:30px;
		float:left;
		font-size:14px;
		font-weight:900;
		cursor:pointer;
			overflow:hidden;
}

#alertdata2 {
	margin:0 auto;
	width:350px;
	line-height:30px;
	font-size:14px;
	min-height:420px;
	color:#999;
	overflow:hidden;
}

.subtitle {
	font-family: Arial; font-size: 16px; color: rgb(128, 128, 128);font-family: Arial; font-size: 16px; color: rgb(128, 128, 128);
	font-weight:700;
}

#alert3 {
	position:absolute;
	width:350px;
	top:200px;
	left:35%;
}



#alertmsg3 {
	width:350px;
	height:200px;
		overflow:hidden;
}

#alerttitle3{
	margin:0 auto;
	width:350px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:900;
	color:#999;
	border-bottom:1px solid #CCC;
		overflow:hidden;
}

#alerttin3{
	width:300px;
	height:30px;
	float:left;
		overflow:hidden;
}

#alerttclose3 {
	width:50px;
	height:30px;
		float:left;
		font-size:14px;
		font-weight:900;
		cursor:pointer;
			overflow:hidden;
}

#alertdata3 {
	margin:0 auto;
	width:350px;
	line-height:30px;
	font-size:14px;
	min-height:100px;
	color:#999;
	overflow:hidden;
}

#alert4 {
	position:absolute;
	width:350px;
	top:200px;
	left:35%;
}

#alertmsg4 {
	width:350px;
	height:200px;
		overflow:hidden;
}

#alerttitle4{
	margin:0 auto;
	width:350px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:900;
	color:#999;
	border-bottom:1px solid #CCC;
		overflow:hidden;
}

#alerttin4{
	width:300px;
	height:30px;
	float:left;
		overflow:hidden;
}

#alerttclose4 {
	width:50px;
	height:30px;
		float:left;
		font-size:14px;
		font-weight:900;
		cursor:pointer;
			overflow:hidden;
}

#alertdata4 {
	margin:0 auto;
	width:350px;
	line-height:30px;
	font-size:14px;
	min-height:100px;
	color:#999;
	overflow:hidden;
}

#alert5,#register_event_login {
	position:absolute;
	width:350px;
	top:200px;
	left:35%;
}

#alertmsg5 {
	width:350px;
	height:200px;
		overflow:hidden;
}

#alerttitle5{
	margin:0 auto;
	width:350px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:900;
	color:#999;
	border-bottom:1px solid #CCC;
		overflow:hidden;
}

#alerttin5{
	width:300px;
	height:30px;
	float:left;
		overflow:hidden;
}

#alerttclose5 {
	width:50px;
	height:30px;
		float:left;
		font-size:14px;
		font-weight:900;
		cursor:pointer;
			overflow:hidden;
}

#alertdata5 {
	margin:0 auto;
	width:350px;
	line-height:20px;
	font-size:12px;
	min-height:100px;
	color:#999;
	overflow:hidden;
}

.greenfont {
	background-color:#093;
	background-repeat:repeat;
}

.menutheline{
padding-top:13px;	
}