/*------------------------------------------------------------------
	Template:	JB Standard
	Version:	Joomla 1.5 / Joomla 2.5
	Zen Grid:	v2.0
	Copyright:	Joomlabamboo
	Created:	September 2012
------------------------------------------------------------------*/
	
body {
	color: #656565;background: #121212;
}


#navwrap.sticky,#nav li ul {
	background: url(../images/overlay/blackOverlay.png);
}

/* Common Image. We often use a simple image to separate the main elements in the theme.
-----------------------------------------------------------------------------*/ 
#tabwrap,
#grid1wrap,
#grid2wrap,
#grid3wrap,
#grid4wrap,
#grid5wrap,
#grid6wrap,
#bottomwrap,
#mainwrap,
.blog_more,
ul.pagination,
.divider,
.catItemView,
.zenblock,
#k2Links,
ol.list li,
.results ol li,
.contentheading,
#breadcrumb,
ul.jbtabs {
	background: #fff url(../images/divider.png) repeat-x left bottom;
	border-bottom: 1px solid #ddd; 
	padding: 30px 0 30px;
}

#tabwrap {
	background-color: #f9f9f9;border-top: 1px solid #fff;
}

.contentheading,#breadcrumb,ul.jbtabs,
#navwrap  {
	padding: 0 0 20px;
}


.sidebar {
	background: url(../images/dividerVert.png) repeat-y left top;
}



#bannerwrap {
	background: #212121;border-top: 1px solid #333;
}

#navwrap {
	background-color: #121212;border-bottom: 1px solid #111;
}

#bottomrow {
	background: #212121;border-bottom: 1px solid #212121;color: #fff;
}

#footerwrap {
	background: #121212;border-top: 1px solid #323232;
}

#tagline span {color:#fff}

/* Primary / Active Colour
-----------------------------------------------------------------------------*/
a,
#nav ul li a:hover,
#nav ul li.active a:hover,
#nav ul li.active a,
#nav ul li.active span.mainlevel span,
#nav ul li.active span.mainlevel span,
#nav ul li.active li.active a,
#nav ul li.active li.active span.mainlevel span,
#nav ul li.active li.active a:hover,
#nav ul li.active li.active li.active a,
#nav ul li.active li.active li.active a:hover,
#nav ul li.active li.active li.active li.active a,
#nav ul li.active li.active li.active span.mainlevel span
#nav ul li.active li.active li.active li.active span.mainlevel span,
.sidebar ul li a:hover,
.sidebar li#current a{
color: #C40E27}


/* Menu Active and hover states */ 
#nav ul li a:hover,
#nav ul li.active li.active a,
#nav ul li.active li.active span.mainlevel span,
#nav ul li.active li.active li.active a,
#nav ul li.active li.active li.active span.mainlevel span  {color: #C40E27}


input.button,
button.validate,
a .readon,
a#zenpanelopen,
a#zenpanelclose2,
a.jbReadon,
.zenbutton, 
#zenkit .readMore a,
.moduletable.primary1,
.inset.primary1 .jbmoduleBody,
#zenkit ul.zentabs li a,
ul#filters a,
button.button,
ul.jbtabs li.active     {
	 color: #fff;
    background: #C40E27 !important;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #930b1d;
    -webkit-box-shadow: 0 2px 0 0 #930b1d;
    box-shadow: 0 2px 0 0 #930b1d;
}

ul.jbtabs li.active {
	border: 1px solid #C40E27 !important;
} 

	
#nav ul li.active a,
#nav ul li.active span.separator,
#nav ul li.active span.mainlevel span {
	border-bottom: 4px solid #C40E27;padding-bottom: 8px;padding: 0 8px 8px;
}

#nav ul li.active li a {
	border-bottom: 0;padding: 0;
}
	
	
	
