.page_holder { width:94%; float:left; clear:both; height:auto; margin:0px; padding:0px 3%; background:#FFF; }

/* ############################################ products part ############################################ */
.myproducts { width:100%; float:left; height:auto; padding:0; margin:0px; display:block; }
/* ************************* form part ************************* */
.myproducts .formHolder { width:99.5%; float:left; height:auto; padding:20px 0px 20px 0px; margin:20px 0px 0px 0px; background:#eff0f2; border:solid 1px #e0e0e0; }
.myproducts .formHolder input { width:26%; float:left; height:36px; padding:0px 1% 0px 1%; margin:0px 2% 0px 2%; border:solid 1px #e0e0e0; border-radius:5px; background:#FFF;  }
.myproducts .formHolder select { width:24%; float:left; height:38px; padding:0px 3% 0px 1%; margin:0px 2% 0px 0px; border:solid 1px #e0e0e0; border-radius:5px; background:#FFF url(../images/icon_select.png) no-repeat right 3px;-moz-appearance: none; text-indent: 0.01px; text-overflow: ""; cursor:pointer; }
.myproducts .formHolder button { width:7%; float:right; height:38px; padding:0px 2%; margin:0px 2% 0px 0px; border:none; border-radius:5px; background:#cb3400; cursor:pointer; color:#fff; font-weight:bold; text-align:center; }
.myproducts .formHolder button:hover { background:#333; }

/* ************************* head and view more ************************* */
.myproducts_head { width:100%; float:left; height:45px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #e0e0e0; line-height:45px; color:#333; font-size:26px; font-weight:normal; }
.myproducts_viewmore { width:99%; float:left; height:45px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; border:solid 1px #e0e0e0; border-radius:5px; line-height:45px; color:#333; font-size:18px; font-weight:normal; text-align:center; cursor:pointer; background:#fff; background:linear-gradient(to bottom, #fff, #eee, #eee, #fff);  }
.myproducts_viewmore:hover { color:#c53700; }
#ProductsHolderShow { display:none; }
#ProductsOpener { display:block; }

/* ************************* event ************************* */
.myproducts_box { width:20.7%; float:left; margin:0px 1% 20px 1%; padding:0px 1% 0px 1%; height:auto; border:solid 1px #e0e0e0; }
.myproducts_box img { width:100%; float:left; clear:both; height:160px; padding:0; margin:10px 0px 10px 0px; border:none; }
.myproducts_box h1 { width:100%; float:left; clear:both; height:40px; overflow:hidden; padding:0; margin:0px 0px 0px 0px; font-size:14px; font-weight:bold; line-height:20px; text-align:left; }
.myproducts_box h1 a { text-decoration:none;  color:#666; }
.myproducts_box h1 a:hover { color:#c53700; }
.myproducts_box h2 { width:100%; float:left; clear:both; height:auto; padding:0; margin:0px 0px 2px 0px; color:#999; font-size:11px; font-weight:normal; line-height:20px; text-align:left; }
.myproducts_box p { width:100%; float:left; clear:both; height:75px; overflow:hidden; padding:0; margin:0px 0px 10px 0px; color:#4b71ac; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
.prb { width:100%; clear:both; float:left; margin:0px 0px 10px 0px; padding:0px; height:auto; }
.prb_free { background:#00d103 url(../images/icon_arrow.png) no-repeat right top; width:auto; height:25px; float:left; margin:0px; padding:0px 30px 0px 15px; color:#fff !important; font-size:12px; font-weight:bold; line-height:25px; text-align:left; text-decoration:none !important; }
.prb_buy { background:#cc3402 url(../images/icon_arrow.png) no-repeat right top; width:auto; height:25px; float:left; margin:0px; padding:0px 30px 0px 15px; color:#fff !important; font-size:12px; font-weight:bold; line-height:25px; text-align:left; text-decoration:none !important; }
.prb_subscribed { background:#1e83d8 url(../images/icon_arrow.png) no-repeat right top; width:auto; height:25px; float:left; margin:0px; padding:0px 30px 0px 15px; color:#fff !important; font-size:12px; font-weight:bold; line-height:25px; text-align:left; text-decoration:none !important; }
.prb_amount { background:#8a8a8a; width:auto; height:25px; float:right; margin:0px; padding:0px 15px 0px 15px; color:#fff !important; font-size:12px; font-weight:bold; line-height:25px; text-align:left; text-decoration:none !important; border-radius:5px; cursor:default; }
.prb_amount:hover { color:#fff !important;  text-decoration:none !important; }
.prb_free:hover, .prb_buy:hover, .prb_subscribed:hover { background:#161616 url(../images/icon_arrow.png) no-repeat right top; color:#fff !important;  text-decoration:none !important; }
.prb_videos { background:#fff url(../images/icon_videos.png) no-repeat left top; width:auto; height:25px; float:left; margin:0px; padding:0px 10px 0px 30px; color:#333; font-size:12px; font-weight:normal; line-height:25px; text-align:left; text-decoration:none; }
.prb_ppts { background:#fff url(../images/icon_ppts.png) no-repeat left top; width:auto; height:25px; float:left; margin:0px; padding:0px 10px 0px 30px; color:#333; font-size:12px; font-weight:normal; line-height:25px; text-align:left; text-decoration:none; }
.prb_participants { background:#fff url(../images/icons_participants.png) no-repeat left top; width:auto; height:25px; float:left; margin:0px; padding:0px 10px 0px 30px; color:#333; font-size:12px; font-weight:normal; line-height:25px; text-align:left; text-decoration:none; }
.prb_videos:hover, .prb_ppts:hover, .prb_participants:hover { color:#c53700 !important; text-decoration:none !important; }

/* ************************* videos ************************* */
.myproducts_videos  { width:20.5%; float:left; margin:0px 1% 20px 1%; padding:10px 1% 0px 1%; height:auto; border:solid 1px #e0e0e0; }
.myproducts_videos img { width:100%; float:left; height:160px; padding:0; margin:0px; border:none; }
.myproducts_videos p { width:100%; float:left; height:100px; overflow:hidden; padding:0; margin:10px 0px 0px 0px; font-size:12px; font-weight:bold; line-height:18px; text-align:justify; color:#4b71ac; }
.myproducts_videos:hover p { color:#333; }

/* ************************* documents ************************* */
.myproducts_documents { width:20.5%; float:left; margin:0px 1% 20px 1%; padding:15px 1% 0px 1%; height:auto; border:solid 1px #e0e0e0; border-top:solid 2px #cc3300; }
.myproducts_documents p { width:87%; float:right; height:100px; overflow:hidden; padding:0; margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; line-height:18px; text-align:justify; color:#4b71ac; }
.myproducts_documents:hover p { color:#333; }
.myproducts_documents img { width:auto; float:left; height:auto; padding:0; margin:5px 0px 0px 0px; border:none; }


/* ************************* detail ************************* */
.myproducts_detail { width:100%; float:left; height:auto; padding:0; margin:0px; }
.myproducts_detail ul { width:100%; float:left; margin:10px 0px 20px 0px; padding:0px; height:auto; list-style:none; display:inline; text-align:left; }
.myproducts_detail ul li { margin:0px; padding:0px 10px 0px 0px; float:left; width:auto; font-size:13px; font-weight:normal; line-height:25px; color:#333; }
.myproducts_detail ul li a { text-decoration:none; color:#4b71ac; }
.myproducts_detail ul li a:hover { color:#333; }
.myproducts_detail img { width:38%; float:left; height:auto; padding:0; margin:0px; border:none; }
.myproducts_detail h1 { width:58%; float:right; height:auto; padding:0; margin:0px 0px 10px 0px; line-height:35px; color:#333; font-size:28px; font-weight:normal; }
.myproducts_detail p { width:58%; float:right; height:auto; padding:0px 0px 15px 0px; margin:0px; color:#333; font-size:14px; font-weight:normal; line-height:22px; text-align:justify; }


/* ##################################### flexisel ################################################# */
.flexi { position:relative; left:0px; top:0px; width:100%; margin:0px 0px 0px 0px; float:left; padding:0px; text-align:left; }
#flexiselProducts { margin:0px; padding:0px; }
#flexiselProducts li { margin:0px; padding:0px; list-style-type:none; }
.nbs-flexisel-container { }
.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; }
.nbs-flexisel-ul li { margin:0px; padding:0px; }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }
.nbs-flexisel-item {float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { }
.nbs-flexisel-nav-left { position: absolute; top:-55px !important; right:35px; z-index:100; background:url(../images/icon_left_right_arrow.png) 0px 0px; width:30px; height:30px; margin:0px; padding:0px; cursor: pointer; }
.nbs-flexisel-nav-right { position: absolute; top:-55px !important; right:0px; z-index:100; background:url(../images/icon_left_right_arrow.png) 30px 0px; width:30px; height:30px; margin:0px; padding:0px; cursor: pointer; }
.nbs-flexisel-nav-left:hover { background:url(../images/icon_left_right_arrow.png) 0px 30px; }
.nbs-flexisel-nav-right:hover { background:url(../images/icon_left_right_arrow.png) 30px 30px; }

.flexisel_box { width:82%; float:left; margin:0px 4% 0px 4%; padding:0px 4% 0px 4%; height:auto; border:solid 1px #e0e0e0; }
.flexisel_box img { width:100%; float:left; height:160px; padding:0; margin:10px 0px 10px 0px; border:none; }
.flexisel_box h1 { width:100%; float:left; height:45px; overflow:hidden; padding:0; margin:0px 0px 0px 0px; font-size:14px; font-weight:bold; line-height:22px; text-align:left; }
.flexisel_box h1 a { text-decoration:none;  color:#666; }
.flexisel_box h1 a:hover { color:#c53700; }
.flexisel_box h2 { width:100%; float:left; height:auto; padding:0; margin:0px 0px 2px 0px; color:#999; font-size:11px; font-weight:normal; line-height:20px; text-align:left; }
.flexisel_box p { width:100%; float:left; height:75px; overflow:hidden; padding:0; margin:0px 0px 10px 0px; color:#4b71ac; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }



@media only screen and (min-width:1566px) and (max-width:2000px)
{
}



@media only screen and (min-width:1336px) and (max-width:1565px)
{

}



@media only screen and (min-width:1256px) and (max-width:1335px)
{
/* ************************* Popular_event & feture_event ************************* */
.flexisel_box img { height:140px; }

/* ************************* videos ************************* */
.myproducts_videos img { height:140px; }

}



@media only screen and (min-width:1004px) and (max-width:1255px)
{
/* ************************* Popular_event & feture_event ************************* */
.myproducts_box img { height:140px; }
.flexisel_box img { height:140px; }
.myproducts_box p { height:90px; }

/* ************************* videos ************************* */
.myproducts_videos img { height:140px; }


/* ************************* detail ************************* */
.myproducts_detail img { width:48%; }
.myproducts_detail h1 { width:48%; margin:10px 0px 0px 4%; line-height:25px; font-size:20px; }
.myproducts_detail p { width:48%; padding:0px 0px 0px 4%; margin:0px; font-size:14px; line-height:22px; }
}



@media only screen and (min-width:768px) and (max-width:1003px)
{
/* ************************* form part ************************* */
.myproducts .formHolder input { width:24%; padding:0px 1% 0px 1%; margin:0px 2% 0px 2%;  }
.myproducts .formHolder select { width:23%; padding:0px 5% 0px 1%; margin:0px 2% 0px 0px;  }
.myproducts .formHolder button { width:11%; padding:0px 3%; }

/* ************************* Popular_event & feture_event ************************* */
.myproducts_box { width:29%; }
.myproducts_box p { height:90px; }

/* ************************* videos ************************* */
.myproducts_videos  { width:29%; }

/* ************************* documents ************************* */
.myproducts_documents { width:29%; }

/* ************************* detail ************************* */
.myproducts_detail img { width:48%; }
.myproducts_detail h1 { width:48%; margin:10px 0px 0px 4%; line-height:25px; font-size:20px; }
.myproducts_detail p { width:48%; padding:0px 0px 0px 4%; margin:0px; font-size:14px; line-height:22px; }

}



@media only screen and (min-width:600px) and (max-width:767px)
{
/* ************************* form part ************************* */
.myproducts .formHolder input { width:24%; padding:0px 1% 0px 1%; margin:0px 2% 0px 2%;  }
.myproducts .formHolder select { width:23%; padding:0px 7% 0px 1%; margin:0px 2% 0px 0px;  }
.myproducts .formHolder button { width:14%; padding:0px 3%; }
	
/* ************************* Popular_event & feture_event ************************* */
.myproducts_box { width:43.5%; padding:0px 2% 0px 2%; }
.myproducts_box p { height:90px; }

/* ************************* videos ************************* */
.myproducts_videos  { width:43.5%; padding:10px 2% 0px 2%; }

/* ************************* documents ************************* */
.myproducts_documents { width:43.5%; padding:15px 2% 0px 2%; }

/* ************************* detail ************************* */
.myproducts_detail img { width:100%; }
.myproducts_detail h1 { width:100%; margin:10px 0px 0px 0px; line-height:25px; font-size:20px; }
.myproducts_detail p { width:100%; padding:0px 0px 0px 0px; margin:0px; font-size:14px; line-height:22px; }

}

@media only screen and (min-width:480px) and (max-width:599px)
{
/* ************************* form part ************************* */
.myproducts .formHolder { width:94%; padding:0px 3% 20px 3%; }
.myproducts .formHolder input { width:43%; padding:0px 1% 0px 1%; margin:20px 2% 0px 2%;  }
.myproducts .formHolder select { width:45%; padding:0px 9% 0px 1%; margin:20px 2% 0px 2%;  }
.myproducts .formHolder button { float:left; width:20%; padding:0px 3%;  margin:20px 0px 0px 3%; }

/* ************************* Popular_event & feture_event ************************* */
.myproducts_box { width:43.5%; padding:0px 2% 0px 2%; }
.myproducts_box img { height:140px; }
.flexisel_box img { height:140px; }
.myproducts_box p { height:90px; }

/* ************************* videos ************************* */
.myproducts_videos  { width:43.5%; padding:10px 2% 0px 2%; }
.myproducts_videos img { height:140px; }

/* ************************* documents ************************* */
.myproducts_documents { width:43.5%; padding:15px 2% 0px 2%; }

/* ************************* detail ************************* */
.myproducts_detail img { width:100%; }
.myproducts_detail h1 { width:100%; margin:10px 0px 10px 0px; line-height:25px; font-size:20px; }
.myproducts_detail p { width:100%; padding:0px 0px 15px 0px; margin:0px; font-size:14px; line-height:22px; }

}

@media only screen and (min-width:120px) and (max-width:479px)
{
/* ************************* form part ************************* */
.myproducts .formHolder { width:88%; padding:0px 6% 20px 6%; }
.myproducts .formHolder input { width:90%; padding:0px 5% 0px 5%; margin:20px 0px 0px 0px;  }
.myproducts .formHolder select { width:100%; padding:0px 5% 0px 5%; margin:20px 0px 0px 0px;  }
.myproducts .formHolder button { float:left; width:33%; padding:0px 3% 0px 3%;  margin:20px 0px 0px 0px; }

/* ************************* Popular_event & feture_event ************************* */
.myproducts_box { width:91%; padding:0px 3% 0px 3%; }
.myproducts_box img { height:200px; }
.flexisel_box img { height:200px; }

/* ************************* videos ************************* */
.myproducts_videos  { width:91%; padding:10px 3% 0px 3%; }
.myproducts_videos img { height:200px; }

/* ************************* documents ************************* */
.myproducts_documents { width:91%; padding:15px 3% 0px 3%; }

/* ************************* detail ************************* */
.myproducts_detail img { width:100%; }
.myproducts_detail h1 { width:100%; margin:10px 0px 10px 0px; line-height:25px; font-size:20px; }
.myproducts_detail p { width:100%; padding:0px 0px 15px 0px; margin:0px; font-size:14px; line-height:22px; }
}