@charset "UTF-8";
/* CSS Document */
.bg_home{background:url(../images/homebg.jpg) center top no-repeat;}
.bg_home2{background:url(../images/homebg2.jpg) center top no-repeat;}
.bg_home3{background:url(../images/homebg3.jpg) center top no-repeat;}

.bg_tol{background:url(../images/bg_tol.jpg) center top no-repeat;}

.bg_store{background:url(../images/bg_truestore1.png) center top no-repeat;}
.bg_store2{background:url(../images/bg_truestore2.png) center top no-repeat;}

/*mylife*/
#mylife-widget{width:305px; height:850px; display:block; position:fixed; top:0;}
#mylife_btn{background:url(../images/bar_mylife.png) no-repeat top left; position:relative; top:100px; display:block;width:35px; height:85px;}
#mylife_block{background:#B1C44A; width:235px;height:830px;padding:10px;   }


/*end mylife*/

/*button*/

.btngreen{background: #9dd53a; /* Old browsers */

background: -moz-linear-gradient(top,  #9dd53a 42%, #7cbc0a 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#9dd53a), color-stop(99%,#7cbc0a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #9dd53a 42%,#7cbc0a 99%); /* IE10+ */

background: linear-gradient(to bottom,  #9dd53a 42%,#7cbc0a 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
border:1px #77B900 solid;
}

.btngrey{background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border:1px #CED0D1 solid;
}

.btngrey2{background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #2a3338 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#2a3338)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* IE10+ */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#2a3338 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#2a3338',GradientType=0 ); /* IE6-9 */
border:1px #6C798C solid;
color:#6C798C;
}


/*end button*/


#content_wrapper{width:100%; margin:0 auto; padding:10px 0; position:relative;}


/*content*/
.content{width:990px; height:auto; padding:10px 0;margin:0 auto; 	}

/*inside page*/


.paging_c_wrapper{height:25px;padding:10px 0 0 0; _padding:5px 0 0 0;}
.paging_c{height:25px; }
.paging_c ul{ list-style-type:none; margin:0; padding:0;}
.paging_c ul li{display:block; float:left; margin-right:3px;}
.paging_c ul li .paging-btn-c{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background: #eee; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;text-align:center;line-height:23px; cursor:pointer;color:#939598;font-family:Arial;border:1px #ccc solid; }
.paging_c ul li .paging-btn-c:hover{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background:#fff;text-align:center;line-height:23px; cursor:pointer;color:#40454F;font-family:Arial; border:1px #ccc solid;}
.paging_c ul li .paging-btn-c.active{font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width:23px; height:23px; background: #fff;text-align:center;line-height:23px; cursor:pointer;color:#40454F;font-family:Arial; border:1px #ccc solid;}
.paging_c ul li .paging-btn-c.active:hover {color:#40454F;}

.pg_amt{width:40px; height:23px;  font-size:12px; text-align:center; line-height:23px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;color: #666;border: solid 1px #e6e6e6;background: #fff;}

/*PAGING*/



/*CONTENT*/

#left{width:230px; height:auto; padding:0 10px 0 0;}
#right{width:750px; height:auto; }


/*TOP GRAPHIC*/
#topgraphic{width:990px; height:150px; display:block; padding:0 0 10px 0;}
/*END TOP GRAPHIC*/



/*SUBLIST*/

#sublist{width:230px; height:auto;padding:0 0 10px 0;}
#sublist ul{margin:0; padding:0; list-style:none;}
#sublist ul li{width:230px; line-height:25px;display:block; float:left; color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a{color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a:hover{color:#000; font-size:14px;font-family: 'true_mediumregular'; }


#sublist ul li .active{width:230px; height:25; line-height:25px;display:block; float:left; color:#FEC432; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a .active{color:#FEC432; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a:hover .active{color:#000; font-size:14px;font-family: 'true_mediumregular'; }

#sublist ul li .activetlp{width:230px; height:25; line-height:25px;display:block; float:left; color:#A4AF07; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a .activetlp{color:#A4AF07; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a:hover .activetlp{color:#000; font-size:14px;font-family: 'true_mediumregular'; }


/*ENDSUBLIST*/

/*MENUSUBLIST*/
#menu_sublist{width:230px; height:auto;padding:10px 0;}
#menu_sublist ul{margin:0; padding:0; list-style:none;}
#menu_sublist ul li{width:230px; height:auto; padding:2px 0;display:block; float:left; color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; }
#menu_sublist ul li a{color:#6C798C; font-size:14px;font-family: 'true_mediumregular'; padding:0 0 0 15px;}

#menu_sublist ul li .active{width:210px; height:25; line-height:25px;display:block; float:left; color:#FEC432; font-size:14px;font-family: 'true_mediumregular'; }
#menu_sublist ul li a:hover #menu_sublist ul li a.active{color:#000; font-size:14px;font-family: 'true_mediumregular'; padding:0 0 0 15px; }
#menu_sublist ul li a #menu_sublist ul li a.active{color:#FEC432; font-size:14px;font-family: 'true_mediumregular'; padding:0 0 0 15px; }

/*ENDMENUSUBLIST*/

/*DETAIL*/

.headline{width:100%; height:60px;line-height:60px;font-family: 'true_lightregular'; text-align:right;}
.headline#red {color:#990000; font-size:35px; }
.headline#yellow {color:#FEC432; font-size:35px; }  
.headline#grey {color:#3C3C3C; font-size:35px; }  

.detail{color:#6C798C; font-size:12px; font-family:Arial, Tahoma; text-align:right; height:90px;} 

/*END DETAIL*/

/*DETAIL LIST*/

.subheadline{width:750px; height:30px; line-height:30px; color:#3C3C3C; font-size:20px; font-family:Arial,Tahoma; text-align:left;}



#sublist ul li .activetol{width:230px; height:25; line-height:25px;display:block; float:left; color:#01AFEF; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a .activetol{color:#01AFEF; font-size:14px;font-family: 'true_mediumregular'; }
#sublist ul li a:hover .activetol{color:#000; font-size:14px;font-family: 'true_mediumregular'; }

.detail_list{width:100%; height:auto; }
.detail_list ul{margin:0; padding:0; list-style:none; }
.detail_list ul li{display:block; float:left; width:200px; height:auto; padding:0 75px 20px 0; }
.detail_list ul.full li{display:block; float:left; width:200px; height:auto; padding:0 55px 20px 0; }
.detail_list ul li.last{width:200px; height:auto; padding:0; }
.detail_list ul.full li.last{width:200px; height:auto; padding:0; }
.detail_list ul li .thumb{width:200px; height:144px; }
.detail_list ul li .title{width:200px; height:30px; overflow:hidden; color:#6C798C; font-size:12px; padding:5px 0; word-wrap:break-word; }
.detail_list ul li .title a{color:#6C798C;  }
.detail_list ul li .title a:hover, .detail_list ul li .title a.active{color:#000;  }

/*END DETAIL LIST*/

/*CONTENT LELD*/
#content_title{width:750px; height:auto; min-height:100px;padding:0 0 10px 0;_height:90px;}
#content_title .title{width:750px; height:auto;  min-height:60px;display:block; color:#4D586B; font-size:30px;font-family: 'true_lightregular';line-height:40px; padding:0 0 10px 0;}
#content_title .social_wrapper{width:750px; height:20px;}

#content_detail{width:750px; height:auto;color:#4D586B; font-size:14px;font-family: Arail, Tahoma;}
/*CONTENT LELD*/

/*mylife share*/
#mylife_share_widget{padding:10px 0; width:750px; height:auto;}
#mylife_share_widget .amount_view{height:40px; line-height:40px;color:#4D586B; font-size:14px; display:block;font-family: Arail, Tahoma;}
#mylife_share_widget .amount_view span{font-size:22px; color:#4D586B;font-family: Arail, Tahoma; padding:0 0 0 5px;}

/*end mylife share*/


/*TOPIC LIST*/

.topic_headline{width:230px; height:auto; padding:0 0 5px 0; color:#3C3C3C; font-size:16px;font-family: 'true_mediumregular'; }
.topic_list{width:230px; height:auto;}
.topic_list ul{margin:0; padding:0; list-style:none;}
.topic_list ul li{display:block; float:left; width:230px;  height:auto; padding:10px 0; color:#6C798C; font-size:12px;}
.topic_list ul li a{color:#6C798C; font-size:12px;}
.topic_list ul li a:hover,.topic_list ul li a.active{color:#000; font-size:12px;}

.seeall{width:230px; height:25px; line-height:25px; color:#CC3333; font-size:11px;}
.seeall a{color:#cc3333;}
.seeall a:hover{ color:#000; font-size:11px;}
/*TOPIC LIST*/
/*OREDER*/

.order_btn{width:auto; height:25px;padding:0 10px; line-height:25px; text-align:center; color:#fff; font-size:14px; display:block; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor:pointer;-webkit-box-shadow: 0px 1px 9px rgba(22, 24, 34, 0.38);
-moz-box-shadow:    0px 1px 9px rgba(22, 24, 34, 0.38);
box-shadow:         0px 1px 9px rgba(22, 24, 34, 0.38);}
.order_btn:hover{width:auto; height:25px; line-height:25px; text-align:center; color:#000; font-size:14px;}
.order_btn2{width:200px; height:35px;padding:0 10px; margin:10px auto;line-height:35px; text-align:center; font-family: 'true_mediumregular';color:#fff; font-size:18px; display:block; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor:pointer;-webkit-box-shadow: 0px 1px 9px rgba(22, 24, 34, 0.38);
-moz-box-shadow:    0px 1px 9px rgba(22, 24, 34, 0.38);
box-shadow:         0px 1px 9px rgba(22, 24, 34, 0.38);}
.order_btn2:hover{width:200px; height:35px; line-height:35px; text-align:center; color:#000; font-size:18px;}
.outofstock {width:auto; height:25px;padding:0 10px; line-height:25px; text-align:center; color:#ccc; font-size:12px; display:block; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor:pointer; border:1px #ccc solid;}

/*END ORDER*/
/*PRODUCT TAB LIST*/

.product_thumb{width:auto; height:auto; text-align:left; max-width:230px; display:block;}

.product_tab_list{width:230px; height:auto;}
.product_tab_list ul{margin:0;  list-style:none; padding:10px 0;}
.product_tab_list ul li{width:215px; height:auto; display:block; float:left; background:url(../images/grey_bullet.png) center left no-repeat; padding:10px 0 10px 15px;font-size:16px;font-family: 'true_mediumregular'; color:#939598; _padding:0 0 5px 15px; !padding:0 0 5px 15px; padding:0 0 5px 15px\0/; }
.product_tab_list ul li a{color:#939598; }
.product_tab_list ul li a:hover, .product_tab_list ul li a.active{color:#000; }
/*END PRODUCT TAB LIST*/


.headline{width:100%; height:60px;line-height:60px;font-family: 'true_lightregular'; text-align:right;}

.headline#red {color:#990000; font-size:35px; }
.headline#yellow {color:#FEC432; font-size:35px; }  
.headline#sky {color:#01AFEF; font-size:35px; }  
.headline#grey {color:#3C3C3C; font-size:35px; } 
.headline#green {color:#A4AF06; font-size:35px; }