/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
.mobiletoptools {
	display:none!important;
}
/*select menu */
#mmenu_holder {
	display:none;
	width:95%;
	background:#000;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	position:relative;
	height:38px;
}
select#mmenu {
	margin:0 auto;
	cursor:pointer;
	display:block;
	width:100%;
	overflow: hidden;
	height:35px;
	padding:5px 0;
}
span#yjmm_selectid {
	position:absolute;
	display:block;
	left:0;
	width:99%;
	height:35px;
	padding:0;
	margin:0;
	line-height:35px;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	border:1px solid #3A3A3A;
	color:#ccc;
	overflow: hidden;
	cursor:pointer;
	background:url(../images/mm_arrow.png)/*tpa=http://www.maharajaofindia.co.uk/templates/youtrader/images/mm_arrow.png*/ no-repeat right center;
}
select.yjstyled {
	position: relative;
	opacity: 0;
	z-index: 5;
}
@media screen and (max-width: 1500px) {
body,
html {
	overflow-x: hidden;
}
#topmenu_holder.dropped {
	width:auto!important;
	float: none!important;
	clear:both!important;
	margin:0 auto!important;
}
}
@media screen and (max-width: 980px) {
.top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
.top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
#logo {
	visibility:hidden;
}
#logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body,
html {
	overflow-x: hidden;
}
#header {
	overflow:hidden;
}
#header.dropped {
	overflow:hidden;
	height: auto!important;
}
#centertop,
#centerbottom,
#yjsgheadergrid,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#midblock,
#rightblock,
#leftblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b,
#footer,
#footmod,
#joomlacredit,
.validators,
.yjsgcp,
.yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
embed,
object {
	width: 100%!important;
	height: auto!important;
}
img {
	max-width: 100%!important;
}
.yjsglogo {
	position:static!important;
	display:block!important;
}
div.yjsg-newsitems .float-left {
	width:50%!important;
}
div.yjsg-newsitems .float-left.width100,
.last.float-left.width33,
.last.float-left.width20 {
	width:100%!important;
}
div.subCategory {
	height: auto!important;
}
}
@media screen and (max-width: 768px) {
.navContainer {
	width: 98%!important;
}
.subCategoryContainer,
.itemImageBlock,
.itemContainer,
.catItemImageBlock,
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
.itemToolbar ul li {
	padding:0 5px 0 0!important;
}
}
@media screen and (max-width: 640px) {
.userpages,#userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
}
@media screen and (max-width: 480px) {
div.yjsg-newsitems .float-left,
.yjsgxhtml {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
textarea,
.inputbox {
	width: 100%!important;
	height: auto!important;
}
.itemToolbar,
.itemToolbar ul,
.itemToolbar ul li {
	display:block!important;
	clear:both!important;
	float:none!important;
	padding:0!important;
	text-align:left!important;
	border:none!important;
}
}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
.navContainer {
	width: 95%!important;
}
}
/* 
	this is responsive css visible only in  ie7 / ie8
	if you need to add more properties just use one of the body
	class prefixes as our examples below. We added 480 just in case
	but we all know that there are no devices that small that use IE 7/8 :).
	
	body.yjresponsive 			= under 980px always present
	body.yjresponsive.yjrp980 	= specific for 980px and under
	body.yjresponsive.yjrp768 	= specific for 768px and under
	body.yjresponsive.yjrp480 	= specific for 480px and under
*/

