/*------------------------------------------------------------------
Template:	JB Lifestyle
Version:	Joomla 1.5
Zen Grid: 	v2.0
Copyright:	Joomlabamboo
Created:	January 2012
---------------------------------------------------*/
 
/* Rules for Media queries. If you want to create your own media query file just create a file called mediaqueroes.css in your css file.
-----------------------------------------------------------------------------*/



	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (max-width: 1000px) {
	.container{width:860px !important}
	#bannerwrap .container {width: 100% !important}
	.mbWrap img { margin-right: 20px !important; height: auto !important; }
	#banner .allitems,.slide-controller {width: 880px !important}

	#banner .zentext h2 {
		font-size: 28px;
		line-height: 35px;
	}

	#banner .zentext p {
		font-size: 18px;
		line-height: 24px;
	}
	
	.custom-copyright {
		float: none;
		margin-top: 15px;
	}
	
	.menu-bottom {
		float: none;
	}
	
	.menu-bottom li a {
		white-space: normal;
	}
	
	.moduletable-contact {
		background-image: none !important;
		min-height: 0 !important;
	}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 850px) {
	#abovemain,#belowmain,#above,#below {
	width: 92%;padding: 0 4%;}

	#banner .zentext h2 {
		font-size: 24px;
		line-height: 30px;
	}

	#banner .zentext p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.cloobiz-account .account-container-outer > div {
		float: none;
		width: 100%;
	}
	
	.cloobiz-account .address {
		border-top: none;
	}
	
	.cloobiz-account .data {
		border-left: none;
	}
	
	.cloobiz-invoices .dataTables_filter {
		clear: left;
		float: left;
	}
}	
	
@media only screen and (min-width: 480px) and (max-width: 850px) {	
	.container{width:640px !important}
	#banner .allitems,.slide-controller {width: 680px !important}
	span.createDate,span.k2Author,.k2Category { margin-right: 8px; }
	#nav ul li { font-size: 1.1em; }
	.fb_iframe_widget iframe { width: 50px!important; }
	#nav ul li
{
	font-size:1.2em;
	margin:4px 0 0 0 !important 
}

	#banner .zentext h2 {
		font-size: 20px;
		line-height: 30px;
	}

	#banner .zentext p {
		font-size: 13px;
		line-height: 18px;
	}
	
	.moduletable-contact {
		background-image: none !important;
		min-height: 0 !important;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { }


@media only screen and (min-width: 480px) and (max-width: 1025px) {
	
	/* Fix for advert positions with three modules published at low resolutions */
	#abovemain .grid_3,
	#abovemain .grid_4,
	#belowmain .grid_3,
	#belowmain .grid_4 { width: 100%; }	
	#zenpanel {width: 90% !important}

	
}

/* Fix for tabs dropping onto two lines on small screens */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	ul.jbtabs li a,ul.jbtabs li.active a { padding: 12px 20px; font-size: 0.9em; line-height: 1.9em; }
	#bannerwrap .container { padding-bottom: 0; }

	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 600px) {

	#bottom h3 { clear: both; }
	
	/* Makes all grid positions 100% in width on small browsers */
	.grid_one,
	.grid_two,
	.grid_three,
	.grid_four,
	.grid_five,
	.grid_six,
	.grid_seven,
	.grid_eight,
	.grid_nine,
	.grid_ten,
	.grid_eleven,
	.grid_twelve,
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_0  
	{width: 100% !important;margin-bottom: 30px; float:left!important} 
	
	.jbmoduleBody .zentools.grid .zenitem,
	.jbmoduleBody .zentools.grid .zenitem .column2 {
		margin-bottom: 0;
	}
	
	
	.jbMeta{
padding:0 0 30px;
	line-height: 1.8;
}
	#bannerwrap { display: none; }
	#mainwrapouter { margin-top: 0!important; }
	
	/* CSS for the mobile menu */
	#mobilemenu {display: block;padding: 0 0 10px;margin-bottom: 0;margin-top: 10px}
	#mobilemenu select {width: 100% !important; padding: 10px 5px}
	#menuwrap {display: none}
	
	.fullwrap.togglemenu #menuwrap,.fullwrap.selectmenu #menuwrap,.fullwrap.togglemenu 	#mobilemenu select,.fullwrap.togglemenu #navwrap.sticky .container,.fullwrap.togglemenu #navwrap.sticky {display: none !important}
	
	/* Togglemenu */
	#togglemenu {display: block;background: #000;}
	.fullwrap.togglemenu #navwrap .inner,
	.fullwrap.togglemenu #navwrap .row,
	.fullwrap.togglemenu #navwrap .container {border: 0;padding: 0;}

	#search .input{width: 100%;margin-bottom: 10px}
	#search .moduletable .inputbox,#search_searchword {float: left;width: 97%;margin-bottom: 10px}
	
	/* Special module class to hide some modules on small browsers */
	.moduletable.mobilehide{display: none}
	
	/* Resets the push and pull for source ordered content */
	.onecols_pull,
	.twocols_pull,
	.threecols_pull,
	.fourcols_pull,
	.fivecols_pull,
	.sixcols_pull,
	.sevencols_pull,
	.eightcols_pull,
	.ninecols_pull,
	.tencols_pull,
	.elevencols_pull,
	.twelvecols_pull,
	.onecols_push,
	.twocols_push,
	.threecols_push,
	.fourcols_push,
	.fivecols_push,
	.sixcols_push,
	.sevencols_push,
	.eightcols_push,
	.ninecols_push,
	.tencols_push,
	.elevencols_push,
	.twelvecols_push
	{left: 0}
	
	.mbWrap{width: 47% !important}
	
	#leftCol, #rightCol, #midCol { 
	clear: both; float: none; height: auto !important; width: 100%; }
	
	#nav { float: left; width: 49%; margin: 0; }
	#nav ul { display: none; }
	
	#mainContent { padding: 0 3.8% 20px!important; }
	#mainContent.one { padding: 0 3.8% 20px 0!important; }
	#logo * { text-align: center; }
	.mbColImage { float: left; margin-right: 20px; }
	.mbWrap.last { float: left; }
	.container{ width: 98%  !important; }
	
	#tabwrap .container { padding: 0; }
	#nav ul li a { padding-left: 0; padding-right: 0; }
	ul.jbtabs { border: 0; height: auto; }
	ul.jbtabs li { float: none; list-style-type: none; margin: 0; }
	ul.jbtabs li a { color: #999;  border: 0; border-bottom: 1px solid #ddd; padding:8px 10px; display: block;margin-bottom: 8px; }
	ul.jbtabs li a:hover,
	#navwrap #navWrapper #nav ul li .current a:hover { border-bottom: 1px solid #ddd; border-width: 0 0 1px 0; }
	ul.jbtabs li.active a {  }
	#zenpanel { width: 90% !important; height: auto !important; }

	#bannerwrap .container { padding: 0; }
	#nav { margin-bottom: 0; }
	.jb_left45,.jb_right45 { width: 100% !important; margin: 0 !important; border: 0 !important; padding: 0 !important; }
	
	#nav.centered,#header4 {
	text-align:center;margin-top: -8px;text-align:center;
}

