@charset "utf-8";
/* CSS Document */
<!-- 
*{
 margin:0;
 padding:0;
 color:#333;
}

p{
 margin:10px 0;
}

a img{
	border:0;
	display: block;
}

body  {
	font: 100% Verdana,sans-serif;
	/*background: #c3f5fe url('image/34.jpg') repeat-y 50% 0;	*/
	background-color:#fff;
	background-attachment: fixed; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h3 {
	font-style:italic;
}

textarea {
	font: 90% Arial,sans-serif;
}

#left1{
margin-left:70px;
}

#left2{
margin-left:120px;
}

#left3{
margin-left:100px;
}

#warning {
	background-color: #F00;
	color: #FFF;
}

.alert {
	font-size: 80%;
	color: #F00;
	margin-left: 0.5em;
}

.SuperChinaDynamic a{	
	text-decoration: none;
	color:#00014e;
}

.SuperChinaDynamic a:active{	
	text-decoration: none;
	color:#6cf;
}

.SuperChinaDynamic a:visited {
	text-decoration: none
	color:#00014e;
}

.SuperChinaDynamic a:hover{
	background:#6699cc;
	color:#fff;
}

.obutton {
	-moz-box-shadow:0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:0px 1px 0px 0px #dcecfb;
	box-shadow:0px 1px 0px 0px #dcecfb;
	background-color:#99ccff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:0px solid #84bbf3;
	display:inline-block;
	color:#333;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	padding:0px 6px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #69c;
}.obutton:hover {
	background-color:#6699cc;
	color:#fff;
}.obutton:active {
	position:relative;
	top:1px;
}

.obuttonsm {
	-moz-box-shadow:0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:0px 1px 0px 0px #dcecfb;
	box-shadow:0px 1px 0px 0px #dcecfb;
	background-color:#99ccff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	padding:0px 6px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #6699cc;
}.obuttonsm:hover {
	background-color:#6699cc;
}.obuttonsm:active {
	position:relative;
	top:1px;
}

table, td, th
{
border:0px solid red;
}

th {
	background-color:#6B8FB3;
	color:white;	
	padding: 5px 0px 5px 0px;
}

.career th{
	background-color:white;
	color:#6B8FB3;	
	padding: 5px 0px 5px 0px;
	font-size:125%;
}

.career .date {
	width:200px;
}

.career .location {
	width:200px;
}

.career .title a {
	font-weight:bold;
	color:#39F;
}

.career .title a:hover {
	color:#FFF;
}

.career td {
	padding:20px 0;
}

.career textarea{
	width:90%;	
}

.employee td {
	text-align:center;
	padding:15px;
}

.employee a:hover{	
	text-decoration: none;
	background:none;
}

.forum td {
	padding: 5px 0px 5px 10px;
}

.tr1 {
	background-color:#EEE;
}

.tr2 {
	background-color:#DDD;
}


.forum a{	
	text-decoration: none;
	color:#00014e;
}

.forum a:active{	
	text-decoration: none;
	color:#6cf;
}

.forum a:visited {
	text-decoration: none;
	color:#00014e;
}

.forum a:hover{
	background:none;
	text-decoration:underline;
	color:#00014e;
}

.forum #sidebar {
	float: left; 
	width: 11.5em; /* since this element is floated, a width must be given */
	padding:10px 5px; /* top and bottom padding create visual space within this div */
	font: 90% Arial,sans-serif;
	/*border:1px solid #69c;*/
}

.forum #maincan {
	margin: 10px 0.5em 100px 12em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */	
}

.forum #user {
	
}

.forum .fimg, .fimg {
	padding: 4px;
	background-color: white;
	box-shadow: 0 1px 4px #CCC;
}

.forum #newpost {
	font: 90% Arial,sans-serif;
	padding-bottom: 20px;
}

.forum #shell {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E9E9E9;
}

.forum .article {
	margin-left: 85px;
	margin-right:100px;
	font: 100% Arial,sans-serif;
}

.forum .article .content {

}

.forum .article .content .tool {
	display: none;
	float:right;
}

.forum .article .content:hover .tool {
	display: inline-block;
	float:right;
}

.forum .article2 {
	margin-left: 60px;
	font: 90% Arial,sans-serif;
	padding-bottom: 15px;
}

.forum .article2 .tool {
	display: none;
	float:right;
}

.forum .article2:hover .tool {
	display: inline-block;
	float:right;
}

.forum #current {
	background: #EDEFF4;
	margin-bottom:5px;
}

.forum #other {
	margin-bottom:5px;
}

