* {
	margin: 0px;
	padding: 0px;
}
	
body {
	behavior:url("css/csshover2.htc");
	background: url('../images/body_bk.jpg') repeat-y #fff;
	background-position: top middle;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #0385b3; /* light */
	color: #076688; /* darker */
	width: 100%;
}

body {font-size:62.5%} /* for IE/Win */

html>body {font-size:10px} /* for everything else */

a { text-decoration: none; color: #0385b3;}

img { border: none;}

p {
	margin: 20px 0;
	clear: both;
}


.hide { /* hides element off screen */
	position: absolute; 
	left: -999em;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}


/* -------- STRUCTURE - BOF -----------*/

#body_header {
	float: left;
	background: url('../images/header_bk.jpg') repeat-x;
	width: 100%;
}

#body_header_1 {
	float: left;
	background: url('../images/header_bk_right.jpg') no-repeat;
	background-position: bottom right;
	width: 100%;
}

#body_header_2 {
	float: left;
	background: url('../images/header_bk_left.jpg') no-repeat;
	height: 287px;
	padding: 0 0 0 135px;
	width: 830px;
}

#body_content {
	float: left;
	background: url('../images/bottom_bk.jpg') no-repeat;
	background-position: top left;
	height: 976px;
	min-height: 976px;
/*	
	padding: 20px 0 0 180px; 
	width: 785px;
*/
	display: inline;
}

html>body #body_content { height: auto; }

#body_content_wrapper {
	float: left;
	height: 300px;
	min-height: 300px;
	width: 815px;
	padding: 20px 0 0 150px;
	font-size: 1.2em;
	line-height: 1.7em;

}

html>body #body_content_wrapper { height: auto}

body_content_wrapper a { font-weight: bold;}

#footer {
	float: left;
	clear: both;
	width: 805px;
	margin: 100px 0 50px 160px;
	display: inline;
}

#footer #copyright {
	float: left;
	width: 200px;
	font-size: 1em;	
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;

}

#footer #weblogix a {
	float: right;
	width: 146px;
	height: 21px;
	background: url('../images/weblogixlogo.gif') no-repeat;
	margin: 0 0px 0 0;
}


/* -------- STRUCTURE - EOF -----------*/





/* -------- HEADER - BOF -----------*/

#body_header_2 h1 a {
	float: right;
	width: 261px;
	height: 98px;
	background: url('../images/header_logo.jpg') no-repeat;
}

#magnet_nav {
	float: left;
	width: 298px;
	height: 244px;
}

#body_header_2 #languageSelect {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 1.2em;
	list-style-type: none;
	width: 170px;
	margin: 10px 0 0 80px;
}

#body_header_2 #languageSelect li {
	float: left;
	margin: 0 10px;	
}

#body_header_2 #languageSelect li a {
	float: left;
	color: #666;	
	padding-left: 23px;
}

#body_header_2 #languageSelect .en {
	background: url('../images/icon_en.gif') no-repeat;
	background-position: 0 50%;
}

#body_header_2 #languageSelect .zh {
	background: url('../images/icon_zh.gif') no-repeat;
	background-position: 0 50%;
}



#body_header_2 #nav {
	float: left;
	width: 190px;
	list-style-type: none;
	margin: 15px 0 0 60px;
}

#body_header_2 #nav li {
	float: left;
	background: url('../images/bevel_divider_horizontal.gif') repeat-x;
	background-position: bottom left;
	padding: 10px 0 5px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	width: 190px;

}

#body_header_2 #nav li a {
	margin: 5px 0;
	width: 190px;
	height: 18px;
}





#body_header_2 #header_login {
	float: right;
	width: 245px;
	margin: 10px 0 0 0;
}

#body_header_2 #header_login h2 {
	font-size: 16px;
	height: 16px;
}

#body_header_2 #header_login dl {
	float: left;
	width: 245px;
	margin: 10px 0 5px 0;
}

#body_header_2 #header_login dl dt {
	float: left;
	width: 75px;
	margin: 5px 0 0 0;
	line-height: 12px;
	font-size: 12px;
	padding: 9px 0 0 0;
	height: 13px;
}

#body_header_2 #header_login dl dd {
	float: left;
	width: 170px;
	height: 24px;
	margin: 5px 0 0 0;
}

