body {
    background-color: #000000;
    color: white;
    margin:0px;
    cursor: default;
    font-family:Arial, Helvetica, sans-serif;
}

h1
{
  font-size: 16px;
  text-align: center;
}
h2
{
  font-size: 14px;
}

p {
	font-size:12px;
	padding:10px;
}

#outer {	
	width:100%;	
	float:left;	 
}

#wrapper {
	width:900px;	
	margin:0 auto;
	
}

#nav {
	width:900px;	
	float:left;
}
#nav-left {	
	height:112px;
	width:380px;
	float:left;
}
#nav-right {
	margin-left:100px;
	height:112px;
	width:380px;
	float:right;
}
#nav ul {	
	margin:0;
	padding:0;
	width:100%;
	height:112px;
	list-style:none;	
}
#nav  li{	
	float:left;
	display:block;
	width:126px;
	height:auto;
}

#nav  li .img{	
	text-align: center;
}
#nav  li .link{	
	float:left;
	width:126px;
	text-align:center;	
}

#nav  li .link a{	
	text-decoration:none;
	color:#d4d4d4;
	font-size:12px;
	font-weight:bold;
}

#content {
	width:900px;
	float:left;
	margin-top:16px;
	margin-bottom:30px;
}

#content ul {
	margin:0px;	
	padding:0px;
	margin-top:6px;		
	
}

#content li {	
	font-size:12px;
	margin-bottom:5px;
	background:url('../images/category/li_icon.png') no-repeat left center;
	margin-left:10px;
}

#content li  a {
	text-decoration:none;
	color:white;
	padding-left:20px;
}


#content .content-left {
	float:left;
	width:380px;
	height:auto;
}

#content .content-center {
	float:left;
	width:140px;
	height:auto;	
}

#content .content-right {
	float:left;
	width:380px;
}

#content h2 {
	color:white;
	margin-top:7px;
}
/***************** Start Navigation Footer **********************/
#nav-header {
	width:300px;	
	text-align:right;
    clear: both;
   	padding-top:10px;
	padding-bottom:10px;
	margin:0px auto;
	float:right;
}

#nav-header ul  {	
	margin:0;
	padding:0;		
	list-style:none;	
	margin-bottom:5px;
}

#nav-header ul li{
	width:auto;
	margin-left:20px;
	font-size:12px;		
	display:inline;	
}

#nav-header ul li a{	
	color:#CCCCCC;
	text-decoration:none;
	line-height:20px;
}
#nav-header ul li a:hover{
	color: #F00000;
}
/***************** End Navigation Footer **********************/
 
/***************** Start Post left top **********************/
.post-left-top {
	width:380px;
	height:auto;
	float:left;
	margin-bottom:10px;
}

.post-left-top-a {
	width:11px;
	height:37px;
	float:left;
	background:url('../images/category/bg_14.jpg') top left no-repeat;
}
.post-left-top-b {
	width:357px;
	height:37px;
	float:left;
	background:url('../images/category/bg_16.jpg') top left repeat-x;
}
.post-left-top-c {
	width:10px;
	height:37px;
	float:left;
	background:url('../images/category/bg_18.jpg') top left no-repeat;
}

.post-left-top-body {
	width:378px;
	height:auto;	
	float:left;
	background:url('../images/category/bg_25.jpg') top left repeat-y;
        min-height:220px;
}

.post-left-top-d {
	width:378px;
	height:7px;
	float:left;
	background:url('../images/category/bg_30.jpg') top left no-repeat;
}

/***************** End Post left top **********************/


/***************** Start Post left bottom **********************/
.post-left-bottom {
	width:380px;
	height:auto;
	float:left;
}

.post-left-bottom-a {
	width:10px;
	height:37px;
	float:left;
	background:url('../images/category/bg_34.jpg') top left no-repeat;
}
.post-left-bottom-b {
	width:358px;
	height:37px;
	float:left;
	background:url('../images/category/bg_36.jpg') top left repeat-x;
}
.post-left-bottom-c {
	width:10px;
	height:37px;
	float:left;
	background:url('../images/category/clicclac1_35.jpg') top left no-repeat;
}

