/* WindPro 2009 Project: KyteSoft v1.5
   Updated:	21 June 2009
   Author:	Alex
   --------------------------------------------------
   --------------------------------------------------*/
@charset "utf-8";

/* READY */
* {margin:0; padding:0;}
html,div,ul,ol,li,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
ul,ol {list-style:none}
body {font:12px Arial; margin:0}
a {text-decoration:none; outline:none}
a:hover {text-decoration:underline}
img {border:none; outline:none}

/* TOP */
#top {width:890px; height:36px; padding:18px 93px 0 23px; float:left}
.top-call {width:640px; font:bold 12px Arial; padding-top:4px; float:left}
.club {width:93px; height:93px; position:fixed; right:0; top:0; z-index:100; margin:0 auto}
.club a {background:transparent repeat scroll 0 0; float:right; height:93px; overflow:hidden; width:93px}

/* HEADER */
#header {width:1006px; height:124px; padding-top:10px; padding-bottom:16px; margin:0; float:left}
#logo, #logo a {width:286px; height:124px; display:block; float:left}

/* NAVIGATOR */
#topmenu {width:250px; float:left}
#topmenu a {display:block; height:26px; float:left}
#topmenu a#home {width:62px}
#topmenu a#sitemap {width:91px}
#topmenu a#langvn, #topmenu a#lang {width:88px}
#mainmenu {width:auto; font:bold 16px Arial; padding:84px 24px 0 0; float:right}
#mainmenu li {padding-left:36px; display:block; float:left}
#bluemenu {width:194px; padding:0 18px 30px 18px; float:left}
#bluemenu .line {width:194px; margin-top:5px; height:1px}
#bluemenu li {padding:6px 0 6px 25px}
#bluemenu li a {display:block}
#bluemenu ul {margin:0; padding:0}
#bluemenu ul li {padding:6px 0 6px 48px}
#whitemenu {width:230px; float:left}
#whitemenu li, #whitemenu li a {width:227px; height:56px}
#whitemenu li {padding-left:3px; margin-bottom:8px}
#whitemenu li .text {padding-left:5px; padding-top:9px; font:18px/20px Arial; float:left}
#whitemenu li small {padding-left:3px; font:12px Arial; display:block}
#whitemenu li a {display:block; float:left}
#whitemenu li a:hover, #whitemenu li:hover {text-decoration:none; cursor:pointer}
.blogmenu {margin-bottom:15px; width:232px; height:auto; float:left; background:url(../images/bottom-box.png) no-repeat left bottom; padding:0 0px 10px; }
.blogmenu .widget-body {padding:0 7px 0 16px; overflow:hidden; height:100%;}
.blogmenu .blogmenu-top {background:url(../images/top-box.png) no-repeat left top; width:232px; height:9px;}
.blogmenu img {display:block; border:0; float:left}
.blogmenu .title {width:214px; height:30px; font:bold 18px Arial; padding:10px 0 0 16px; float:left}
.blogmenu li {width:198px; padding:5px 15px 5px 0px; font:11px Verdana;}
.blogmenu li a {display:block}

.sidebar-login-form p {margin-bottom:7px;}

/* CONTENT */
#core {width:1006px; height:auto; float:left}
#core h1 {padding:25px 23px 0 23px; font:bolder 30px Arial; height:50px}

#homeblue, #homewhite, #homeinfo, #whitebox, #bluebox {width:960px; float:left}
#homeblue {height:334px; padding:20px 23px 10px 23px}
#homeinfo {height:220px; padding:20px 23px 0 23px}
#homewhite {height:200px; padding:20px 23px 0 23px}
#whitebox, #bluebox {padding:20px 23px 40px 23px}
#mainbox {width:680px; float:left}
#sidebox {width:230px; float:left}
#bonusbox {width:860px; padding:20px 73px 40px 73px; float:left}

/* MAINCORE */
.container {width:1006px; height:auto; margin:0 auto}
.line1, .line2, .line3 {width:1006px; height:2px; float:left}