/* Secondary / hover Colour
-----------------------------------------------------------------------------*/	
a:hover  {color: #2A8EB2}

ul.jbtabs li:hover {
   border: 1px solid #2A8EB2 !important;
}


input.button:hover,
button.validate:hover,
a#zenpanelopen:hover,
a#zenpanelclose2:hover,
a .readon:hover,
a.jbReadon:hover,
.zenbutton:hover,
.moduletable.primary2,
.inset.primary2 .jbmoduleBody,
#zenkit .readMore a:hover,
#zenkit ul.zentabs li a.active,
#zenkit ul.zentabs li.active a,
#zenkit ul.zentabs li a:hover,
ul#filters a.active,
ul#filters a:hover,
button.button:hover,
ul.jbtabs li:hover    {
	background: #2A8EB2 !important;
    -moz-box-shadow: 0 2px 0 0 #206b86;
    -webkit-box-shadow: 0 2px 0 0 #206b86;
    box-shadow: 0 2px 0 0 #206b86;
    color: #fff;
 } 



/* Active state for sidebar items
-----------------------------------------------------------------------------*/
.sidebar ul li a,
.sidebar li#current li a {
	color: #999;
}



/* Neutral colour for menus etc
-----------------------------------------------------------------------------*/
#nav ul li a,
#nav ul li span.mainlevel span,
#nav ul li span.separator,
#nav ul li.active li a,
#nav ul li.active li.active li a,
#nav ul li.active li.active li.active li a,
#togglemenu a:hover,
#banner,
#banner h3,
#topwrap,
#topwrap h3,
#footer,
#footer h3 {
	color: #fff;
}


/* Tagline Colour
-----------------------------------------------------------------------------*/
#tagline {color: #999}




/* Colour for meta details and incidental elements
-----------------------------------------------------------------------------*/
.slidecount,
.results li p,
#breadcrumb {
	color: #999
}



/* Hover specific to accordion menu
-----------------------------------------------------------------------------*/
.moduletable-panelmenu span.mainlevel:hover {
	background-color: #f9f9f9;
}

#togglemenu .moduletable-panelmenu span.mainlevel:hover {
background-color: transparent;
}



/* Border Colours
-----------------------------------------------------------------------------*/
input,
textarea,
#breadcrumb,
#jbSplitMenuLeft,
#jbSplitMenuRight,
#mainContent,
.moduletable-border,
.moduletable.border,
.moduletable.inset .jbmoduleBody,
.moduletable-panelmenu ul
 {

}




/* Reset to white on some items
-----------------------------------------------------------------------------*/
ul.jbtabs li.active a,
ul.jbtabs li a:hover,
ul.jbtabs li:hover a {
	color: #fff
}



/* Secondary1 Colour
-----------------------------------------------------------------------------*/
.moduletable.secondary1,
.inset.secondary1 .jbmoduleBody {
	background: #cd3247;color: #fff;
	border: 0;
	border-bottom: 4px solid #a70c21;
}



/* Secondary 2 Colour
-----------------------------------------------------------------------------*/
.moduletable.secondary2,
.inset.secondary2 .jbmoduleBody {
	background: #4a9fbd;color: #fff;
	border-bottom: 4px solid #247997;
}



/* Reset on primary and secondary rules
-----------------------------------------------------------------------------*/
.inset.primary1,
.inset.secondary1,
.inset.secondary2,
.inset.primary2 {
	background: none !important
}


.inset.primary1 h3,
.inset.secondary1 h3,
.inset.secondary2 h3,
.inset.primary2 h3{
	color: #333;
}

.inset.primary1 .jbmoduleBody, 
.inset.primary2 .jbmoduleBody,
.inset.secondary1 .jbmoduleBody,
.inset.secondary2 .jbmoduleBody  {
	border: 0 
}


 

/* Image for Parent Items
---------------------------------------------------*/
#nav a.sf-with-ul,
#nav a.sf-with-ul:hover,
#nav li.active a.sf-with-ul,
#nav ul li a.mainlevel.sf-with-ul,
#nav ul li span.separator,
#nav ul.sf-js-enabled li span.mainlevel span,
#nav li.parent li.parent span.separator,
#nav ul span.separator,
.moduletable-superfish ul span.separator,
.moduletable-superfish a.sf-with-ul,
.moduletable-superfish a.sf-with-ul:hover,
.moduletable-superfish li.parent span.separator,
.moduletable-superfish li.parent li.parent span.separator,
#togglemenu ul li.active  {
	background: url(../images/arrow.png) no-repeat left 2px;
	padding-left: 10px; 
}

#togglemenu ul li.active {
	background-position: left 10px;padding-left: 15px;
}

#togglemenu ul li.active > a {
	color: #fff;
}

.sidebar ul li li {
	background: url(../images/arrow.png) no-repeat 10px 8px
}


.sidebar ul li li li {
	background: url(../images/arrow.png) no-repeat 28px 8px
}