.forum #date {
	font: 10px Arial,sans-serif;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#666;
  display:none;
}
   
#boxes .window {
  position:fixed;
  width:440px;
  display:none;
  z-index:9999;
  padding:10px;
  background-color: #CCC;
}

.window .content {
	background-color: white;
	padding: 10px;
}
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
}

.SuperChinaDynamic #aview {
	background-color:#B39B6B;
	color: #FFF;
}

.SuperChinaDynamic #required {
    font-weight: bold;
	color: red;
	font-size: 75%;
}

.SuperChinaDynamic #container { 
	width: 63em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:10px 20px;
	border: 0px solid #CCC;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.SuperChinaDynamic #border { 
	border:0px solid #69c;
}

.SuperChinaDynamic #logo { 
	width:63em;
	position: relative;
} 

.usermenu {
	top: 0px;
	right: -5px;
	position: absolute;
	overflow: hidden;
	display: inline-block;
	font-size:75%;
}

.usermenu ul {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px -11px;
	list-style: none;
}

.usermenu li {
	float: left;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	background: transparent;
}

.usermenu li a {
	color: #39F;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	padding: 2px 7px 2px 10px;
	background-position: 0 9px;
	background: none;
}

.SuperChinaDynamic #header { 

} 

.SuperChinaDynamic #headerLeft a{ 
	font: bold 90% Arial,sans-serif;
	width:121px;
	color:#00014e;
	text-align:center;
	/*color:#69F;*/
	padding: 7px 2px;
	float:left;
	/*background-image:url('image/main.gif');*/
	background-color: #9cf;
 
	
	background-position:center
	background-repeat:repeat;
}
.SuperChinaDynamic #headerLeft a:hover {
	/*background-image:url(image/main1.gif);*/
	color:#FFF;
	background-color:#69c;
	background-repeat:repeat;
}

.SuperChinaDynamic #headerRight a{
	font: bold 90% Arial,sans-serif;
	color:#00014e;
	width:125px;
	text-align:center;
	padding: 7px 2px;
	float:right;
	/*background-image:url(image/main.gif);*/
	background-color:#9cf;
	background-repeat:repeat;
}
.SuperChinaDynamic #headerRight a:hover {
	/*background-image:url(image/main1.gif);*/
	color:#FFF;
	background-color:#69c;
	background-repeat:repeat;
}

.SuperChinaDynamic #searchform { 
	font: bold 90% Arial,sans-serif;
	width:63em;
	color:#FFF;
	padding:5px 5px 7px 5px;
	/*text-indent:5px;*/
	float: left;
} 

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".SuperChinaDynamic #sidebar1 p" rule.
*/
.SuperChinaDynamic #sidebar1 {
	float: left; 
	/*display: block;*/
	width: 11.5em; /* since this element is floated, a width must be given */
	padding:10px 5px; /* top and bottom padding create visual space within this div */
	/*background-image:url(image/catolog.jpg);
	background-position:Top;
	background-repeat:repeat;*/
	border:2px solid #69c;
}
.SuperChinaDynamic #sidebar1 h3, .SuperChinaDynamic #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.SuperChinaDynamic #mainContent {
	margin: 10px 0.5em 100px 14em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	
}

.SuperChinaDynamic #mainContent2 {
	margin: 60px 0.5em 14em 0.5em;
}

.SuperChinaDynamic #loginform {
	float:inherit;
	padding:0px 100px 0px 50px;
	background-color:#fff;
}

.SuperChinaDynamic #profile {
	float:inherit;
	padding:40px 50px;
	background-color:#fff;
}

.SuperChinaDynamic fieldset {
	border: 1px solid #69c;
	padding: 30px 20px 30px 50px;
}

.SuperChinaDynamic label {
	float:left;
	font-size: 15px;
	width: 180px;
	padding-bottom: 1em;
}

.SuperChinaDynamic legend {
	padding: 0.3em;
	font-weight:bold;
}

.footer { 
	font: 100% Arial,sans-serif;
	float: inherit;
	padding: 1px 10px;
	color:#000;
	/*background-image: url(image/main.gif);*/
	background-color:#9cf;
	background-position:center;
	background-repeat:repeat;
	text-align: center; 
	font-size:10px;
	text-align:center;
	margin: 50px 0 50px 0;
} 

.SuperChinaDynamic #displayLeft {
	text-align:left;
	font: 90% Arial,sans-serif;
	/*border:0px solid #6cF;
	border-bottom:none;*/
	padding-left:10px;
	float: left;
}