body.yjresponsive,
html {
	overflow-x: hidden;
}
/*980*/
body.yjresponsive .top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
body.yjresponsive .top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
body.yjresponsive #logo {
	visibility:hidden;
}
body.yjresponsive #logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body.yjresponsive #header {
	overflow:hidden!important;
}
body.yjresponsive #header.dropped {
	overflow:hidden!important;
	height: auto!important;
}
body.yjresponsive #centertop,
body.yjresponsive #centerbottom,
body.yjresponsive #yjsgheadergrid,
body.yjresponsive #yjsg1,
body.yjresponsive #yjsg2,
body.yjresponsive #yjsg3,
body.yjresponsive #yjsg4,
body.yjresponsive #yjsg5,
body.yjresponsive #yjsg6,
body.yjresponsive #yjsg7,
body.yjresponsive #midblock,
body.yjresponsive #rightblock,
body.yjresponsive #leftblock,
body.yjresponsive #insetblock,
body.yjresponsive #insetsholder_2t,
body.yjresponsive #insetsholder_2b,
body.yjresponsive #insetsholder_3t,
body.yjresponsive #insetsholder_3b,
body.yjresponsive #footer,
body.yjresponsive #footmod,
body.yjresponsive #joomlacredit,
body.yjresponsive .validators,
body.yjresponsive .yjsgcp,
body.yjresponsive .yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
body.yjresponsive #logo {
	margin:0 auto!important;
	float:none!important;
}
body.yjresponsive embed,
body.yjresponsive object {
	width: 100%!important;
	height: auto!important;
}
body.yjresponsive .mobiletoptools {
	display:none!important;
}
body.yjresponsive img {
	max-width: 100%!important;
}
body.yjresponsive .yjsglogo {
	position:static!important;
	display:block!important;
}
body.yjresponsive.yjrp980 #yjsg1 {
}
body.yjresponsive.yjrp980 .yjsgxhtml {
	width:49%!important;
	float: left!important;
	clear:none!important;
}
body.yjresponsive.yjrp980 .yjsgxhtml.last_mod {
	width:100%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left {
	width:50%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left.width100,
body.yjresponsive .last.float-left.width33,
body.yjresponsive .last.float-left.width20 {
	width:100%!important;
}
/* 768*/
body.yjresponsive.yjrp768 .subCategoryContainer,
body.yjresponsive.yjrp768 .itemImageBlock,
body.yjresponsive.yjrp768 .itemContainer,
body.yjresponsive.yjrp768 .catItemImageBlock,
body.yjresponsive.yjrp768 .userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/*480*/
body.yjresponsive.yjrp480 .yjsgxhtml,
body.yjresponsive.yjrp480 div.yjsg-newsitems .float-left {
	width:100%!important;
	float:none!important;
	clear:none!important;
}
body.yjresponsive.yjrp480 textarea,
body.yjresponsive.yjrp480 .inputbox {
	width: 100%!important;
	height: auto!important;
}

@media screen and (max-width: 980px) {
.header_in{
	width:auto!important;
	background:#2F2F2F;
}
.ytls .yjsquare_in{
	width:100%!important;
	margin:0px auto!important;
}
.ytls .button{
	right:31%!important;
}
li.slide{
	width:10%!important;
}
.ytym h4{
	padding-bottom:25px!important;
	text-align:center!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
	left:51%!important;
	right:auto!important;
}
.yy_container .linkBackward{
	left:46%!important;
	right:auto!important;
}

.catItemView,.itemView{
	width:90%!important;
	margin:10px auto!important;
}
/* accordion slider*/
#accslide_holderinstance1{
	width:100%!important;
	margin:0 auto;
}
.accslide_holder_instance .accslider_instance,
#accslide_holderinstance1.accslide_holder_instance li.slide div.info,
#accslide_holderinstance1 li.slide{
	width:100%!important;
}

#accslide_holderinstance1 li.slide.opened{
	left:0px!important;
	z-index:1;
}
#accslide_holderinstance1 li.slide img{
	width:100%!important;
	height:auto!important;
	margin-top:-25%!important;
}
#yjsg2 br{
	display: none!important;
}
.phonefax_trader,.email_trader {
	clear:both!important;
	float:none!important;
	width:80%!important;
	margin:10px auto!important;

}
/* yj k2 image slider*/

.SimpleSlide,#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	width:100%!important;
}
.SimpleSlide_slide img{
	width:100%!important;
	margin-top:-20%;
}

}
@media screen and (max-width: 768px) {
.ytls .button{
	right:26%!important;
}
/* yj k2 image slider*/

#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:350px!important;
}

}
@media screen and (max-width: 680px) {
/* accordion slider */
.accslide_holder_instance,
.accslide_holder_instance li.slide{
	height:250px!important;
}
/* yj k2 image slider*/
#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:250px!important;
}
/* end*/	

.ytls .button{
	right:23%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1340px!important;
	width:100%!important;
	
}
.ytym .yjme_item,.ytym .yjme_item_in,.ytym a.item_title{
	width:100%!important;
	margin-left:-3px!important;
}
.ytym a.item_title,.ytym p.item_intro{
	text-align:center!important;
	float:none!important;
	margin:10px!important;
	clear:both!important;
}
.ytym .imageholder{
	margin:10px auto!important;
}
.ytym .yjme_item_in{
	padding:0!important;
}
}
@media screen and (max-width: 480px) {
/* accordion slider */
.accslide_holder_instance,
.accslide_holder_instance li.slide{
	height:220px!important;
}
/* yj k2 image slider*/

#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:170px!important;
}
/* end*/