#body_header_2 #header_login .userid, #body_header_2 #header_login .password {
	float: left;
	border: none;
	width: 130px;
	height: 18px;
	padding: 6px 0px 0px 30px;
	color: #0385b3;
	font-size: 1.2em;
}

#body_header_2 #header_login .userid {
	background: url('../images/header_input_email.gif') no-repeat #fff;
}

#body_header_2 #header_login .password {
	background: url('../images/header_input_password.gif') no-repeat #fff;
}

#body_header_2 #header_login .userid:focus, #body_header_2 #header_login .password:focus {
	background-position: 0 -25px;
	border: 1px solid #1fc8f9;
	padding: 5px 0px 0px 29px;
	color: #014a5f;
}


#body_header_2 #header_login .forgot {
	float: left;
	color: #528818;
	margin: 10px 0 0 0;
	text-decoration: underline;
}

#body_header_2 #header_login .button {
	float: right;
	background: url('../images/header_button_login.gif') no-repeat;
	margin: 5px 14px 0 0;
	padding: 0px;
	width: 90px;
	height: 24px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #f1b002;
	font-weight: normal;
	cursor: pointer;
}

#body_header_2 #header_login #welcome {
	font-size: 1.3em;
	width: 235px;
	text-align: center;
	line-height: 1.8em;
}

#body_header_2 #header_login #welcome .intro {
	font-size: 1em;
	line-height: 1.4em;
	width: 100%;
}

#body_header_2 #header_login #welcome .balance {
	background: url('../images/bevel_divider_horizontal.gif') repeat-x;
	background-position: top left;
	font-size: 0.9em;
	display: block;
	margin: 5px 0 0 0;
}

#body_header_2 #header_login #welcome .balance_total {
	font-size: 2.3em;
	line-height: 1.2em;
	display: block;
	background: url('../images/bevel_divider_horizontal.gif') repeat-x;
	background-position: bottom left;
}

#body_header_2 #header_login #welcome a {
	clear: both;
	float:none;
	font-size: 0.8em;
	color: #00a646;
}

#body_header_2 #header_login #login_error {
	position: absolute;
	left: 720px;
	top: 125px;
	z-index: 500;
	width: 200px;
	height: 85px;
	background: #fff;
	border: 1px solid #ccc;
	opacity: .85;
	filter: alpha(opacity=85);	
	color: #d20000;
	padding: 10px 20px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

#body_header_2 #header_login #login_error strong {
	font-size: 1.2em;
}

#body_header_2 #header_login #login_error ul {
	float: left;
	margin: 10px 0 0 10px;
}
/* -------- HEADER - BOF -----------*/



/* ---- HOME - BOF ---- */

#home_body {
	float: #ccc;
/*
	background: url('../images/home_bigpic.jpg') no-repeat;
	background-position: top right;
*/
/* 	padding: 0 400px 0 0; */
	min-height: 550px;
	height: 550px;
	width: 815px;
}

html>body #home_body { height: auto }

#home_body .content {
	float: left;
	width: 815px;
}

#home_body h1 {
	font-size: 1.8em;
	font-weight: normal;
}


#home_body h2 {
	font-size: 1.8em;
	font-weight: normal;
/* 	color: #BE4360; */
}

#home_body strong {
/* 	font-size: 1.4em; */
}

#home_body #news {
	float: left;
	width: 495px;
	margin: 0 0 0 30px;
	width: 435px;
}

#home_body #news strong {
	font-size: 1.1em;
}
#home_body #news ul {
	margin: 20px 20px;
}
#home_body #news li {
	float: left;
	margin: 00px 0px;
}


#home_body .col1 {
	float: left;
	width: 330px;
	margin: 0 10px;
}

#unsupportedBrowser {
	float: left;
	width: 420px;
	height: 220px;
	padding: 15px 20px 10px 60px;
	width: 350px;
	height: 180px;
	background: url('../images/unsupported-browser.gif') no-repeat;
	
}

#unsupportedBrowser strong {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* ---- HOME - EOF ---- */


/* ---- SCHOOLS - BOF ---- */

