.container{ width:950px; }

img{ border:0px;}
a{text-decoration:none;}

/*first page */
/*header*/
.banner{ float:left; width:100%; height:87px; background:url("../images/first_banner_bk.gif") left bottom repeat-x; }
.banner div.logo{ float:left; width:410px; height:62px; padding-top:25px; background:none ; text-align:left;}
.banner div.menu{ float:left; width: 540px; height:87px; }
.menu_login{ float:right;  height:34px; padding-top:18px; text-align:right; font-size:11px; line-height:11px; font-family:Verdana; font-weight:bold; color:#B90000; padding-right:21px; }
.menu_login a {color:#B90000; }
.menu_login font{ float:right; margin:0px 10px; }
.menu_basic{ float:right; width:620px; height:32px; padding-right:10px; }
.menu_basic font{ font-size:13px; color:white; font-weight:bold; }

/********** Menu bar **********/

.menu_basic a.home{ float:right; width:120px; height:32px; margin:0px 0px 0px 4px; }
.menu_basic a.home div.first{ float:left; width:6px; height:32px; background:url("../images/first_menu_bk1.gif") left -33px no-repeat; }
.menu_basic a.home div.second{ float:left; width:113px; height:32px; line-height:32px; background:url("../images/first_menu_bk2.gif") left -33px repeat-x; }
.menu_basic a.home div.third{ float:left; width:1px; height:32px; background:url("../images/first_menu_bk3.gif") left -33px no-repeat; }

.menu_basic a.tech{ float:right; width:120px; height:32px; margin:0px 0px 0px 4px; }
.menu_basic a.tech div.first{ float:left; width:1px;  height:32px; background:url("../images/first_menu_techbk1.gif") left -33px no-repeat; }
.menu_basic a.tech div.second{ float:left; width:118px; height:32px; line-height:32px; background:url("../images/first_menu_bk2.gif") left -33px repeat-x; }
.menu_basic a.tech div.third{ float:left; width:1px; height:35px; background:url("../images/first_menu_bk3.gif") left -33px no-repeat; }

.menu_basic a.member{ float:right; width:120px; height:32px; margin:0px 0px 0px 4px; }
.menu_basic a.member div.first{ float:left; width:1px;  height:32px; background:url("../images/first_menu_techbk1.gif") left -33px no-repeat; }
.menu_basic a.member div.second{ float:left; width:113px; height:32px; line-height:32px; background:url("../images/first_menu_bk2.gif") left -33px repeat-x; }
.menu_basic a.member div.third{ float:left; width:6px; height:32px; background:url("../images/first_menu_memberbk.gif") left -33px no-repeat; }

.menu_basic a.vpgmember{ float:right; width:30px; height:32px; margin:0px 0px 0px 4px; }
.menu_basic a.vpgmember div.first{ float:left; width:1px;  height:32px; background:url("../images/first_menu_techbk1.gif") left -33px no-repeat; }
.menu_basic a.vpgmember div.second{ float:left; width:113px; height:32px; line-height:32px; background:url("../images/first_menu_bk2.gif") left -33px repeat-x; }
.menu_basic a.vpgmember div.third{ float:left; width:6px; height:32px; background:url("../images/first_menu_memberbk.gif") left -33px no-repeat; }

/* Menu Over */
.menu_basic a:hover div.first{ background-position:0px 0px; }
.menu_basic a:hover div.second{ background-position:0px 0px; }
.menu_basic a:hover div.third{ background-position:0px 0px; }

.menu_basic a.active div.first{ background-position:0px 0px; }
.menu_basic a.active div.second{ background-position:0px 0px; }
.menu_basic a.active div.third{ background-position:0px 0px; }

/*center in first page */

.first_center{ float:left; width:100%; margin-top:-1px; }

/*center banner part*/
.first_center div.banner_part{float:left; width:830px;height:66px; margin:0px auto; padding-left:120px; padding-top:5px; margin-top:1px; background:url("../images/first_banner.gif") left top repeat-x; }

.first_center div.banner_part div.twitter{ float:left; width:140px; padding-left:130px; }
.first_center div.banner_part div.twitter img{ float:left; margin-right:6px; padding-top:10px }
.first_center div.banner_part div.twitter img.letterimg{ float:left; padding-top:35px; }

.first_center div.banner_part div.facebook{ float:left; width:142px; margin-left:10px; }
.first_center div.banner_part div.facebook img{ float:left; margin-right:5px; padding-top:10px }
.first_center div.banner_part div.facebook img.letterimg{ float:left; padding-top:35px; }

.first_center div.banner_part div.youtube{ float:left; width:125px; margin-left:10px; padding-right:16px; }
.first_center div.banner_part div.youtube img{ float:left; margin-right:5px; padding-top:10px }
.first_center div.banner_part div.youtube img.letterimg{ float:left; padding-top:35px; margin-right:0px; }

.first_center div.banner_part div.myspace{ float:left; width:157px; }
.first_center div.banner_part div.myspace img{ float:left; margin-right:5px; padding-top:10px }
.first_center div.banner_part div.myspace img.letterimg{ float:left; padding-top:30px; margin-right:0px; }

.first_center div.banner_part div.link{ float:left; width:162px; margin-left:10px; padding-right:16px; }
.first_center div.banner_part div.link img{ float:left; padding-top:10px }
.first_center div.banner_part div.link img.letterimg{ float:left; padding-top:35px; margin-left:5px; }

/*center contents part*/

/*introduction*/
/*.first_center div.contents{ float:left; font-family:Verdana; padding:40px 18px 0px 18px; background:url( "../images/first_shadow.gif" ) left top no-repeat; font-size:12px; color:#111111; text-align:left;}*/
.first_center div.contents{ float:left; width:100%; font-family:Verdana; padding:40px 0px;  background:url( "../images/first_shadow.gif" ) left top no-repeat; font-size:12px; margin:0px; color:#111111; text-align:left; }
.first_center div.contents_1{ width:930px; padding-left:20px;  }
h1{ font-family:Verdana; font-size:18px; color:#C01F1F; text-align:left; padding-left:20px; margin-bottom:15px;  }
.first_center div.contents p {  padding:0px 20px; }

/*list display*/

.first_center div.contents div.list{ float:left; width:100%; margin-top:40px; }

.first_center div.contents div.list div.first{ float:left; width:222px; padding:44px 0px 0px 15px; margin:0px 33px 0px 33px; background:url( "../images/first_center_listbk1.gif" ) left top no-repeat; }
*html .first_center div.contents div.list div.first{ margin-left:16px; }
.first_center div.contents div.list div.first div.element{ float:left; width:100%; height:11px; line-height:11px; margin-top:11px; text-align:left; text-indent:15px; color:#111111; font-size:11px; background:url("../images/first_center_mark.gif") left top no-repeat; }
.first_center div.contents div.list div.first div.space{ margin-bottom:11px; }

.first_center div.contents div.list div.second{ background:url( "../images/first_center_listbk2.gif" ) left top no-repeat; }

.first_center div.contents div.list div.third{ width: 270px; padding:55px 0px 0px 15px; margin:0px 0px 0px 10px; background:url( "../images/first_center_listbk3.gif" ) left top no-repeat; float:left; }

/*footer part*/

.footer{ float:left; width:100%; height:50px; margin-top:20px; padding-top:25px; background:url( "../images/first_footer_bk.gif") left top repeat-y; }
.footer div.logo{ float:left; width:143px; height:18px; margin-left:30px; background:url( "../images/logo_fotter.png" ) left top repeat-y; }
*html .footer div.logo{ margin-left:15px;  }
/*width:777px; 737373*/
.footer div.fontcontents{ padding:0px; 25px; text-align:left; }
.footer div.fontcontents a{ color:#464646; }
.footer div.fontcontents font{ color:#464646; font-size:12px; }
.footer div.fontcontents font.bar{ color:#737373}
.footer div.fontcontents font.spacer{  margin-right:150px; }


/* members page */
.meber_center{ float:left; width:100%;margin-top:0px; background:none;}
.first_center div.members_contents{ float:left; width:100%; padding:0px 0px; background:url( "../images/members_contentsbk.gif") left top repeat-x; }

/*image display part*/
.image_center{ float:left; width:100%; height:497px; margin:30px 0px 10px 0px; }
.image_center div.left_godiv{ float:left; width:104px; height:291px; padding-top:206px; padding-left:78px; cursor:pointer;}
/*.image_center div.center_div{ float:left; width:600px; height:100%; background:url( "../images/monitor.gif") left top no-repeat;}
.image_center div.center_div div#photocotainer{ float:left; width:100%; height:100%; background:url( "../images/photo_1.gif") 32px 32px no-repeat; }*/
.image_center div.center_div{ float:left; width:600px; height:497px; background:url( "../images/monitor.gif") left top no-repeat; }
.image_center div.center_div div#photocotainer{ float:left; width:532px; height:313px; margin:34px 0px 0px 33px; }
.image_center div.right_godiv{ float:left; width:112px; height:291px; padding-top:206px; padding-left:30px;}
.image_center div.right_godiv img{ float:left;  cursor:pointer;  }


/*second member page */
.meber_center div.mem_contents{ float:left; width:924px; padding:0px 11px 0px 15px; }

.meber_center div.mem_contents div.top{ float:left; width:100%; height:11px; }
.meber_center div.mem_contents div.top div.left{ float:left; width:10px; height:11px; background:url( "../images/members_contentsleftbk.gif" ) left top no-repeat; }
.meber_center div.mem_contents div.top div.center{ float:left; width:904px; height:11px; background:url( "../images/members_contentscenterbk.gif" ) left top repeat-x; }
.meber_center div.mem_contents div.top div.right{ float:left; width:10px; height:11px; background:url( "../images/members_contentsrightbk.gif" ) left top no-repeat; }

.meber_center div.mem_contents div.middle{ float:left; width:904px; padding-top:20px; border-right:solid #E0E0E0 10px; border-left: solid #E0E0E0 10px; }

.meber_center div.mem_contents div.middle div.header{ float:left; width:100%; font-size:20px; font-family:"Verdana"; text-align:center; color:black; }

.meber_center div.mem_contents div.middle div.center{ float:left; width:100%; margin-top:12px; }
.meber_center div.mem_contents div.middle div.center div.left{ float:left; width:597px; }
.meber_center div.mem_contents div.middle div.center div.left div.mem_top{ float:left; width:597px; }

.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.feature{ float:left; width:248px; padding-left:48px; padding-top:25px; background:url( "../images/mem_smooth.gif" ) right top no-repeat; }
*+html .meber_center div.mem_contents div.middle div.center div.left div.mem_top div.feature{ width:296px;padding-left:0px; }
.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.feature ul{ float:left; width:200px; height:184px; margin:0px; padding:22px 0px 0px 0px ; background:url( "../images/feature.gif") left top no-repeat; }
*+html .meber_center div.mem_contents div.middle div.center div.left div.mem_top div.feature ul{ margin-left:40px; }
.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.feature ul li{ width:178px; line-height:20px; list-style-position: outside; font-size:11px; text-align:left; margin-left:15px; }

.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.benefit{ float:left; width:275px; height:159px; padding-top:25px; }
.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.benefit ul{ float:left; width:250px; margin:0px; padding-left:15px; padding-top:22px; background:url( "../images/benefit.gif") left top no-repeat; }
.meber_center div.mem_contents div.middle div.center div.left div.mem_top div.benefit ul li{ width:235px; line-height:20px; list-style-position: outside; font-size:11px; text-align:left; }

.meber_center div.mem_contents div.middle div.center div.left div.mem_bottom{ float:left; width:555px; padding-left:42px; font-size:12px; text-align:left; line-height:20px; color:#505050}

.meber_center div.mem_contents div.middle div.center div.right{ float:left; width:250px; padding-top:25px; padding-left:57px; background:url( "../images/custom_smooth2.gif" ) left top no-repeat; }
*+html .meber_center div.mem_contents div.middle div.center div.right{ padding-left:0px;}
.meber_center div.mem_contents div.middle div.center div.right ul{ float:left; width:195px; margin:0px; padding-top:22px; background:url( "../images/custom.gif") left top no-repeat;  }
.meber_center div.mem_contents div.middle div.center div.right ul li{ width:180px; line-height:20px; list-style-position: outside; font-size:11px; text-align:left; margin-left:-40px;}
*+html .meber_center div.mem_contents div.middle div.center div.right ul li{ margin-left:15px; }

.meber_center div.mem_contents div.middle div.footerpart{ float:left; width:100%; padding:10px 0px; }
.meber_center div.mem_contents div.middle div.footerpart div.firstpart{ float:left; width:260px; padding-left:40px; font-size:14px; text-align:left; }
.meber_center div.mem_contents div.middle div.footerpart div.firstpart font{ float:left; width:150px; padding-left:20px;font-size:12px; }
.meber_center div.mem_contents div.middle div.footerpart div.secondpart{ float:left; width:160px; padding:40px 20px 0px 30px;  }
.meber_center div.mem_contents div.middle div.footerpart div.thirdpart{ float:left; width:160px; padding:0px 0px 0px 0px; }


/* member third page */
.meber_center div.mem_contents div.middle div.center div.element{ padding:0px 40px; }
.meber_center div.mem_contents div.middle div.center div.element p.title{ margin-top:20px; font-size:13px; color:#C50000; line-height:13px; }
.meber_center div.mem_contents div.middle div.center div.element p{ color:#5D5D5D; line-height:15px; margin-top:15px; text-align:left; }

.meber_center div.mem_contents div.middle div.center div.element div.first{ float:left; width:465px; margin-top:20px; }
.meber_center div.mem_contents div.middle div.center div.element div.first p.title_2{ font-size:13px; color:#C50000; line-height:13px; text-align:left; }
.meber_center div.mem_contents div.middle div.center div.element div.second{ float:left; width:315px; padding-left:37px; margin-top:22px; background:url( "../images/descriptionbk.gif" ) left top no-repeat; color:black;}
.meber_center div.mem_contents div.middle div.center div.element div.second p.title_3{ font-size:13px; color:#C50000; line-height:13px; text-align:left; }
.meber_center div.mem_contents div.middle div.center div.element div.second p{ color:black; line-height:18px; }

.meber_center div.mem_contents div.middle div.footerpart img{ text-align:center;}
/*end of member third page*/


/* member first page */
.meber_center div.mem_contents div.middle div.center div.first_top{ float:left; padding:0px 0px }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list{ background:url("../images/productbk.gif") left top no-repeat; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage{ float:left; width:250px; padding:10px 30px 10px 20px; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage div.thumb_container{ float:left; width:100%; border-bottom: dotted #C4C4C4 0px; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list div.thumb_container_1{ border-bottom: dotted #C4C4C4 1px; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage div.thumb_div{ float:left; width:100%; margin-top:20px; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage div.thumb_div img{ float:left; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage div.thumb_div p{ float:left; padding-left:10px; font-size:13px; color: black; margin-top:0px; text-align:left; }
.meber_center div.mem_contents div.middle div.center div.first_top div.product_list_noimage div.thumb_description{ float:left; width:100%; margin-top:20px 0px; font-size:11px; color:#5D5D5D; text-align:left; }

.meber_center div.mem_contents div.middle div.center div.first_bottom{ float:left; width:100%;padding:0px 0px ;}

.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage{ float:left; width:410px; padding:10px 20px 10px 20px; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage div.thumb_container{ float:left; width:100%; border-bottom: dotted #C4C4C4 0px; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list div.thumb_container_1{ border-bottom: dotted #C4C4C4 1px; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage div.thumb_div{ float:left; width:100%; margin-top:20px; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage div.thumb_div img{ float:left; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage div.thumb_div p{ float:left; padding-left:10px; font-size:13px; color: black; margin-top:0px; text-align:left; }
.meber_center div.mem_contents div.middle div.center div.first_bottom div.product_list_noimage div.thumb_description{ float:left; width:100%; margin-top:20px 0px; font-size:11px; color:#5D5D5D; text-align:left; }

/*meber fourth page */
.meber_center div.mem_contents div.middle div.center div.fourth_top{ float:left; padding:0px 0px;}
.meber_center div.mem_contents div.middle div.center div.fourth_top font{  float:left; width:807px; padding-left: 97px; font-size:13px; color:#C50000; text-align:left;}
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list{ float:left; width:100%; margin-top:30px; color:#5D5D5D; }
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list ul{ float:left; padding-left:0px; margin:0px; }
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list ul li{ list-style-type:none; margin-bottom:15px;  padding-left:0px; }
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list div.element_1{ float:left; width:214px; height:236px; padding-left:97px;  padding-top:10px;}
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list div.element_2{ float:left; width:196px; height:236px; padding-left:84px; padding-top:10px; background:url( "../images/fourth_bk.gif") left top no-repeat; }
.meber_center div.mem_contents div.middle div.center div.fourth_top div.product_list div.element_3{ float:left; width:152px; height:236px; padding-left:88px;  padding-top:10px; background:url( "../images/fourth_bk.gif") left top no-repeat; }
.meber_center div.mem_contents div.bottom{ float:left; width:100%; height:10px; background:#E0E0E0 }

/* member footer menu */
.mem_menu a{float:left; width:212px; height:115px; margin:20px 0px 0px 25px; text-decoration:none;}
.mem_menu a.menu1{ background:url('../images/membermenu_1.gif') left -115px no-repeat; margin-left:0px; }
.mem_menu a.menu2{ background:url('../images/membermenu_2.gif') left -115px no-repeat;}
.mem_menu a.menu3{ background:url('../images/membermenu_3.gif') left -115px no-repeat;}
.mem_menu a.menu4{ background:url('../images/membermenu_4.gif') left -115px no-repeat;}

.mem_menu a:hover{ background-position:0px 0px;}
.mem_menu a.active{ background-position:0px 0px; outline: none;}
/*
div.mem_menu  {height:115px; margin:20px 0px 0px 25px;  }
div.mem_menu div.menu1{ float:left; width:212px; height:115px; background:url('../images/membermenu_1.gif') left -115px no-repeat; margin-left:17px; cursor:pointer;}
div.mem_menu div.menu2{ float:left; width:212px; height:115px; background:url('../images/membermenu_2.gif') left -115px no-repeat;cursor:pointer;}
div.mem_menu div.menu3{ float:left;width:212px; height:115px; background:url('../images/membermenu_3.gif') left -115px no-repeat;cursor:pointer;}
div.mem_menu div.menu4{ float:left; width:212px; height:115px; background:url('../images/membermenu_4.gif') left -115px no-repeat;cursor:pointer;}
div.mem_menu div.hover{ background-position:0px 0px }
div.mem_menu div.active{ background-position:left -115px }
*/
/*
.mem_menu div.menu2{ background:url('../images/membermenu_2.gif') left -115px no-repeat;}
.mem_menu div.menu3{ background:url('../images/membermenu_3.gif') left -115px no-repeat;}
.mem_menu div.menu4{ background:url('../images/membermenu_4.gif') left -115px no-repeat;}
.mem_menu div.active{ background:url('../images/membermenu_1.gif') left -115px no-repeat; margin-left:0px; }
*/

/*signup page*/



.error { width:500px; position:absolute; left:300px; top:580px; padding:30px; z-index:1; background:#F6F8F9; border:solid #E4E8EA 1px; color:#505050; text-align:left; }
.error font{ color:red; font-size:12px; }


/*********** Tech page ***********/

/* Tech Menu */
.tech_menu{width:100%; }
.tech_menu a{ float:left; margin-left:16px; width:294px; height:89px; font-size:0px;}
.tech_menu a.techmenu_1{ margin-left:0px; background:url("../images/techmenu_1.gif") left -89px no-repeat;}
.tech_menu a.techmenu_2{ background:url("../images/techmenu_2.gif") left -89px no-repeat;}
.tech_menu a.techmenu_3{ background:url("../images/techmenu_3.gif") left -89px no-repeat;}
.tech_menu a.active{ background-position:0px 0px; }

/* Tech Content */
.tech_content{ float:left; width:852px; border:solid 10px #B7B7B7; padding:21px; }
.tech_content div{float:left; padding:0px 25px;}
.tech_content b{color:#000000;}
.tech_content ul{ margin:0px; }
.tech_content li{ font-size:11px; line-height:14px; margin-top:5px; }
.tech_content font{ font-size:11px; line-height:14px;  }
.tech_content font.font_black{ color:#000000; font-size:13px; }

.tech_content ul.normal li{ color:#000000; line-height:20px; font-size:12px;}
.tech_content div.grey_back{ background-color:#ECECEC; padding:15px 28px; margin:10px; }
.tech_content div.grey_back .underline{ width:100%; padding-bottom:5px; margin-bottom:5px; display:block; background:url( '../images/tech_underline.gif' ) left bottom repeat-x;  }

/*********************************/

/*********** Training page ***********/

/* Training Menu */
.tech_menu a.trainingmenu_1{ margin-left:0px; background:url("../images/trainingmenu_1.gif") left -89px no-repeat;}
.tech_menu a.trainingmenu_2{ background:url("../images/trainingmenu_2.gif") left -89px no-repeat;}
.tech_menu a.active{ background-position:0px 0px; }

/* Tech Content */
.tech_content{ float:left; width:852px; border:solid 10px #B7B7B7; padding:21px; }
.tech_content div{float:left; padding:0px 25px;}
.tech_content b{color:#000000;}
.tech_content ul{ margin:0px; }
.tech_content li{ font-size:11px; line-height:14px; margin-top:5px; }
.tech_content font{ font-size:11px; line-height:14px;  }
.tech_content font.font_black{ color:#000000; font-size:13px; }

.tech_content ul.normal li{ color:#000000; line-height:20px; font-size:12px;}
.tech_content div.grey_back{ background-color:#ECECEC; padding:15px 28px; margin:10px; }
.tech_content div.grey_back .underline{ width:100%; padding-bottom:5px; margin-bottom:5px; display:block; background:url( '../images/tech_underline.gif' ) left bottom repeat-x;  }

/*********************************/

.clear {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display: block;
	font-size: 0px;
	font-weight:none;
	line-height: 0em;
}

.formelements {padding-bottom:5px;margin-bottom:30px}
.formelements font {
    color: red;
}
.errorclass {color:red;}
.formelements a {
	font-weight: bold;
	color: navy;
	font-size: 12px;
}
.formelements .title {
	font-weight: bold;
}

.normalfield{
	border: 1px solid #C5CDD8;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px 0 #E7E7E7 inset, 0 0 0 1px #F0F0F0 inset;}
.mandatoryfield{
	border: 1px solid red;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px 0 #E7E7E7 inset, 0 0 0 1px #F0F0F0 inset;}