.post-left-bottom-body {
	width:378px;
	height:250px;	
	float:left;
	background:url('../images/category/clicclac1_36.jpg') top left repeat-y;
}

.post-left-bottom-d {
	width:378px;
	height:7px;
	float:left;
	background:url('../images/category/clicclac1_38.jpg') top left no-repeat;
}

/***************** End Post left bottom **********************/


/***************** Start Post right top **********************/
.post-right-top {
	width:380px;
	height:auto;
	float:left;
	margin-bottom:10px;
}

.post-right-top-a {
	width:8px;
	height:37px;
	float:left;
	background:url('../images/category/bg_19.jpg') top left no-repeat;
}
.post-right-top-b {
	width:354px;
	height:37px;
	float:left;
	background:url('../images/category/bg_21.jpg') top left repeat-x;
}
.post-right-top-c {
	width:16px;
	height:37px;
	float:left;
	background:url('../images/category/clicclac1_21.jpg') top left no-repeat;
}

.post-right-top-body {
	width:378px;
	height:auto;	
	float:left;
        min-height:220px;
        background:url('../images/category/clicclac1_26.jpg') top left repeat-y;
}

.post-right-top-d {
	width:378px;
	height:7px;
	float:left;
	background:url('../images/category/clicclac1_30.jpg') top left no-repeat;
}
/***************** End Post left top **********************/


/***************** Start Post right bottom **********************/
.post-right-bottom {
	width:380px;
	height:auto;
	float:left;
}

.post-right-bottom-a {
	width:10px;
	height:37px;
	float:left;
	background:url('../images/category/bg_34.jpg') top left no-repeat;
}
.post-right-bottom-b {
	width:358px;
	height:37px;
	float:left;
	background:url('../images/category/bg_36.jpg') top left repeat-x;
}
.post-right-bottom-c {
	width:10px;
	height:37px;
	float:left;
	background:url('../images/category/clicclac1_35.jpg') top left no-repeat;
}

.post-right-bottom-body {
	width:378px;
	min-height: 250px;
    max-height: 250px;
    overflow:auto;
	float:left;
	background:url('../images/category/clicclac1_36.jpg') top left repeat-y;
}

.post-right-bottom-d {
	width:378px;
	height:7px;
	float:left;
	background:url('../images/category/clicclac1_38.jpg') top left no-repeat;
}

#content ul {
	margin:0;	
	list-style:none;
	margin-top:6px;	
}

#content .post-right-bottom li {
	font-size:12px;
	width:300px;
	margin-bottom:5px;
}

#content .post-right-bottom li  a {
	text-decoration:none;
	color:white;
	padding-left:20px;
}
/***************** End Post left bottom **********************/

/***************** Start Get Sample center **********************/
.center-sample {
	margin-top:120px;
	margin-left:20px;
	width:100px;
	height:155px;
	vertical-align: middle;
	text-align:center;
	
}

/***************** Start Center Content **********************/
.post-center-top {
	width:901px;
	height:auto;
	float:left;
}

.post-center-top-a {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_03.jpg') top left no-repeat;
}
.post-center-top-b {
	width:881px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05.jpg') top left repeat-x;
}
.post-center-top-c {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05-03.jpg') top left no-repeat;
}

.post-center-top-body {
	width:901px;
	height:auto;	
	float:left;
	background:url('../images/category/clicclac2_12.jpg') top left repeat-y;
}

.post-center-top-d {
	width:901px;
	height:8px;
	float:left;
	background:url('../images/category/clicclac2-bottom_14.jpg') top left no-repeat;
}
/***************** End Center Content **********************/


/***************** Start Content Bottom Left **********************/
.content-bottom {
	float:left;
	width:900px;	
	margin-top:13px;
}

.post-content-bottom{
	width:378px;
	height:auto;
	float:left;
}

.post-content-bottom-a {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_03.jpg') top left no-repeat;
}

.post-content-bottom-b {
	width:358px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05.jpg') top left repeat-x;
}
.post-content-bottom-c {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05-03.jpg') top left no-repeat;
}

