/* --------- Common CSS ------------------*/
.whitefont {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff}
.greyfont {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4c}
.greyfontbold {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4c; font-weight:bold;}
.greyfont1 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999}
.greyfont2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; font-weight:bold;}
.bluefont {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4386D8; font-weight:bold;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; line-height: 16px; font-weight:normal;}
table, div {border-collapse:collapse;border-spacing:0; font-family:Arial, Helvetica, sans-serif;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
a {text-decoration:none;}
a:hover { text-decoration:none;}
body {background:url(../images/inpage-bg.jpg) #fff repeat-x left top;}
	
#wrapper { margin: 35px auto 0;}
#pagesize { width:827px; margin: 0 auto; background:url(../images/bottom-img.jpg) #fff no-repeat bottom; border:3px solid #bbd9ef; border-bottom:0px;}
#pagepadding { margin:0px 15px;}

#header {margin:10px 0 0 0; padding:0px;}
#header { font-family:arial;font-size:12px; color:#FFFFFF; text-align:left;}
#header a { padding: 5px 10px; color:#FFFFFF; }
#header .nav {margin:0px; padding:0px; height:34px; background:url(../images/nav-bg.gif) repeat-x left top; text-align:left;}
#header .nav a {margin:0px; padding: 0px 10px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}
#header .nav a:hover { color:#f9f69c;}

#content {padding:0px; margin:0px;}

#content .sidebar { margin:O; padding:0; }
#content .sidebar ul { background:#8d7acd; }
#content .sidebar li {padding: 2px 0; font-family:arial; font-size: 12px; font-weight:bold; border-bottom: 1px solid #a597d7; }
#content .sidebar li a {padding: 3px 1px 3px 14px; color:#fff; display:block; background:url(../images/sidebar-li.gif) no-repeat 1px 5px; text-decoration:none;}
#content .sidebar li a:hover {color:#CCCC00;}

#content .sidebar .sub-nav-cover { background:#a0c6f0; padding:10px;}
#content .sidebar .sub-nav { }
#content .sidebar .sub-nav ul {background:#d0e2f7; }
#content .sidebar .sub-nav li {padding: 1px 0; font-family:arial; font-size: 11px; border:0px; font-weight:normal; }
#content .sidebar .sub-nav li a {padding: 2px 1px 2px 10px; color:#3071bc; background: none;display:block; text-decoration:none;}
#content .sidebar .sub-nav li a:hover {color:#000;}

#content .back a { color:#afa2dc; font-size:12px; font-weight:bold; padding:0px 0px; }
#content .back a:hover { color:#ffcc00; }
#content .intro { background:url(../images/introbg.jpg) repeat-x left top; padding:5px; width:90%; margin: 0 auto; border: 2px solid #bbd7ee;}
#content .intro h2 { color:#4C4C4C; font-family:Arial; font-size:16px; padding:8px 5px 3px 10px; }
#content .intro p { color:#4C4C4C; font-family:Arial; font-size:11px; padding:8px 25px 15px 10px; }
#content .intro p a { color:#4C4C4C; text-decoration:underline; }
#content .intro p a:hover { color:#ff0000; text-decoration:none; }

#content .product-intro { background:#f0f5ee; width:90%; margin: 0 auto;}
#content .product-intro h2 { color:#4C4C4C; font-family:Arial; font-size:11px; padding:8px 5px 3px 10px; }
#content .product-intro p { color:#4C4C4C; font-size:11px; padding:8px 4px 5px 5px; }
#content .product-intro p a { color:#4C4C4C; text-decoration:underline; }
#content .product-intro p a:hover { color:#ff0000; text-decoration:none; }
#content .product-intro ul {}
#content .product-intro li {padding: 2px 1px 2px 20px; background:url(../images/product-intro-li.gif) no-repeat 6px 5px; font-size: 11px; border:0px; font-weight:normal; color:#3071bc; font-weight:bold; }

#content .product { padding:  0px 0px 0px 0px; width:90%; margin: 0 auto; color:#3b5eb1; font-size: 12px;}
#content .product h3 { color:#4C4C4C; font-family:Arial; font-size:14px; padding:5px 2px 6px 0px; }
#content .product h5 { color:#4C4C4C; font-family:Arial; font-size:12px; padding:5px 2px 6px 0px; }
#content .product .line { border-bottom: 3px solid #bbd7ee; width:100%; height:10px; }
#content .product .line2 { border-bottom: 1px solid #e5e5e5; width:100%; padding:4px 0px;}
#content .product .para { padding: 0px 2px 0px 12px;}
#content .product .para p { color:#4C4C4C; font-size: 11px;}
#content .product a { color:#1d3895;}

#content .in-ab { background:url(../images/aboutus-bg.gif) repeat-x left top; color:#3e7fb1; font-size:12px; padding: 2px 5px;}
#content .in-ab h4 {  color:#4C4C4C; font-size: 16px; padding: 2px 2px 4px 0px;}

#content .re-con {padding:5px 5px 5px 25px; width:90%; margin: 0 auto; font-size: 11px;}
#content .re-con .bold-text {font-size: 12px; color:#4386d8; font-weight:bold; padding:6px 0px 2px 0px;}
#content .re-con p { font-size: 11px; padding:6px 0px;}
#content .re-con h5 { font-size: 16px; color:#005395; padding:8px 0px 0px 0px;}
#content .re-con strong { color:#4386d8; font-weight:bold;}

.into {padding: 10px 5px; font-size:11px; color:#507ca9;}
.into a {padding: 0px 5px; color:#507ca9;}

#footer { font-size:11px; color:#507ca9; margin:0px auto; text-align:center; background:url(../images/footer-flower.jpg) no-repeat le top; width:100%;}
#footer a {padding: 15px 5px; color:#507ca9;}