#schools_body {
	float: left;
	background: url('../images/schools_bigpic.jpg') no-repeat;
	background-position: top right;
	padding: 0 350px 0 0;
	width: 435px;
	min-height: 400px;
	height: 500px;
	min-height: 500px;
}

html>body #schools_body { height: auto; }

#schools_body h1 {
	font-size: 1.8em;
	font-weight: normal;
}

#schools_body #menuOrderForm {
	padding: 15px 15px 50px 15px;
}


#schools_body #menuOrderForm a {
	clear: left;
	float: left;
	margin-left: 20px;
	text-indent: 20px;
	font-size: 1.2em;
	line-height: 1.6em;
	text-decoration: underline;
	background: url('../images/icon_pdf.gif') no-repeat;
}


#schools_body h2 {
	clear: both;
	background: url('../images/postit_small.jpg') no-repeat;
	width: 173px;
	height: 28px;
	padding: 15px 0 5px 10px;
	margin: 20px 0 10px 20px;
	font-size: 14px;
	display: block;
}

#schools_body ul {
	float: left;
	margin: 0 0 0 20px;
	list-style-type:square;
	color: #ccc;
}

#schools_body ul li {
	margin: 4px 0;
}

#schools_body ul li a {
	color: #0385b3;
}

#schools_body table {
	width: 430px;
	padding: 0 0 0 20px;
}

#schools_body table .row0 {
	background: #f9f9f9;
}

#schools_body table .row0 td {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

#schools_body table .row1 {
	background: #fff;
}

#schools_body table td {
	padding: 10px 10px;
	line-height: 20px;
	height: 20px;
}
#schools_body table td.school {
	width: 300px;
}

#schools_body table td.form {
	width: 130px;
	background-position: 0 50%;
}

#schools_body table td.form a {
	background: url('../images/icon_pdf.gif') no-repeat;
	background-position: 0 50%;
	padding: 5px 0 5px 20px;
	font-size: 0.9em;
	color: #999;
}

/* ---- SCHOOLS - EOF ---- */


/*----- FAQ - BOF ---- */

#faq_body {
	float: right;
	background: url('../images/faq_bigpic.jpg') no-repeat;
	background-position: top right;
	width: 790px;
}

#faq_body h1 {
	font-size: 1.8em;
	font-weight: normal;
}

#faq_body ol {
	margin: 0 0 0 25px;
}

#faq_body p {
	width: 400px;
	color: #168F72;
}

#mini_list {
	margin: 20px 0 30px 30px;
	min-height: 200px;
	height: 180px;
	width: 400px;
}

html>body #mini_list { height: auto}

#mini_list li {
	margin: 5px 0;
}

#mini_list li a {
	font-size: 1.4em;
}

#faq_body .question {
	display: block;
	border-bottom: 2px dashed #cdf1fd;
}

#faq_body .answer {
	margin: 10px 0 40px 0;	
	color: #168F72;
	font-size: 1.1em;
	line-height: 1.8em;
}

#faq_body .answer p {
	width: 100%;
}

#faq_body .answer ol {
	margin: 0 0 0 45px;
}

/*----- FAQ - EOF ---- */


/*----- ABOUT - BOF ---- */

#about_body {
	float: left;
}

#about_body h1 {
	font-size: 1.8em;
	font-weight: normal;
}

#about_body .text {
	float: left;
	width: 445px;
	padding: 0 20px 0 0;
}

#about_body .text ul {
	margin: 0 0 0 30px;
	width: 350px;
}

#about_body .text ul li {
	margin: 5px 0;
	color: #ccc;
}

#about_body .text ul li span {
	color: #0385b3;
}

#about_body .form {
	float: right;
	width: 280px;
	height: 466px;
	padding: 90px 40px 0 30px;
	margin: -20px 0 0 0;
	background: url('../images/about_contact_form_bk.jpg') no-repeat;
}

#about_body .form h2 {
	margin: 0 0 20px 0;
	color: #627d86;
}

#about_body .form dd {
	margin: 0 0 10px 0;
}

#about_body .form dl input, #about_body .form dl textarea {
	border: 1px solid #d4d4d4;
	padding: 4px;
	width: 270px;
}

#about_body .form dl textarea {
	height: 100px;
}