.post-content-bottom-body {
	width:378px;
	min-height: 260px;
    max-height: 260px;
    overflow:auto;	
	float:left;
	background:url('../images/category/clicclac22_19.jpg') top left repeat-y;
}

.post-content-bottom-d {
	width:378px;
	height:8px;
	float:left;
	background:url('../images/category/clicclac2_16.jpg') top left no-repeat;
}
/***************** Start Content Bottom Left **********************/


/***************** Start Content Bottom Right **********************/

.post-content-bottom-left {
	width:511px;
	height:auto;
	float:left;
	margin-left:11px;
}

.post-content-bottom-left-a {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_03.jpg') top left no-repeat;
}

.post-content-bottom-left-b {
	width:491px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05.jpg') top left repeat-x;
}
.post-content-bottom-left-c {
	width:10px;
	height:40px;
	float:left;
	background:url('../images/category/clicclac2_05-03.jpg') top left no-repeat;
}

.post-content-bottom-left-body {
	width:511px;
	min-height: 260px;
    max-height: 260px; 	
	float:left;
	background:url('../images/category/clicclac22_17.jpg') top left repeat-y;
}

.post-content-bottom-left-d {
	width:511px;
	height:12px;
	float:left;
	background:url('../images/category/clicclac22_22.jpg') top left no-repeat;
}

/***************** Start Content Bottom Right **********************/

/***************** Start Create My Box **********************/
.create-my-box-outer{
	width:490px;
	float:left;
	height:auto;	
}

.create-my-box-a{
	width:490px;
	float:left;
	height:auto;
	padding:5px;
}

.line-seperator {
	float:left;
	border-top: 1px #414141 solid;
	width:510px;
	height: 20px;	
	text-align: center;
	font-weight: bold;	
	padding-top: 10px;
}

.create-my-box-checkbox{
	width:12px;
	float:left;	
	margin-right:5px;
    margin-top:20px;
}

.create-my-box-img{
	width:65px;
	height:58px;
	float:left;		
}

.create-my-box-content{
	width:370px;
	float:left;
	height:auto;
        margin-left: 15px;
}

.create-my-box-row {	
	width:370px;	
	float:left;
	height:26px;	
}

.create-my-box-row  p {	
	font-size:12px;	
}

.create-my-box-button-outer {	
	width:500px;	
	float:left;
	height:26px;		
}

.create-my-box-button {	
	background:url('../images/category/clicclac2-button_20.jpg') top left no-repeat;
	width:114px;	
	float:right;
	height:26px;
	display: block;
	line-height: 26px;
	color:white;
	font-weight:bold;
	margin-right:15px;
	text-align:center;
	font-size:11px;
	padding-bottom: 3px;
}
/***************** End Create My Box **********************/


/***************** Start Navigation Footer **********************/
#nav-footer {
	width:900px;	
	text-align:center;
    clear: both;
   	padding-top:10px;
	padding-bottom:10px;
	margin:0px auto;
}

#nav-footer ul  {	
	margin:0;
	padding:0;		
	list-style:none;	
	margin-bottom:5px;
}

#nav-footer ul li{
	width:auto;
	margin-left:20px;
	font-size:12px;		
	display:inline;	
}

#nav-footer ul li a{	
	color:#CCCCCC;
	text-decoration:none;
	line-height:20px;
}
#nav-footer ul li a:hover{
	color: #F00000;
}
/***************** End Navigation Footer **********************/

.clear {
	clear:both;
}

.blue-post-center-top-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_left.jpg') top left no-repeat;
}
.blue-post-center-top-b {
	width:881px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_center.jpg') top left repeat-x;
}
.blue-post-center-top-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_right.jpg') top left no-repeat;
}
.blue-post-center-top-body {
	width:901px;
	height:auto;
	float:left;
	background:url('../images/category/blue-large-center.jpg') top left repeat-y;
}

.blue-post-center-top-d-a {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_left.jpg') top left no-repeat;
}
.blue-post-center-top-d-b {
	width:881px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_center.jpg') top left repeat;
}
.blue-post-center-top-d-c {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_right.jpg') top left no-repeat;
}