#bottom .moduletable { margin: 20px 0; }

#headerwrap .grid_one,#headerwrap .grid_two,#headerwrap .grid_three,#headerwrap .grid_four,#headerwrap .grid_five,#headerwrap .grid_six,#headerwrap .grid_seven,#headerwrap .grid_eight,#headerwrap .grid_nine,#headerwrap .grid_ten,#headerwrap .grid_eleven,#headerwrap .grid_twelve,#search.grid_three  {
margin: 0;width: 100%;
}

#navwrap {
height: auto;padding-bottom: 20px;
-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #ddd;
}

#navwrap .inner {
	border-bottom: none;
	padding-bottom: 0;
}

#breadcrumb
{
	border-bottom:1px solid #ddd;
background: #fff;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	width: 100%;
	margin-left: -4px;

}

#midCol {
margin-top: 10px;
}
#mainwrap.offset .container {padding-top: 0}
.frontpage #mainwrap .container {padding-top: 0px}

#mainwrap { padding-top: 0px; }
#mainwrap .row {
	width: 100%;
	
}


#socialicons.fixedright,#socialicons.fixedleft {
position: relative;bottom: 0;top: auto;float: left;width: 100%;margin-left: -70px;
}


#socialicons a {
padding: 0;
}



#mainwrapouter {
border: 0;
margin-top: 0;
position: relative;
}



#bannerwrap {

	border: 0

}

a#zenpanelopen {
top: -6px
}


#socialicons.fixedright ul {
width: 100% !important;margin: 0;background: #101010;padding: 0;
}

#abovemain,#belowmain,#above,#blow {
width: 92%;padding: 0 4%;
}

ul#filters li {
		margin: 0 8px 0 0 !important;
	}

#zenpanel {
top: 20px !important
}

#banner .slide-controller {
	left: 10px;
}

#banner .zentext {
	border-left: none;
	height: auto;
	margin-bottom: 0;
	position: static;
}

.cloobiz-account .account-container {
	margin-bottom: 10px;
	padding: 0 10px;
}

.cloobiz-account .field input {
	width: 50%;
}

.cloobiz-account .field label {
	width: 30% !important;
}

.cloobiz-account .field select {
	width: 50%;
}

.cloobiz-invoices .dataTables_dateFilter {
	float: none;
}

.cloobiz-invoices .dataTables_filter {
	float: none;
}

.cloobiz-invoices .dataTables_undownloadedFilter {
	float: none;
	margin-left: 0;
}

.features {
	border-bottom: none;
}

.features div div:last-child {
	border-bottom: 1px solid #dddddd;
}

.home #main {
	border-bottom: none;
}

.home #midCol {
	margin: 0;
}

#leftCol .sidebar {
	border-right: none;
}

.menu-bottom li {
	margin-right: 7px;
}

.menu-bottom li:after {
	margin-left: 7px;
}

.moduletable-contact {
	background-image: url(../images/contact_home.jpg) !important;
	min-height: 248px !important;
}

#rightCol .sidebar {
	border-left: none;
}

.sidebar .moduletable-contact {
	background-image: url(../images/contact_right.jpg) !important;
	min-height: 179px !important;
}
}

@media only screen and (max-width: 400px) {
	ul#filters li {
		float: none;width: 100%;margin: 10px 0 !important;
	}
	
	ul#filters li a{
		width: 400px;float: none;
	}
}