#about_body .form dl input:focus, #about_body .form dl textarea:focus {
	border: 1px solid #1fc8f9;
	background: #a6ebff;
}

#about_body .form .button {
	background: url('../images/button_blue.gif') repeat-x #0654ff;
	height: 24px;
	padding: 2px 10px;
	border: 1px solid #055d95;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}


#about_body .contact_box {
	float: left;
	background: #f2fafd;
	margin: 25px 0 0 0;
	padding: 10px;
	font-size: 0.9em;
	width: 423px;
	border: 1px solid #AEE8FD;
}

#about_body .contact_box span {
	display: block;
	font-size: 0.9em;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	color: #999;
}

#about_body .contact_box .address {
	float: left;
	width: 170px;
	border-right: 1px solid #AEE8FD;
	height: 90px;
}

#about_body .contact_box .address strong {
	font-size: 1.1em;
}

#about_body .contact_box .address span {
	background: url('../images/icon_home.gif') no-repeat;
}

#about_body .contact_box .phone {
	float: left;
	width: 120px;
	padding: 0 0 0 10px;
	border-right: 1px solid #AEE8FD;
	height: 90px;
}

#about_body .contact_box .phone span {
	background: url('../images/icon_phone.gif') no-repeat;
}

#about_body .contact_box .email {
	float: left;
	width: 110px;
	padding: 0 0 0 10px;
}

#about_body .contact_box .email span {
	background: url('../images/icon_mail.gif') no-repeat;
}





/*----- ABOUT - EOF ---- */



/*----- MENU - BOF ---*/

#menu_body {
	float: right;
	width: 763px;
	margin: 0 20px 0 0;
	background: url('../images/menu_bk.jpg') repeat-y;
}


#menu_body .header {
	float: left;
	width: 763px;
	padding: 155px 0 0 0;
	height: 23px;
	background: url('../images/menu_header.jpg') no-repeat;
	text-align: center;
}

#menu_body .header ul {
	list-style-type: none;
	margin: 0 auto;
}

#menu_body .header ul li {
	display: inline;
	font-size: 1.5em;
	margin: 0 10px 2px 10px;
	padding: 2px;
	text-align: center;
}

#menu_body .header ul li.active {
	border-bottom: 2px solid #cc3366;
	padding: 2px 2px 0 2px;
}

#menu_body .wrapper {
	float: left;
	padding: 10px 0 30px 30px;
	width: 733px;
}

#menu_body h2 {
	text-align: center;
	margin: 40px 0 10px 0;
	float: left;
	width: 100%;
	font-size: 2.1em;
	line-height: 2.1em;
	font-weight: normal;
}


#menu_body .box {
	float: left;
	width: 203px;
	height: 225px;
	padding: 10px;
	background: #fff;
	border: 1px dashed #cfcfcf;
	margin: 6px 10px 6px 2px;
}

#menu_body .box .lines {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
<!-- 	background: url('../images/menu_box_lines.gif'); -->
}

#menu_body .box .name {
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	height: 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4d4d4d;
	height: 50px;
}

#menu_body .box .name .item_num {
	font-size: 0.9em;
}

#menu_body .box .description {
	font-size: 1.1em;
	line-height: 1.5em;
	height: 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
}

#menu_body .box .notavailable {
	clear: left;
	font-size: 0.9em;
}

#menu_body .box.style3 {
	margin:-right: 0px;
}

#menu_body .box img {
	float: left;
	width: 203px;
	height: 134px;
	border: 1px solid #ccc;
	width: 201px;
	height: 132px;
}

#menu_body .box .price {
	float: left;
	width: 100px;
}

#menu_body .box .price span {
	color: #999;
	font-size: 0.9em; 
	margin: 0 5px 0 0;
}

#menu_body .box .picture a {
	float: left;
}


#menu_body .footer {
	float: left;
	width: 763px;
	height: 82px;
	background: url('../images/menu_footer.jpg') no-repeat;
	text-align: center;
}

#menu_body .footer ul {
	list-style-type: none;
}

#menu_body .footer ul li {
	display: inline;
	font-size: 1.1em;
	margin: 0 10px;
}

#menu_body .noitems {
	font-size: 1.3em;
	width: 100%;
	text-align: center;
	margin: 130px 0;
}