.SuperChinaDynamic #displayRight {
	text-align:right;
	font: 90% Arial,sans-serif;
	/*border:0px solid #6cF;
	border-bottom-style:none;*/
	padding-right:10px;
	float:right;
}

.cart{
	border:1px solid #69c;
}

.cart #itemFirst{
	padding:5px 0;
	margin: 0 10px 150px 10px;
}

.cart #item{
	padding:8px 0;
	margin: 0 10px 150px 5px;
	border-top:1px solid #69c;
}

.cart #item #prodImg{
	float:left;
	padding-right:40px;
}

.cart #item #prod{
	font: 80% Arial,sans-serif;
	float:left;
	width:175px;
	margin: 60px 0;
	padding-right: 10px
}

.cart #item #prodPrice{
	font: 80% Arial,sans-serif;
	font-weight:bolder;
	float:left;
	width:140px;
	margin: 60px 0;
}

.cart #item #prodUp{
	font: 80% Arial,sans-serif;
	float:left;	
	width:150px;
	margin: 45px 0;
}

.list{
	border:1px solid #69c;
}

.list #itemFirst{
	padding:5px 0;
	margin: 0 10px 150px 10px;
}

.list #item{
	padding:8px 0;
	margin: 0 10px 150px 5px;
	border-top: 1px solid #69c;
}

.list #item #prodImg, .list #itemFirst #prodImg{
	float:left;
	padding-right:15px;
}

.list #item #prod, .list #itemFirst #prod{
	font: 80% Arial,sans-serif;
	float:left;
	width:200px;
	margin: 35px 0;
	padding-right:15px;
}

.list #item #prod p, .list #itemFirst #prod p{
	font-weight:bolder;
	color:#F00;
}

.list #item #prodAdd, .list #itemFirst #prodAdd{
	font: 80% Arial,sans-serif;
	float:left;	
	width:100px;
	margin: 40px 0;
}

.grid {
	border:1px solid #69c;
}

.grid #itemFirst, .grid #item{
	width:140px;
	float: left;
	margin: 5px;
}
.bar{
	width: 780px;
	margin:10px 0px;
	border-bottom: 1px solid  #69c;
	float:left;
}
.grid #bar{
	width:740px;
	margin:0 10px;
	border-bottom: 2px dotted #69c;
	float:left;
}

.grid #item #prodImg, .grid #itemFirst #prodImg{
	float:left;
	width:140px;
	padding-left:10px;
	padding-top:20px;
}

.grid #item #prod, .grid #itemFirst #prod {
	font: 80% Arial,sans-serif;
	float:left;
	width:140px;
	margin: 10px 0;
	padding-left:10px;
	text-align:center;
}

.grid #item #prod p, .grid #itemFirst #prod p{
	font-weight:bolder;
	color:#F00;
	width:140px;
}

.grid #item #prodAdd, .grid #itemFirst #prodAdd{
	float:left;
	font: 80% Arial,sans-serif;	
	width:140px;
	padding-left:10px;
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu #header {
font:18px, Arial, sans-serif;
font-weight:bolder;
width:140px;
color:#000;
padding-left:20px;
padding-top:5px;
margin: 20px 0 0 0;
}

html>body .markermenu #header {
	margin: 5px 0 0 0;
}


.markermenu ul{
list-style-type: none;
margin: 10px 2px 5px 5px;
border-bottom: 0px solid #fff; 
text-indent:15px;
/*background:url(image/manuebg3.jpg);
background-position:center;
background-repeat:no-repeat;*/
}

.markermenu ul li a{
font: bold 12px Arial,sans-serif ;
color: #000;
display: block;
width: auto;
padding: 3px 0;
text-decoration: none;
border-bottom: 1px solid #fff; 
/*background-image:url(image/main.gif);*/
background-color:#9cf; 
background-repeat:repeat;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
/*background-image:url(image/main1.gif);*/
background-color:#69c;
background-repeat:repeat;

}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}

/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Arial,sans-serif;
color:#00014e;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
/*border: 1px solid black;*/
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px  solid  #fff;
/*background-image:url(image/main.gif)*/
background-color:#9cf;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
/*background-color: black;*/
color: #fff;
/*background-image:url(image/main1.gif)*/
background-color:#69c;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul{
font: bold 12px Arial,sans-serif;
list-style-type: none;
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
text-align: center; 
}

.mattblackmenu li{
display: inline;
	text-align: center; 
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
padding: 4px 4px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #FFFFF;
}

.mattblackmenu li a:visited{
color: black;
}

.mattblackmenu li a:hover{
background: #99CCFF; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: #99CCFF; /*background of tab with "selected" class assigned to its LI */
}