/* PARTCORE */
.icon1a, .icon1b, .icon1c, .icon1d, .icon1e, .icon1f {width:56px; height:56px; display:block; float:left}
.icon2a, .icon2b, .icon2c, .icon2d, .icon2e, .icon2f, .icon2g, .icon2h, .icon2i, .icon2j, .icon2k, .icon2l 
{width:60px; height:60px; display:block; float:left}
.title1a, .title1b {width:175px; text-indent:-9999px; float:left}
.title1a {height:60px}
.title1b {height:26px; margin-bottom:5px}
.title2 {padding-top:12px; font:bold 18px Arial; float:left}
.title3 {width:auto; height:35px; padding:10px 0 0 8px; font:bolder 30px/16px "Trebuchet MS"; float:left}
.title3 div {padding-left:3px; padding-top:8px; font:bold 12px Arial}
.title3 span {font:bold 11px Tahoma}
.title4 {padding-top:16px; font:normal 22px Arial; float:left}
.title5a, .title5b, .title5c {width:350px; height:45px; display:block; float:left}
.title6 {font:normal 24px "Trebuchet MS";}
.more1, .more2, .more3 {padding:2px 0 0 8px; font:10px Arial; float:left}
.more1 {width:47px; height:15px; margin-top:10px}
.more2 {width:98px; height:16px; margin-top:10px}
.more3 {width:98px; height:16px;}
.more1:hover, .more2:hover, .more3:hover {text-decoration:none}
.txt1, .txt2 {font:13px/18px Arial; margin-top:20px; float:left}
.txt1 {width:410px}
.txt2, .txt3, .txt4 {width:680px}
.txt3 small {width:100%; font:14px Arial; padding:2px 0 10px 3px; float:left}
.txt3 big {width:100%; padding-bottom:8px; font:24px Arial; float:left}
.txt3 normal {width:100%; padding-top:24px; padding-bottom:5px; font:bold 12px Arial; float:left}
.txt3 ul {padding-left:30px}
.txt3 li {list-style-type:disc; padding:1px 0 1px 0}
.txt4 {font:12px/20px Arial; margin-top:5px; float:left}

/* ADD-ON BLOCK */
h6.titlebox {height:60px; display:block; font:normal 12px Arial}
.contact1 h6.titlebox {height:43px;}
.quote {width:940px; height:auto; padding:0 10px 20px 10px; float:left}
.quotetxt {width:820px; padding:0 40px 0 40px; font:italic 14px Arial; float:left}
.quote1, .quote2 {width:20px; height:124px; float:left}

.page {font:bold 11px Tahoma; height:20px}
.page#p1, .page#p2 {width:70%; padding-left:30%; float:left}
.page#p3 {width:50%; float:left}
.pageof, .pagecurrent, .page a, .pageextend {height:17px; padding-top:3px; margin-right:2px; text-align:center; float:left}
.pageof {width:92px}
.pagecurrent, .page a, .pageextend {width:24px}
.page a:hover {text-decoration:none}
#pagego {width:56px; float:left}

.photo {font:13px/18px Arial; float:left}
.photo img {float:left; margin-right:34px; display:block}
.photo big {padding-bottom:8px; font:24px Arial; float:left}
.photoback {width:55%; margin-top:30px; padding-left:45%; float:left}

/* slide control */
#slide, #control, .panel {width:960px; float:left}
#slide {margin-bottom:25px}
.panel {overflow:hidden; display:none}
.slidetext {width:550px; float:left}
.slidetext h2 {font:bold 22px Arial}
.slidetext h3 {padding-top:5px; font:bold 13px Arial}
.slidetext h3 a {font:bold 11px Tahoma; text-decoration:underline}
.slidetext h4 {padding-top:15px; font:normal 12px/18px Arial}
.slidetext h5 a {height:24px; padding-top:6px; margin-top:20px; font:bold 12px Arial; float:left}
.slidetext h5 a.learn {width:103px; display:block; margin-right:4px; text-align:center}
.slidetext h5 a.action {width:112px; padding-left:10px; display:block;}
.slidetext h5 a:hover {text-decoration:none}
.slidepic {width:345px; margin-right:20px; float:right}
.slidepic img {display:block}
#control {height:36px}
.controlbox {width:108px; position:relative; margin:auto}
#control-next, #control-prev, #control-pause, #control-play {width:36px; height:36px; cursor:pointer; float:left}

/* switch view */
a.switch {width:130px; height:32px; display:block; float:right; text-indent:-9999px}
a.swap {background-position:left bottom}
a:hover.switch {opacity:0.75}
.display, .display_list {width:960px; font:normal 13px/16px Arial; margin-bottom:20px; float:left}
.display img, .display_list img {display:block; float:left}
.display li {width:240px; padding-bottom:20px; float:left}
.display_list li {padding-bottom:20px; width:960px; float:left}
.display h2, .display_list h2 {padding:0 5px 0 5px; float:left}
.display h2 {font-size:13px; padding-top:5px}
.display_list h2 {font:bold 18px Arial; padding-top:0; margin-left:15px; width:680px; display:inline}
.display p {display:none}
.display_list p {margin-left:15px; width:680px; padding:0px 5px 0 5px; display:block; float:left}

/* infobox */
.infobox1a, .infobox1b {width:300px; float:left}
.infobox1a h3 {padding-top:15px; font:normal 12px/18px Arial}
.infobox2 {width:450px; float:left}
.info-icon {width:60px; height:auto}
.info-text {width:230px; font:12px/18px Arial; float:right}
.info-rss {width:25px; height:22px; margin-left:110px; text-indent:-9999px; float:left}
.info-viewall {margin-top:5px; float:right}
.info-news {width:100%; font:12px/16px Arial; padding-bottom:18px; float:left}
.info-news small {font-size:11px}