.blue-post-content-bottom-left-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_left.jpg') top left no-repeat;
}
.blue-post-content-bottom-left-b {
	width:491px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_center.jpg') top left repeat-x;
}
.blue-post-content-bottom-left-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_right.jpg') top left no-repeat;
}
.blue-post-content-bottom-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_left.jpg') top left no-repeat;
}

.blue-post-content-bottom-b {
	width:358px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_center.jpg') top left repeat-x;
}
.blue-post-content-bottom-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_right.jpg') top left no-repeat;
}

/**  start news */
.blue-post-content-bottom-d-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_bottom_left.jpg') top left no-repeat;
}

.blue-post-content-bottom-d-b {
	width:358px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_bottom_center.jpg') top left repeat-x;
}
.blue-post-content-bottom-d-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/blue_bg_bottom_right.jpg') top left no-repeat;
}
.blue-post-content-bottom-body {
	width:378px;
	min-height: 260px;
    max-height: 260px;
    overflow:auto;
	float:left;
	background:url('../images/category/blue-news-center.jpg') top left repeat-y;
}

/**  Ending news */

/**  left bottom start */
.blue-post-content-bottom-left-body {
    width:511px;
    min-height: 250px;
    max-height: 250px;
    overflow:auto;
    float:left;
    background:url('../images/category/blue-medium-bottom.jpg') top left repeat-y;
}
.blue-post-content-bottom-left-d-a {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_left.jpg') top left no-repeat;
}

.blue-post-content-bottom-left-d-b {
	width:491px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_center.jpg') top left repeat-x;
}
.blue-post-content-bottom-left-d-c {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/blue_bg_bottom_right.jpg') top left no-repeat;
}
/**  left bottom end */

/*** start red***/
.red-post-center-top-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_left.jpg') top left no-repeat;
}
.red-post-center-top-b {
	width:881px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_center.jpg') top left repeat-x;
}
.red-post-center-top-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_right.jpg') top left no-repeat;
}
.red-post-center-top-body {
	width:901px;
	height:auto;
	float:left;
	background:url('../images/category/red-large-center.jpg') top left repeat-y;
}

.red-post-center-top-d-a {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_left.jpg') top left no-repeat;
}
.red-post-center-top-d-b {
	width:881px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_center.jpg') top left repeat;
}
.red-post-center-top-d-c {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_right.jpg') top left no-repeat;
}


.red-post-content-bottom-left-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_left.jpg') top left no-repeat;
}
.red-post-content-bottom-left-b {
	width:491px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_center.jpg') top left repeat-x;
}
.red-post-content-bottom-left-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_right.jpg') top left no-repeat;
}
.red-post-content-bottom-a {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_left.jpg') top left no-repeat;
}

.red-post-content-bottom-b {
	width:358px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_center.jpg') top left repeat-x;
}
.red-post-content-bottom-c {
	width:10px;
	height:32px;
	float:left;
	background:url('../images/category/red_bg_right.jpg') top left no-repeat;
}

/**  start news */
.red-post-content-bottom-d-a {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_left.jpg') top left no-repeat;
}

.red-post-content-bottom-d-b {
	width:358px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_center.jpg') top left repeat-x;
}
.red-post-content-bottom-d-c {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_right.jpg') top left no-repeat;
}
.red-post-content-bottom-body {
	width:378px;
	min-height: 250px;
    max-height: 250px;   
	float:left;
	background:url('../images/category/red-news-center.jpg') top left repeat-y;
}

/**  Ending news */

/**  left bottom start */
.red-post-content-bottom-left-body {
    width:511px;
    min-height: 230px;
    max-height: 230px;    
    float:left;
    padding:10px;
    background:url('../images/category/red-medium-bottom.jpg') top left repeat-y;
}
.red-post-content-bottom-left-d-a {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_left.jpg') top left no-repeat;
}

.red-post-content-bottom-left-d-b {
	width:491px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_center.jpg') top left repeat-x;
}
.red-post-content-bottom-left-d-c {
	width:10px;
	height:8px;
	float:left;
	background:url('../images/category/red_bg_bottom_right.jpg') top left no-repeat;
}
/**  left bottom end */