/* `Basic
----------------------------------------------------------------------------------------------------*/

html, body {
    height: 100%;
}

body {
    background: url(../images/bg.gif) left top repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display:inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display:block;
}
/* End hide from IE Mac */

a:link, a:visited {
    color: #C80000;
    text-decoration: underline;
}

a:hover, a:active {
    color: #C80000;
    text-decoration: none;
}

.wrapper {
    background: url(../images/container-left.gif) 0 126px no-repeat;
    margin: 0 auto -190px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 990px;
}

.wrapper-inner {
    background: url(../images/container-right.gif) 978px 126px no-repeat;
}

.push {
    height: 230px;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

/* `Header
----------------------------------------------------------------------------------------------------*/

.header {
    height: 136px;
}

.header h1 {
    margin-bottom: 6px;
    padding-left: 10px;
}

.header h1 a {
    display: block;
    background: url(../images/spirit.gif) 0 -48px no-repeat;
    width: 167px;
    height: 33px;
    text-indent: -9999em;
    outline: none;
}

/* `Header >> Min link
----------------------------------------------------------------------------------------------------*/

.min-link {
    padding-top: 8px;
    height: 16px;
}

.min-link ul {
    float: right;
    padding-right: 20px;
}

.min-link li {
    float: left;
}

.min-link li a {
    float: left;
    display: block;
    height: 9px;
    text-indent: -9999em;
    outline: none;
}

.min-link li.home a {
    background: url(../images/spirit.gif) 0 0 no-repeat;
    width: 25px;
}

.min-link li.home a:hover {
    background: url(../images/spirit.gif) -25px 0 no-repeat;
}

.min-link li.contact a {
    background: url(../images/spirit.gif) -50px 0 no-repeat;
    width: 38px;
}

.min-link li.contact a:hover {
    background: url(../images/spirit.gif) -88px 0 no-repeat;
}

.min-link li.home {
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px #ccc solid;
}

/* `Header >> Search
----------------------------------------------------------------------------------------------------*/

.header .search {
    padding-top: 8px;
    height: 23px;
}

.header .search form {
    float: right;
    padding-right: 18px;
}

.header .search label {
    float: left;
    background: url(../images/spirit.gif) -130px 9px no-repeat;
    margin-right: 4px;
    width: 36px;
    height: 16px;
    text-indent: -9999em;
}

.header .search .text {
    background: url(../images/spirit.gif) 0 -20px no-repeat;
    border: 0;
    padding: 4px 4px 0 8px;
    width: 144px;
    height: 19px;
    font-size: 11px;
    color: #333;
}

.search .submit {
    border: 0;
    background: url(../images/search-btn.gif) top center no-repeat;
    width: 18px;
    height: 20px;
    font-size: 1px;
    color: #85C900;
    text-indent: -9999px;
    cursor: pointer;
}

/* `Header >> Navigation 
----------------------------------------------------------------------------------------------------*/

.header .nav {
    background: url(../images/spirit.gif) right -132px no-repeat;
    padding-right: 10px;
}

.header .nav ul {
    background: url(../images/spirit.gif) left -90px no-repeat;
    float: right;
    padding-left: 10px;
}

.header .nav li {
    float: left;
}

.header .nav li a {
    float: left;
    display: block;
    height: 42px;
    text-indent: -9999em;
    outline: none;
}

.header .nav .about a {
    background: url(../images/spirit.gif) 0 -174px no-repeat;
    width: 97px;
}

.header .nav .about a:hover {
    background: url(../images/spirit.gif) -97px -174px no-repeat;
}

.header .nav .about a.selected,
.header .nav .about a.selected:hover {
    background: url(../images/spirit.gif) -194px -174px no-repeat;
    cursor: default;
}

.header .nav .news a {
    background: url(../images/spirit.gif) 0 -216px no-repeat;
    width: 71px;
}

.header .nav .news a:hover {
    background: url(../images/spirit.gif) -71px -216px no-repeat;
}

.header .nav .news a.selected,
.header .nav .news a.selected:hover {
    background: url(../images/spirit.gif) -142px -216px no-repeat;
    cursor: default;
}

.header .nav .products a {
    background: url(../images/spirit.gif) 0 -258px no-repeat;
    width: 105px;
}

.header .nav .products a:hover {
    background: url(../images/spirit.gif) -105px -258px no-repeat;
}

.header .nav .products a.selected,
.header .nav .products a.selected:hover {
    background: url(../images/spirit.gif) -210px -258px no-repeat;
    cursor: default;
}

.header .nav .download a {
    background: url(../images/spirit.gif) 0 -300px no-repeat;
    width: 110px;
}

.header .nav .download a:hover {
    background: url(../images/spirit.gif) -110px -300px no-repeat;
}

.header .nav .download a.selected,
.header .nav .download a.selected:hover {
    background: url(../images/spirit.gif) -220px -300px no-repeat;
    cursor: default;
}

.header .nav .member a {
    background: url(../images/spirit.gif) 0 -342px no-repeat;
    width: 90px;
}

.header .nav .member a:hover {
    background: url(../images/spirit.gif) -90px -342px no-repeat;
}

.header .nav .member a.selected,
.header .nav .member a.selected:hover {
    background: url(../images/spirit.gif) -180px -342px no-repeat;
    cursor: default;
}

.header .nav .brands a {
    background: url(../images/spirit.gif) 0 -384px no-repeat;
    width: 89px;
}

.header .nav .brands a:hover {
    background: url(../images/spirit.gif) -89px -384px no-repeat;
}

.header .nav .brands a.selected,
.header .nav .brands a.selected:hover {
    background: url(../images/spirit.gif) -178px -384px no-repeat;
    cursor: default;
}

.header .nav .buy a {
    background: url(../images/spirit.gif) 0 -426px no-repeat;
    width: 130px;
}

.header .nav .buy a:hover {
    background: url(../images/spirit.gif) -130px -426px no-repeat;
}

.header .nav .buy a.selected,
.header .nav .buy a.selected:hover {
    background: url(../images/spirit.gif) -260px -426px no-repeat;
    cursor: default;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container {
    padding: 0 20px 0 10px;
}

/* `Showcase
----------------------------------------------------------------------------------------------------*/

.showcase {
    background: #000;
    margin-bottom: 20px;
    height: 400px;
}

/* `Index Content
----------------------------------------------------------------------------------------------------*/

.index-content .member {
    float: left;
    margin-right: 38px;
    width: 346px;
}

.index-content .middle {
    float: left;
    width: 190px;
}

.index-content .contact {
    float: right;
    width: 346px;
}

.index-content .section {
    padding-top: 8px;
}

.index-content .section h2 {
    margin-bottom: 2px;
    height: 17px;
    text-indent: -9999em;
}

.index-content .member h2 {
    background: url(../images/spirit.gif) 0 -1317px no-repeat;
    width: 184px;
}

.index-content .contact h2 {
    background: url(../images/index_contact_heading.gif) 0 0px no-repeat;
    width: 291px;
	height: 19px;
}

.index-content .section .heading p {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
}

.index-content .contact .heading .subtitle {
    color: #789623;
}

.index-content .member .heading .subtitle {
    color: #008C9B;
}

.index-content .section .heading .subtitle {
    margin-bottom: 4px;
}

/* `Index Content >> Member 
----------------------------------------------------------------------------------------------------*/

.index-content .member .block {
    background: url(../images/spirit.gif) 0 -512px no-repeat;
    margin-top: 18px;
    padding-top: 16px;
    width: 346px;
    height: 108px;
    position: relative;

}

.index-content .member form .field {
    margin-bottom: 9px;
    position: relative;
}

.index-content .member form label {
    display: block;
    float: left;
    width: 131px;
    text-indent: -9999em;
}

.index-content .member .text {
    display: block;
    float: left;
    border: 0;
    padding: 4px 0 0 4px;
    width: 196px;
    height: 21px;
    color: #333;
}

.index-content .member .focusField {
    background: url(../images/spirit.gif) 0 -666px no-repeat;
}

.index-content .member .idleField {
    background: url(../images/spirit.gif) 0 -636px no-repeat;
}

.index-content .member .forget {
    padding-left: 8px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 16px;
    top: 13px;
}

.index-content .member .submit {
    background: url(../images/spirit.gif) 0 -696px no-repeat;
    border: 0;
    width: 92px;
    height: 30px;
    font-size: 0px;
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 0px;
}

.index-content .member .submit:hover {
    background: url(../images/spirit.gif) -102px -696px no-repeat;
}

.index-content .member .join {
    padding: 20px 0 0 10px;
    font-size: 11px;
    font-weight: bold;
}

/* `logout
----------------------------------------------------------------------------------------------------*/
.index-content .member .logout {
    background: url(../images/member-bg.gif) 0 0px no-repeat;
    margin-top: 18px;
    padding-top: 16px;
    width: 345px;
    height: 108px;
    position: relative;
}

.index-content .member .welcome {
	font-size: 11px;
	color: #999;
	line-height: 1.8;
	position: absolute;
	left: 20px;
	top: 28px;
	letter-spacing: 0.05em;
}

.index-content .member .welcome strong {
    font-size: 12px;
    color: #fff;
    line-height: 1.3;
    position: absolute;

    top: 2px;
}

.index-content .member .link {
    padding: 10px 0 0 200px;
	line-height: 1.8;
    letter-spacing: 0.05em;
}

.index-content .member .link li a{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
	color: #fff;
	text-decoration:none;
}

.index-content .member .link li a:hover{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
	color: #c80000;
	text-decoration: underline;
}

.index-content .member .logout .submit {
    background: url(../images/logout.gif) ;
    border: 0;
    width: 92px;
    height: 30px;
    font-size: 0px;
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 0px;
}

.index-content .member .logout .submit:hover {
    background: url(../images/logout.gif) 0px -30px no-repeat;
}


/* `Index Content >> Middle 
----------------------------------------------------------------------------------------------------*/

.index-content .middle {
    background: url(../images/logo-gray.gif) top no-repeat;
    padding-top: 56px;
}

.index-content .middle ul {
    background: url(../images/dotted.gif) left top repeat-x;
    padding-top: 1px;
}

.index-content .middle li {
    background: url(../images/dotted.gif) left bottom repeat-x;
    padding: 1px 0 2px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

.index-content .middle li a {
    display: block;
    padding: 7px 0;
    color: #555;
    text-decoration: none;
}

.index-content .middle li a span {
    color: #C80000;
    text-decoration: underline;
}

.index-content .middle li a:hover {
    background: #e5e5e5;
}

/* `Index Content >> Contact 
----------------------------------------------------------------------------------------------------*/

.index-content .contact .block {
    margin-top: 22px;
    height: 150px;
    position: relative;
}

.index-content .contact .block a.youtube-link{
	font-size: 12px;
	color: #333;
	letter-spacing: 0.03em;
}

.index-content .contact .block .youtube-block{
	margin: 5px 0px 0px 0px; 
	display:block; 
	height: 16px;
}

.index-content .contact .mail {
    display: block;
    width: 92px;
    height: 28px;
    text-indent: -9999em;
    position: absolute;
    right: 10px;
    top: 0px;
}

.index-content .contact .mail:hover {
    background: url(../images/spirit.gif) 0 -872px no-repeat;
}

.index-content .contact .tel,
.index-content .contact .add p {
    text-indent: -9999em;
}

.index-content .contact .add {
    width: 230px;
    height: 30px;
    font-size: 11px;
    color: #999;
    line-height: 1.3;
    position: absolute;
    left: 92px;
    top: 72px;
}

/* `Banner
----------------------------------------------------------------------------------------------------*/

.banner {
    background: #000;
    margin-bottom: 10px;
    height: 200px;
}

/* `Sidebar >> Member 
----------------------------------------------------------------------------------------------------*/

.sidebar {
    float: left;
    width: 230px;
}

.sidebar .section {
    margin-bottom: 8px;
}

.sidebar .member,
.sidebar .products {
    border: 2px #747474 solid;
    padding: 22px 22px 10px 22px;
}

.sidebar .member {
    background: #191919 url(../images/logo-dark.gif) center 22px no-repeat;
    padding-top: 78px;
}

.sidebar .member li {
    background: #191919 url(../images/dotted2.gif) left top repeat-x;
    padding: 2px 0 1px;
    font-weight: bold;
    text-align: center;
}

.sidebar .member li a {
    display: block;
    padding: 11px 0;
    color: #666;
    text-decoration: none;
}

.sidebar .member li a:hover {
    background: #000;
}

.sidebar .member li a span {
    color: #c80000;
    text-decoration: underline;
}

/* `Sidebar >> Login
----------------------------------------------------------------------------------------------------*/

.sidebar .login {
    background: url(../images/spirit.gif) left -908px no-repeat;
    height: 147px;
    position: relative;
    padding: 16px 16px 0 14px;
}

.sidebar .login .field {
    margin-bottom: 20px;
}

.sidebar .login label {
    display: block;
    margin-bottom: 5px;
    height: 14px;
    text-indent: -9999em;
}

.sidebar .login .text {
    display: block;
    float: left;
    border: 0;
    padding: 4px 0 0 4px;
    width: 196px;
    height: 21px;
    color: #333;
}

.sidebar .login .focusField {
    background: url(../images/spirit.gif) 0 -666px no-repeat;
}

.sidebar .login .idleField {
    background: url(../images/spirit.gif) 0 -636px no-repeat;
}

.sidebar .login .forget {
    padding-left: 8px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 90px;
    top: 78px;
}

.sidebar .login .submit {
    background: url(../images/spirit.gif) -240px -908px no-repeat;
    border: 0;
    width: 92px;
    height: 29px;
    font-size: 0px;
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 0px;
}

.sidebar .login .submit:hover {
    background: url(../images/spirit.gif) -240px -943px no-repeat;
}

/* `Sidebar >> Logout
----------------------------------------------------------------------------------------------------*/

.sidebar .logout {
    background: url(../images/inmember-bg.gif) 0 0px no-repeat;
    height: 147px;
    position: relative;
    padding: 16px 16px 0 14px;
}

.sidebar .logout .submit {
    background: url(../images/logout.gif) 0px 0px no-repeat;
    border: 0;
    width: 92px;
    height: 30px;
    font-size: 0px;
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 0px;
}

.sidebar .logout .submit:hover {
        background: url(../images/logout.gif) 0px -30px no-repeat;
}

.sidebar .logout .welcome {
	font-size: 11px;
	color: #999;
	line-height: 1.8;
	position: absolute;
	left: 40px;
	top: 20px;
	letter-spacing: 0.05em;
}

.sidebar .logout .welcome strong {
    font-size: 12px;
    color: #fff;
    line-height: 1.3;
    position: absolute;
    top: 2px;
}

.sidebar .logout .link {
    padding: 70px 0 0 25px;
	line-height: 1;
    letter-spacing: 0.05em;
}

.sidebar .logout .link li a{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
	color: #fff;
	text-decoration:none;
}

.sidebar .logout .link li a:hover{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
	color: #c80000;
	text-decoration: underline;
}

/* `Sidebar >> Products
----------------------------------------------------------------------------------------------------*/

.sidebar .products {
    background: #191919 url(../images/sidebar-products.gif) center 0 no-repeat;
    padding-top: 86px;
    padding-bottom: 16px;
}

.sidebar .accordion li {
    margin-bottom: 6px;
    font-size: 11px;
    line-height: 1.2;
}

.sidebar .accordion a {
    display: block;
    background: url(../images/ac-level1-open.gif) 0 2px no-repeat;
    padding-left: 17px;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.accordion li.active>a {
    background: url(../images/ac-level1-close.gif) 0 2px no-repeat;
}

.accordion .active ul {
    padding-top: 6px;
}

.accordion .active li {
    margin-bottom: 2px;
    padding-left: 17px;
}

.accordion .active li a {
    display: block;
    background: url(../images/ac-level2-open.gif) 0 6px no-repeat;
    padding-left: 10px;
    color: #717171;
    font-weight: 400;
    text-transform: none;
}

.accordion .active li.active>a {
    background: url(../images/ac-level2-close.gif) 0 6px no-repeat;
}

.accordion .active li.active ul {
    padding-top: 2px;
}

.accordion .active li.active li a {
    background: url(../images/ac-icon.gif) 0 6px no-repeat;
    color: #999;
}

.accordion .active li.active li a:hover {
    background: url(../images/ac-icon.gif) 0 -11px no-repeat;
    color: #fff;
}

.accordion .active li span {
    color: #8DBA07;
    padding-left: 3px;
}

/* `Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.content {
    float: right;
    width: 700px;
}

.breadcrumbs {
    background: url(../images/dotted.gif) left bottom repeat-x;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.breadcrumbs ul {
    float: right;
}

.breadcrumbs li {
    background: url(../images/breadcrumbs.gif) right 4px no-repeat;
    float: left;
    color: #ff4600;
    font-size: 11px;
    margin-right: 3px;
    padding-right: 7px;
}

.content .breadcrumbs li a {
    float: left;
    color: #666;
    text-decoration: none;
}

.breadcrumbs li a:hover {
    color: #C80000;
    text-decoration: underline;
}

.breadcrumbs li.frist {
    font-weight: bold;
}

.breadcrumbs li.last {
    background: transparent;
    margin-right: 0;
    padding-right: 0;
}

/* `Main
----------------------------------------------------------------------------------------------------*/

.main .heading {
    margin-bottom: 30px;
    position: relative;
}

.main .heading h2 {
    background: url(../images/spirit.gif) no-repeat;
    height: 19px;
    text-indent: -9999em;
}

.main .heading .subtitle {
    font-size: 10px;
    font-weight: bold;
}

.doc {
    height: 1%; /*fix ie "haslayout" fucking problem*/
}

.main .heading .search {
    position: absolute;
    right: 0px;
    top: 0px;
}

.main .heading .search select {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

.main .heading .search .text {
    background: url(../images/spirit.gif) 0 -1108px no-repeat;
    border: 0;
    padding: 4px 4px 0 8px;
    width: 132px;
    height: 19px;
    font-size: 11px;
    color: #333;
}

.main .heading .search p {
    background: url(../images/spirit.gif) 3px -1093px no-repeat;
    width: 132px;
    height: 6px;
    text-indent: -9999em;
}

.main .heading .search p.download {
    float: right;
    background: url(../images/download.gif) right no-repeat;
    width: 148px;
    clear: right;
    margin-top: 1px;
}

/* `About
----------------------------------------------------------------------------------------------------*/

.main .about .heading h2 {
    background-position: 0 -1251px;
}

.main .about .heading .subtitle {
    color: #feae00;
}

.main .about .doc  {
    background: url(../images/about-illustration.jpg) left top no-repeat;
    padding-left: 190px;
}

.main .about .hd {
    margin-bottom: 10px;
}

.main .about .hd h3,
.main .contact .hd h3,
.main .product .hd h3 {
    font: italic 400 18px/100% Arial, Helvetica, sans-serif;
    color: #fad200;
    text-transform: uppercase;
}

.main .about .hd p,
.main .contact .hd p {
    font-size: 10px;
}

/* `Brand
----------------------------------------------------------------------------------------------------*/

.main .brands .heading h2 {
    background-position: 0 -1339px;
}

.main .brands .heading .subtitle {
    color: #552396;
}

.main .brands .items {
    background: url(../images/brands-partition.gif) center bottom no-repeat;
    padding-left: 50px;
    margin-bottom: 20px;
}

.main .brands .mco {
    overflow: hidden;
}

.main .brands .mco li {
    width: 140px;
    height: 90px;
    overflow: hidden;
    position: relative;
}

.main .brands .mco li a:hover img {
    position: absolute;
    left: 0px;
    top: -90px;
}

.main .brands .mco li a {
    display: block;
    width: 140px;
    height: 90px;
}

div.li_container {
    width: 650px;
}

.main .brands .intro {
    margin-bottom: 10px;
}

.main .brands .photo {
    float: left;
    width: 160px;
}

.main .brands .photo p {
    margin: 0 auto;
    width: 140px;
    height: 90px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.main .brands .photo img {
    position: absolute;
    left: 0px;
    top: -90px;
}

.main .brands .description {
    float: right;
    background: url(../images/partition.gif) left bottom no-repeat;
    padding-left: 20px;
    width: 520px;
    min-height: 500px;
}

.main .brands .click-here a {
    display: block;
    background: url(../images/spirit.gif) 0 -1160px no-repeat;
    width: 283px;
    height: 28px;
    text-indent: -9999em;
    outline: none;
}

/* `Product
----------------------------------------------------------------------------------------------------*/

.main .product .heading h2 {
    background-position: 0 -1295px;
}

.main .product .heading .subtitle,
.main .product .hd h3 {
    color: #ff4600;
}

.main .product .hd h3 {
    margin-bottom: 20px;
}

.main .product .items li {
    float: left;
    margin: 0 23px 30px 0;
    width: 152px;
    height: 230px; 
}

.main .product .items .new li {
    height: 200px;
}

.main .product .items li .photo a {
    display: block;
    border: 1px #ddd solid;
    width: 150px;
    height: 150px;
}

.main .product .items li .photo a:hover {
    border: 1px #aaa solid;
}

.main .product .items li h4 {
    margin: 6px 0 4px 0;
    text-align: center;
    background: url(../images/dotted.gif) left bottom repeat-x;
    height: 42px;
}

.main .product .items .processor {
    margin-bottom: 3px;
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
    overflow: hidden;
}

.main .product .items .processor p {
    width: 152px;
    -o-text-overflow:ellipsis; 
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.main .product .items .processor span {
    border-left: 1px #aaa solid;
    padding-left: 3px;
    color: #ff4600;
}

.main .product .items .more a {
    display: block;
    background: url(../images/spirit.gif) 0 -1226px no-repeat;
    width: 152px;
    height: 15px;
    text-indent: -9999em;
    outline: none;
}

.main .product .items .more a:hover {
    background: url(../images/spirit.gif) -156px -1226px no-repeat;
}

.main .product .intro .photo {
    float: left;
    width: 310px;
    margin-right: 10px;
    position: relative;
}

.main .product .intro .photo img {
    border: 1px #ccc solid;
    padding: 2px;
    margin-left: 4px;
}

.main .product .intro .photo .zoom {
    display: block;
    background: url(../images/zoom.gif) no-repeat;
    width: 66px;
    height: 35px;
    position: absolute;
    left: 0px;
    bottom: 30px;
    text-indent: -9999em;
    outline: none;
}

.main .product .intro .info {
    float: left;
    background: url(../images/product-dotted.gif) left top repeat-x;
    padding-top: 4px;
    width: 328px;
}

.main .product .intro .info-inner {
    background: url(../images/product-lab.gif) left top repeat-y;
}

.main .product .info .field {
    background: url(../images/dotted3.gif) left bottom repeat-x;
}

.main .product .info .lab {
    float: left;
    width: 85px;
    height: 17px;
    background-position: 5px 12px;
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.main .product .info .item {
    background-image: url(../images/lab-item.gif);
}

.main .product .info .code {
    background-image: url(../images/lab-code.gif);
}

.main .product .info .processor {
    background-image: url(../images/lab-processor.gif);
}

.main .product .info .chipset {
    background-image: url(../images/lab-chipset.gif);
}

.main .product .info .front {
    background-image: url(../images/lab-front.gif);
}

.main .product .info .dp {
    background-image: url(../images/lab-dp.gif);
}

.main .product .info .srp {
    background-image: url(../images/lab-srp.gif);
}

.main .product .info .item-name {
    background-image: url(../images/item-name.gif);
}

.main .product .info .model-number {
    background-image: url(../images/model-number.gif);
}

.main .product .info .specification {
    background-image: url(../images/specification.gif);
}

.main .product .info .condition {
    background-image: url(../images/condition.gif);
}

.main .product .info .warranty {
    background-image: url(../images/warranty.gif);
}

.main .product .info .detail {
    float: right;
    padding: 10px 0 10px 10px;
    width: 233px;
    font-size: 11px;
    color: #aaa;
}

.main .product .info .detail strong {
    font-size: 14px;
    color: #333;
}

.main .product .info .detail span {
    font-size: 12px;
    color: #ff4600;
    line-height: 1.1;
}

.main .product .info .detail b {
    color: #ff0000;
    font-weight: 400;
}

.main .product .info .login {
    margin-top: 16px;
}

.main .product .info .login a {
    background: url(../images/spirit.gif) 0 -1436px no-repeat;
    display: block;
    width: 142px;
    height: 37px;
    text-indent: -9999em;
    outline: none;
}

.main .product .info .login a:hover {
    background: url(../images/spirit.gif) -146px -1436px no-repeat;
}

.main .product .account {
    margin: 30px 0 40px;
    padding-right: 52px;
}

.main .product .account-inner {
    border-top: 1px #f0f0f0 solid;
    padding-top: 6px;
}

.main .product .account .field {
    border-bottom: 1px #f0f0f0 solid;
    margin-bottom: 7px;
    padding-bottom: 6px;
}

.main .product .account .field h5 {
    float: left;
    margin-right: 14px;
    width: 170px;
}

.main .product .account .field p {
    float: right;
    width: 462px;
    line-height: 1.2;
}

.main .product .account .field ul {
    float: right;
    padding-left: 16px;
    width: 448px;
    list-style-type: disc;
}

.main .product .account li {
    margin-bottom: 4px;
    line-height: 1.2;
}

.main .product .account .photo-group {
    border-bottom: 0;
    padding: 20px 0;
}

.main .product .account .field img {
    float: left;
    display: block;
    border: 1px #ccc solid;
    margin: 0 10px 10px 0;
    padding: 2px;
}

/* `News
----------------------------------------------------------------------------------------------------*/

.main .news .heading h2 {
    background-position: 0 -1273px;
}

.main .news .heading .subtitle {
    color: #ff3232;
}

.main .news .items {
    padding-right: 150px;
}

.main .news .items li {
    margin-bottom: 30px;
}

.main .news .items .hd {
    border-bottom: 1px #d80000 solid;
    margin-bottom: 2px;
}

.main .news .items .time {
    float: left;
    background: url(../images/news-li.gif) left 4px no-repeat;
    padding: 3px 0 0 10px;
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
}

.main .news .items .more {
    float: right;
    background: url(../images/spirit.gif) 0 -1483px no-repeat;
    width: 68px;
    height: 17px;
    text-indent: -9999em;
    outline: none;
}

.main .news .items .more:hover {
    background: url(../images/spirit.gif) -72px -1483px no-repeat;
}

.main .news .items .title {
    background: url(../images/dotted.gif) left bottom repeat-x;
    margin-bottom: 4px;
    padding-bottom: 2px;
}

.main .news .items h3 {
    background: #f2f2f2;
    padding: 5px 12px;
    line-height: 1.2;
}

.main .news .items .brief {
    padding: 0 12px;
    color: #666;
    line-height: 1.2;
}

.main .news .intro .hd {
    border-bottom: 1px #f0f0f0 solid;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.main .news .intro .time {
    margin-bottom: 8px;
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
}

.main .news .intro {
    margin-bottom: 30px;
}

.main .news .intro h2 {
    width: 500px;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
}

.main .news .intro .description .bd {
    float: left;
    width: 380px;
}

.main .news .intro .description .photo {
    float: right;
    width: 300px;
}

/* `Contact
----------------------------------------------------------------------------------------------------*/

.main .contact .heading h2 {
    background-position: 0 -1361px;
}

.main .contact .heading .subtitle {
    color: #789623;
}

.main .contact .section {
    background: url(../images/hr.gif) left bottom no-repeat;
    margin-bottom: 30px;
    padding-bottom: 50px;
    width: 100%;
}

.main .contact .form .left,
.main .member .register .left {
    float: left;
    width: 336px;
}

.main .contact .form .right,
.main .member .register .right {
    float: right;
    width: 336px;
}

.main .contact .form .field,
.main .member .register .field {
    margin-bottom: 6px;
}

.main .contact .form label,
.main .member .register label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: bold;
    color: #555;
}

.main .contact .form .text,
.main .member .register .text {
    background: url(../images/spirit.gif) 0 -1508px no-repeat;
    border: 0;
    padding: 7px 0 0 8px;
    width: 328px;
    height: 24px;
}

.main .contact .form .textarea {
    background: url(../images/textarea.gif) 0 0 no-repeat;
    border: 0;
    padding: 7px 8px;
    width: 320px;
    height: 74px;
    font-size: 12px;
}

.main .contact .form .button {
    text-align: right;
}

.main .contact .form .button input,
.main .member .register .button input {
    background: url(../images/spirit.gif) no-repeat;
    border: 0;
    width: 72px;
    height: 27px;
    font-size: 1px;
    cursor: pointer;
}

.main .contact .form .button .reset,
.main .member .register .button .reset {
    background-position: 0 -1637px;
}

.main .contact .form .button .reset:hover,
.main .member .register .button .reset:hover {
    background-position: -78px -1637px;
}

.main .contact .form .button .submit,
.main .member .register .button .submit {
    background-position: -156px -1637px;
}

.main .contact .form .button .submit:hover,
.main .member .register .button .submit:hover {
    background-position: -234px -1637px;
}

.main .contact .hd {
    margin-bottom: 20px;
}

.main .contact .hd h3 {
    color: #789623;
}

.main .contact .information {
    background: url(../images/product-dotted.gif) left top repeat-x;
    margin-right: 225px;
    padding-top: 4px;
    font-size: 11px;
    border-bottom: 3px #c8c8c8 solid;
}

.main .contact .information-inner {
    background: url(../images/information-lab.gif) left top repeat-y;
}

.main .contact .information .field {
    background: url(../images/dotted3.gif) left bottom repeat-x;
    line-height: 1.2;
}

.main .contact .information .lab {
    float: left;
    padding: 9px 10px;
    width: 205px;
    text-align: right;
    text-transform: uppercase;
    color: #999;
}

.main .contact .information .detail {
    float: left;
    padding: 9px 0 10px 9px;
    color: #aaa;
}

/* `Member
----------------------------------------------------------------------------------------------------*/

.main .member .heading h2 {
    background-position: 0 -1317px;
}

.main .member .heading .subtitle {
    color: #008c9b;
}

.main .member .register label span {
    padding-left: 8px;
    font-size: 9px;
    font-weight: 400;
}

.main .member .register .button {
    background: url(../images/hr.gif) left top no-repeat;
    margin-top: 30px;
    padding-top: 20px;
    text-align: center;
}

.main .member .register .text.lock {
    background: url(../images/spirit.gif) 0 -1670px no-repeat;
    color: #999;
}

.main .member .login {
    background: url(../images/member-spirit.gif) 0 0 no-repeat;
    width: 680px;
    height: 161px;
    position: relative;
}

.main .member .login .left {
    float: left;
    padding: 15px 18px 20px;
    width: 322px;
}

.main .member .login h4 {
    margin-bottom: 14px;
    padding-left: 22px;
    font: italic 400 18px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #008c9b;
}

.main .member .login .describe {
    margin-bottom: 14px;
    color: #333;
    line-height: 1.4;
}

.main .member .login .reg {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 246px;
    bottom: 24px;
}

.main .member .login .right {
    float: left;
    padding: 36px 20px 0 24px;
    width: 278px;
}

.main .member .login .field {
    margin-bottom: 9px;
}

.main .member .login .field label {
    display: block;
    float: left;
    margin-right: 7px;
    padding-top: 8px;
    width: 75px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.main .member .login .field .text {
    display: block;
    float: left;
    background: url(../images/member-spirit.gif) 0 -167px no-repeat;
    border: 0;
    padding: 7px 0 0 8px;
    width: 184px;
    height: 24px;
}

.main .member .login .button {
    text-align: right;
}

.main .member .login .button input {
    background-image: url(../images/member-spirit.gif);
    border: 0;
    width: 73px;
    height: 28px;
    font-size: 1px;
    cursor: pointer;
}

.main .member .login .button .go {
    background-position: 0 -204px;
}

.main .member .login .button .go:hover {
    background-position: -77px -204px;
}

.main .member .login .button .reset {
    background-position: -154px -204px;
}

.main .member .login .button .reset:hover {
    background-position: -231px -204px;
}

.main .member .login .button .submit {
    background-position: -308px -204px;
}

.main .member .login .button .submit:hover {
    background-position: -385px -204px;
}

.main .member .login .button .forget {
    padding-right: 6px;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
}

.main .member .login .button .forget a {
    display: inline-block;
    padding-top: 8px;
}

/* `Buy
----------------------------------------------------------------------------------------------------*/

.main .buy .heading h2 {
    background-position: 0 -1405px;
}

.main .buy .heading .subtitle {
    color: #864108;
}

.main .buy .heading form {
    float: right;
    padding-right: 0px;
}

.main .buy .heading form select {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

.main .buy .heading .search p {
    float: right;
    background: url(../images/spirit.gif) 0 -1706px no-repeat;
    width: 124px;
    clear: right;
}

.main .buy .hd h3 {
    font: italic 400 18px/100% Arial, Helvetica, sans-serif;
    margin-bottom: 18px;
    color: #C4835b;
    text-transform: uppercase;
}

.main .buy .items .section {
    float: left;
    background: url(../images/product-dotted.gif) left top repeat-x;
    border-bottom: 1px #c8c8c8 solid;
    padding-top: 4px;
    width: 550px;
    margin-bottom: 15px;
}

.main .buy .section-inner {
    background: url(../images/buy-lab.gif) left top repeat-y;
}

.main .buy .field {
    background: url(../images/dotted3.gif) left bottom repeat-x;
}

.main .buy .field .lab {
    float: left;
    width: 120px;
    height: 17px;
    text-indent: -9999em;
}

.main .buy .district .lab {
    background: url(../images/lab-district.gif) 71px 8px no-repeat;
}

.main .buy .company .lab {
    background: url(../images/lab-company.gif) 53px 8px no-repeat;
}

.main .buy .tel .lab {
    background: url(../images/lab-tel.gif) 89px 8px no-repeat;
}

.main .buy .add .lab {
    background: url(../images/lab-add.gif) 88px 8px no-repeat;
}

.main .buy .website .lab {
    background: url(../images/lab-website.gif) 49px 4px no-repeat;
}

.main .buy .field .detail {
    float: right;
    padding: 4px 0 4px 10px;
    width: 420px;
    font-size: 11px;
    line-height: 1.2;
}

.main .buy .district .detail span {
    font-size: 12px;
    color: #F00;
}

.main .buy .field .detail strong {
    color: #333;
}

.main .buy .field .detail a {
    color: #864005;
}

.main .buy .field .detail a:hover {
    text-decoration: none;
}

.main .buy .add .map {
    display: inline-block;
    background: url(../images/spirit.gif) 4px -1718px no-repeat;
    padding-left: 4px;
    width: 35px;
    height: 13px;
    text-indent: -9999px;
    outline: none;
}

/* `Download
----------------------------------------------------------------------------------------------------*/

.main .download .heading h2 {
    background-position: 0 -1737px;
}

.main .download .heading .subtitle {
    color: #ab5b78;
}

.main .download .hd {
    margin-bottom: 18px;
}

.main .download .hd h3 {
    float: left;
    font: italic 400 18px/100% Arial, Helvetica, sans-serif;
    color: #ab5b78;
    text-transform: uppercase;
    padding-top: 6px;
}

.main .download .hd h3 span {
    text-transform: none;
}

.main .download .hd .button {
    display: block;
    float: left;
    height: 35px;
    text-indent: -9999em;
    outline: none;
}

.main .download .hd .motherboard {
    background: url(../images/motherboard-btn.gif) no-repeat;
    margin-left: 4px;
    width: 135px;
}

.main .download .hd .graphic {
    background: url(../images/graphic-btn.gif) no-repeat;
    margin-left: 4px;
    width: 135px;
}

.main .download .hd .others {
    background: url(../images/other-btn.gif) no-repeat;
	margin-left: 4px;
    width: 75px;
}

.main .download .hd .possible {
    background: url(../images/download-possible.gif) left top no-repeat;
    padding: 0 20px;
    width: 510px;
    height: 30px;
    font-size: 11px;
    color: #333;
    line-height: 30px;
    clear: left;
}

.main .download .hd .possible span {
    font-weight: bold;
    color: #850000;
}

.main .download .forms {
    border-top: 1px #888 solid;
    width: 375px;
}

.main .download .forms th {
    background: #c8c8c8;
    height: 30px;
    text-indent: -9999em;
}

.main .download .forms th.file {
    background: #c8c8c8 url(../images/spirit.gif) 14px -1764px no-repeat;
}

.main .download .forms th.dl {
    background: #c8c8c8 url(../images/spirit.gif) 14px -1787px no-repeat;
    width: 115px;
}

.main .download .forms td {
    border: 0;
    border-bottom: 1px #c8c8c8 solid;
    padding: 0.8em 0 0.8em 14px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.main .download .forms td.dl {
    background: #fafafa;
}

.main .download .forms td.dl a {
    background: url(../images/spirit.gif) 0 -1824px no-repeat;
    padding-left: 20px;
    color: #a95a79;
}

.main .download .items .picture {
    float: left;
    border: 1px #c8c8c8 solid;
    margin-right: 5px;
    width: 168px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.main .download .items .picture a:hover img {
    position: absolute;
    bottom: 0px;
}

.main .download .items .section {
    float: left;
    background: url(../images/product-dotted.gif) left top repeat-x;
    border-bottom: 1px #c8c8c8 solid;
    margin-bottom: 20px;
    padding-top: 4px;
    width: 375px;
}

.main .download .section-inner {
    background: url(../images/product-lab.gif) left top repeat-y;
}

.main .download .field {
    background: url(../images/dotted3.gif) left bottom repeat-x;
}

.main .download .dl {
    background: transparent;
}

.main .download .field .lab {
    float: left;
    width: 85px;
    height: 17px;
    text-indent: -9999em;
}

.main .download .brand .lab {
    background: url(../images/lab-brand.gif) 36px 12px no-repeat;
}

.main .download .dl .lab {
    background: url(../images/lab-download.gif) 21px 12px no-repeat;
}

.main .download .field .detail {
    float: right;
    padding: 8px 0 8px 10px;
    width: 280px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
}

.main .download .brand .detail {
    padding: 7px 0 8px 10px;
    color: #000;
}

.main .download .dl .detail {
	/*miles20100508
    background: url(../images/spirit.gif) 0 -1816px no-repeat;*/
    padding-left: 20px;
    width: 260px;
}

.main .download .dl .detail a {
    color: #a95a79;
}

/* `Paging
----------------------------------------------------------------------------------------------------*/

.main .paging {
    float: left;
    background: url(../images/hr.gif) left top no-repeat;
    padding-top: 18px;
    width: 100%;
}

.main .paging ul {
    clear:left;
    float:left;
    position:relative;
    left:50%;
    text-align:center;
}

.main .paging li {
    display:block;
    float:left;
    position:relative;
    right:50%;
    margin: 0 4px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.main .paging li a {
    display:block;
    float:left;
    color: #999;
    text-decoration: none;
}

.main .paging li a:hover {
    color: #87C800;
    text-decoration: underline;
}

.main .paging li.selected a,
.main .paging li.selected a:hover {
    color: #000;
    text-decoration: none;
    cursor: default;
}

.main .paging li.prev a,
.main .paging li.next a,
.main .intro-paging li.prev a,
.main .intro-paging li.next a {
    display:block;
    margin: 0 12px;
    width: 51px;
    height: 13px;
    text-indent: -9999em;
    outline: none;
}

.main .paging li.prev a,
.main .intro-paging li.prev a {
    background: url(../images/spirit.gif) 0 -1140px no-repeat;
}

.main .paging li.prev a:hover,
.main .intro-paging li.prev a:hover {
    background: url(../images/spirit.gif) -55px -1140px no-repeat;
}

.main .paging li.next a,
.main .intro-paging li.next a {
    background: url(../images/spirit.gif) -110px -1140px no-repeat;
}

.main .paging li.next a:hover,
.main .intro-paging li.next a:hover {
    background: url(../images/spirit.gif) -165px -1140px no-repeat;
}
.main .product .doc .boxinside {	
	margin: 0 0 50px 0;
}
.main .intro-paging {
    background: url(../images/hr.gif) left 17px no-repeat;
    height: 60px;
    position: relative;
}

.main .intro-paging li.prev {
    float: left;
}

.main .intro-paging li.next {
    float: right;
}

.main .intro-paging li.prev a,
.main .intro-paging li.next a {
    margin: 0;
}

.main .intro-paging .back {
    background: url(../images/spirit.gif) 0 -1192px no-repeat;
    display: block;
    width: 72px;
    height: 27px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    text-indent: -9999em;
    outline: none;
}

.main .intro-paging .back:hover {
    background: url(../images/spirit.gif) -76px -1192px no-repeat;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/

.footer {
    background: #000 url(../images/footer.gif) left top repeat-x;
    height: 190px;
    color: #b3b3b3;
}

.footer-inner {
    margin: 0 auto;
    padding-top: 66px;
    width: 990px;
    position: relative;
}

.footer .top {
    background: url(../images/spirit.gif) right 0 no-repeat;
    height: 50px;
    padding: 20px 10px 0;
    position: absolute;
    right: 10px;
    top: 0px;
}

.footer .top a {
    display: block;
    width: 80px;
    height: 30px;
    text-indent: -9999px;
}

.footer .top a:hover {
    background: url(../images/spirit.gif) right -80px no-repeat;
}

.footer .brands-scroll {
    margin: 0 0 38px 6px;
}

.footer .links {
    text-align: center;
}

.footer .links ul {
    margin-bottom: 10px;
}

.footer .links li {
    display: inline;
    border-right: 1px #bbb solid;
    margin-right: 4px;
    padding-right: 6px;
    font-size: 11px;
}

.footer .links li.last {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.footer .links li a {
    color: #bbb;
    text-decoration: none;
}

.footer .links li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer .copyright {
    background: url(../images/spirit.gif) 0 -734px no-repeat;
    margin: 0 auto;
    width: 388px;
    height: 6px;
}

.footer .copyright address {
    float: left;
    width: 311px;
    text-indent: -9999em;
}

.footer .copyright a {
    display: block;
    float: left;
    width: 77px;
    text-indent: -9999em;
}

.footer .copyright a:hover {
    background: url(../images/spirit.gif) -311px -720px no-repeat;
}

/* `Networking
----------------------------------------------------------------------------------------------------*/

.main .networking .heading h2 {
    background: url(../images/index_contact_heading.gif) 0 0px no-repeat;
    width: 291px;
	height: 19px;
}

.main .networking .heading .subtitle {
	color: #789623;
}

.main .about .doc  {

}