/* 230px */
.white230, .blue230, .blue230 h2, .contact1, .contact2, .hotproduct, .extra, .whitebg {width:230px; float:left}
.white230, blue230, .contact-bonus {margin-bottom:15px}
.white230 img, .blue230 img {display:block; border:0; float:left}
.blue230 h2, .hotproduct h2 {padding:0 5px 0 5px}
.extra {margin-left:40px; margin-top:20px}
.contact1, .contact2 {height:158px; margin-bottom:12px}
.contact1 h3 {padding:0 25px 0 25px; font:normal 12px Arial}
.contact2 h3, .contact2 h4 {padding:0 10px 0 10px; font:normal 11px Tahoma}
.contact2 h4 {padding-bottom:5px}
.contact1 h3 div {margin-bottom:8px; padding-left:35px}
.contact2 h3 div {margin-bottom:5px; padding-left:25px}
.contact-bonus {width:222px; font:normal 11px/18px Arial; padding:0 4px 0 4px; float:left}
.contact-bonus big {font:bold 12px/18px Arial}
.contact-open {width:210px; font:normal 11px/14px Tahoma; padding:0 10px 0 10px; float:left}
.contact-open img {float:left; padding:20px 0 20px; display:block}
.hotproduct h3 {padding:0 10px 0 10px}
.hotproduct h4 {text-align:center; font:normal 14px/18px Arial; padding-top:10px}
.hotproduct h4 a {font-size:12px; font-weight:bold}
.search {width:210px; padding:0; float:left; margin-left:-3px}
.search-field {width:208px; margin:0; height:24px}
.search-input {width:135px; height:35px; padding:5px 0 0 12px; text-align:left; border:0; cursor:pointer; font:bold 13px Arial; margin-top:4px; float:right}
.sidebar-login-form .search-field {width:200px;}
 
/* 680px */
.white680, .mission, .sitemap, news, #comment, .commentbox, .reply, .formbox {width:680px; float:left}
.white680, .sitemap, .reply, .formbox {margin-top:15px}
.white680 img, .commentbox img {display:block; float:left}
.white680 .whitebg {width:640px; font:11px/16px Tahoma; padding:5px 20px 5px 20px; float:left}
.mission {height:546px; margin-top:20px}
.ptext {width:70%; padding:6px 0 0 30px; float:left}
.ptext h3 {font:bold 16px Arial; padding-bottom:2px}
.pvisit {width:60px; margin-left:10px; height:82px; display:block; float:left}
.sitebar {width:640px; height:30px; padding:8px 20px 0 20px; font:bold 16px Arial; float:left}
.sitebar .p1 {width:50%; float:left}
.sitetext {width:660px; padding:10px 10px 20px 10px; float:left}
.sitetext ul {width:150px; font:12px/18px Arial; float:left}
.article {padding-bottom:30px}
.article h3 {font:bold 30px/36px Arial; padding-bottom:5px; margin:0}
.article h4 {height:25px; font:normal 14px Arial; margin:0}
.article h4 a {font:bold 12px Tahoma}
.article h5 {padding:10px 2px 15px 2px; font:normal 13px/18px Verdana; margin:0}
.article h5.entry-content ul, .article h5.entry-content ol {list-style-type:disc; margin:10px 0 10px 20px; padding-left:20px}
.article h5.entry-content li {padding-left:10px; margin-bottom:5px}
.article h5 img {margin:5px auto;}
.article h6 {height:18px; margin:0}
.article h6 a:hover {border-bottom:0px}
.commentbox {margin-top:5px}
.commentbg {width:640px; font:12px/16px Arial; padding:2px 20px 5px 20px; float:left}
.commentbg span {font:normal 11px Arial}
.commentbg img {display:block; margin-left:20px; float:right}
/* formbox */
.formbox div {width:677px; padding-left:3px; font:normal 12px Tahoma; padding-bottom:4px; float:left}
.formbox small {font:normal 11px Tahoma}
.form-field {width:650px; padding:4px 0 0 30px; margin-bottom:12px; height:20px}
.form-message {width:670px; padding:4px 5px 4px 5px; height:76px}
.form-input {width:135px; height:35px; text-indent:-9999px; border:0; cursor:pointer; margin-top:4px; float:left}

.page404 {width:860px; height:528px; float:left}
.page404 .return {width:230px; height:60px; position:relative; display:block; top:380px; left:375px;}



/* Sitemap */
.sitemap-list li {margin-bottom:5px;}
.sitemap-list {margin-left:10px}





/* FOOTER */
#footer {width:974px; height:53px; padding:9px 22px 0 10px; float:left}
.minilogo {width:118px; height:44px; display:block; float:left}
.copyright, .c1, .c2 {height:25px; float:left}
.copyright {width:856px; margin-top:12px; font:11px Tahoma}
.c1 {width:556px}
.c2 {float:right; text-align:right; margin-top:4px}
#cblog {padding-left:5px; padding-right:5px}