#menuPopup {
	width: 695px;
	height: 315px;
}

#menuPopup #toolset {
	float: right;
	margin: -20px 0 0 0;
	font-size: 1.3em;
}

#menuPopup #toolset a {
	color: #000;
}

/*----- MENU - EOF ----*/



/*----- JOIN - BOF ---*/

#join_body {
	float: left;
	background: url('../images/join_bigpic.jpg') no-repeat;
	background: none;
	background-position: top right;
	width: 780px;	
}

#join_body h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#join_form {
	float: left;
	width: 730px;
}

#join_form fieldset {
	float: left;
	border: none;
	margin: 10px 0 10px 0;
	width: 730px;
}

#join_form legend {
	float: left;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	color: #999;
}

#join_form fieldset .row {
	float: left;
	clear: both;
	padding: 6px 0;
	border-bottom: 1px dashed #e7e7e7;
	width: 730px;

}

#join_form label {
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#join_form label span {
	float: left;
	width: 150px;
}

#join_form .row input, #join_form .row select {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	width: 220px;
}

#join_form .row select {
	width: 230px;
}

#join_form .row option {
	padding: 0 4px;
}

#join_form .row .input_wrap {
	float: left;
	width: 270px;
}

#join_form span.error {
	float: right;
	margin: 0 0 0 10px;
	padding: 4px;
	color: #cd4040;
	border: 1px dashed #ffcfcf;
	font-size: 1em;
	font-weight: bold;
	width: 260px;
	background: #ffe6e6;
}

#join_form .check {
	float: left;
	width: 16px;
	height: 16px;
	background: url('../images/icon_check.gif') no-repeat;
	margin: 4px 7px 0 5px;
	opacity: .1;
	filter: alpha(opacity=10);
	display: inline;
}

#join_form .check.active {
	opacity: .90;
	filter: alpha(opacity=90);

}

#join_form .row.numbers input {
	width: auto;
	margin: 0 3px 0 0;
	float: none;
	display: inline;
}

#join_form .agreement {
	float: left;
	width: 553px;
	padding: 12px 0 15px 177px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 2px solid #e0e0e0;
	margin: 0 0 10px 0;
}

#join_form .agreement span.error {
	float: left;
	clear: both;
	margin: 5px;
	width: auto;
}

#join_form .button {
	float: left;
	background: url('../images/header_button_login.gif') no-repeat;
	margin: 5px 0 0 177px;
	padding: 0px;
	width: 90px;
	height: 24px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #f1b002;
	font-weight: normal;
	cursor: pointer;
}

#account_created {
	font-size: 1.1em;
}

#account_created h2 {
	font-size: 1.2em;
	font-weight: normal;
}
#account_created dl {
	float: left;
	margin: 20px 0;
	border: 1px dashed #f0f0f0;	
	padding: 10px;
}

#account_created dt {
	float: left;
	width: 80px;
	line-height: 2em;
}

#account_created dd {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 2em;

}

/*----- JOIN - EOF ---*/



/*----- FORGOT PASSWORD - BOF ---*/

#forgot_pass_body {
	float: left;
	background-position: top right;
	width: 780px;	
}

#forgot_pass_body h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#forgot_pass_body dl {
	margin: 10px 0;
	clear: both;
}

#forgot_pass_body dt {
}

#forgot_pass_body dd {
}

#forgot_pass_body input {
	padding: 4px;
	border: 1px solid #ccc;
	margin: 0px;
}

#forgot_pass_body .button {
	background: url('../images/header_button_login.gif') repeat-x #ffb606;
	padding: 3px 3px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #f1b002;
	cursor: pointer;
}


#forgot_pass_body span.error {
	float: left;
	clear: both;
	display: block;
	margin: 10px 0;
	padding: 10px;
	color: #cd4040;
	border: 1px dashed #ffcfcf;
	font-size: 1em;
	font-weight: bold;
	background: #ffe6e6;
}
/*----- FORGOT PASSWORD - EOF ----*/


#orderdetailsPopup {
/*
	width: 544px;
	height: 550px;
	padding: 0px;
	margin: 0px;
*/
	width: 549px;
	height: 555px;
}

#orderdetailsPopup iframe {
	border: none;
}