.ytls .button{
	right:10%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1420px!important;
	margin:0 auto!important;
	clear:both!important;
}
.ytmt .yjme_item,.ytmt .yjme_item_in,.ytmt a.item_title{
	width:100%!important;
}
.ytmt div.imageholder{
	float:none!important;
	margin:10px 37%!important;
}
.ytmt a.item_title,.ytmt p.item_intro{
	text-align:center!important;
	float:none!important;
	margin:10px!important;
	clear:both!important;
}
.ytmt .item_cdate{
	text-align:center!important;
	width:100%!important;
}
}
@media screen and (max-width: 320px) {
/* accordion slider */
.ytls .button{
	right:2%!important;
}
.ytmt div.imageholder{
	margin:10px 28%!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
	left:55%!important;
	right:auto!important;
}
.yy_container .linkBackward{
	left:40%!important;
	right:auto!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1500px!important;
}
}
@media screen and (max-width: 240px) {
#logo{
	width:100%!important;
}
.yj1 h4,.yj2 h4,.yj3 h4{
	height:50px!important;
}
.ytmt div.imageholder{
	margin:10px 20%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1500px!important;
}
}
/***ADITIONAL JS YOUTRADER***/
#user16{
	width:20%!important;
}
#user17{
	width:20%!important;
}
#user18{
	width:20%!important;
}
#user19{
	width:40%!important;
}
@media screen and (max-width: 786px) {
#user16{
	width:50%!important;
}
#user17{
	width:50%!important;
}
#user18{
	width:50%!important;
}
#user19{
	width:50%!important;
}
}
@media screen and (max-width: 480px) {
#user16{
	width:100%!important;
}
#user17{
	width:100%!important;
}
#user18{
	width:100%!important;
}
#user19{
	width:100%!important;
}
}
/***IE7***/
body.yjresponsive .header_in{
	width:auto!important;
}
body.yjresponsive #topmenu_holder{
	width:auto!important;
}
body.yjresponsive #header{
	width:auto!important;
	background:#2F2F2F;
}
body.yjresponsive .ytls .yjsquare_in{
	width:100%!important;
	margin:0px auto!important;
}
body.yjresponsive .ytls .button{
	right:31%!important;
}
/***IE7 768***/
body.yjresponsive.yjrp768 .ytym h4{
	padding-bottom:25px!important;
	text-align:center!important;
}
body.yjresponsive.yjrp768 .yy_container .linkForward,
body.yjresponsive.yjrp768 .yy_container .linkBackward {
	left:51%!important;
	right:auto!important;
}
body.yjresponsive.yjrp768 .yy_container .linkBackward{
	left:46%!important;
	right:auto!important;
}
body.yjresponsive.yjrp768 .ytls .button{
	right:24%!important;
}
body.yjresponsive.yjrp768 #user16,
body.yjresponsive.yjrp768 #user17,
body.yjresponsive.yjrp768 #user18,
body.yjresponsive.yjrp768 #user19{
	width:49%!important;
}
body.yjresponsive.yjrp768 .ytls .button{
	right:27%!important;
}
body.yjresponsive.yjrp768 .ytym .yy_container,
body.yjresponsive.yjrp768 .ytym .yy_slider,
body.yjresponsive.yjrp768 .ytym .yy_slider .yy_slideitems{
	height:1300px!important;
	width:100%!important;
}
body.yjresponsive.yjrp768 .ytym .yjme_item,
body.yjresponsive.yjrp768 .ytym .yjme_item_in,
body.yjresponsive.yjrp768 .ytym a.item_title{
	width:100%!important;
}
body.yjresponsive.yjrp768 .ytym a.item_title,
body.yjresponsive.yjrp768 .ytym p.item_intro{
	text-align:center!important;
}
body.yjresponsive.yjrp768 .ytym .imageholder{
	margin:10px auto!important;
}
body.yjresponsive.yjrp768 .ytmt .yjme_item,
body.yjresponsive.yjrp768 .ytmt .yjme_item_in,
body.yjresponsive.yjrp768 .ytmt a.item_title{
	width:100%!important;
}
body.yjresponsive.yjrp768 .ytmt div.imageholder{
	float:none!important;
	margin:10px 37%!important;
}
body.yjresponsive.yjrp768 .ytmt a.item_title,
body.yjresponsive.yjrp768 .ytmt p.item_intro{
	text-align:center!important;
}
body.yjresponsive.yjrp768 .ytmt .item_cdate{
	text-align:center!important;
	width:100%!important;
}
/***IE7 480***/
body.yjresponsive.yjrp480 .ytym .yy_container,
body.yjresponsive.yjrp480 .ytym .yy_slider,
body.yjresponsive.yjrp480 .ytym .yy_slider .yy_slideitems{
	height:1400px!important;
	width:100%!important;
}
body.yjresponsive.yjrp480 .ytmt div.imageholder{
	margin:10px 28%!important;
}
body.yjresponsive.yjrp480 .ytls .button{
	right:15%!important;
}
body.yjresponsive.yjrp480 #user16{
	width:100%!important;
}
body.yjresponsive.yjrp480 #user17{
	width:100%!important;
}
body.yjresponsive.yjrp480 #user18{
	width:100%!important;
}
body.yjresponsive.yjrp480 #user19{
	width:100%!important;
}