/*----------------------------------------------------------------------------

Style Sheet for all layout styles



Template Name:   JJ Vector

Version:         1.0

Author:          JoomlaJunkie

Support:         http://forum.joomlajunkie.com (coming soon)

Template Guide:  http://guides.joomlajunkie.com



Stylesheet Index:

	$1 - Info

	$2 - Structural CSS

	$3 - Collapsible Columns

	$4 - Search box

	$5 - Blue Styles

	$6 - Green Styles

	$7 - Pink Styles

	

NOTE: Always make a backup of your stylesheets before editing!

NB!! Use the search function to find a section, eg: search for $2 for Sidebar menu



/* ----------------------------------------------------------------------------*/

/* $1 - Info

----------------------------------------------------------------------------*/



/*This calls the other css files!!*/

@import url(customise.css);

@import url(menu.css);



/***This css file is usually used by Joomla, however we structure our templates a little

differently for optimized use, we have seperated out the structural css with the colors etc:

This css file must not be edited unless you want to change the structure of the template



**For STRUCTURAL CSS, please edit this layout! (this contains the dimensions and main page

layout, only to be edited if you want to change the page structure)



**For all graphical elements, typography, colors, fonts and main joomla styles, edit the customise.css

and or color.css (could be yellow.css if using multiple themes)

***/



/*TIP

**Use the (editor_css.css) css document to add styles that will be used in the backend editor when

adding or editing content, this will help you maintain a consistent look and feel throughout your website 

for more information, please email info@joomlajunkie.com or read the readme file that came with your template*/



/* $2 - Structural CSS

----------------------------------------------------------------------------*/		

/*
body {

	background:#E1DDC2 url(../images/site-bg.gif) repeat;

	padding:20px 0;
	
	behavior:url("../js/csshover.htc");

}
*/

body {
	

}

#container {

	width:812px;

	margin:0 auto;

	background:white url(../images/container-bg.gif) 50% 0% repeat-y;

}

.background-container {

	background:url(../images/sidebar-right-bg.gif) 22px 20px repeat-y;

}

#header {

	background:url(../images/header-bg.gif) 50% 0% no-repeat;

	padding:22px 22px 0 22px;

	}

#header-cust-login {

	position:relative;

	background:url(../images/header-green-bar.gif) repeat-x;

	height:135px;

	padding:3px 5px 0 0;

	text-align:right;

	}

#header-banner {

	height:78px;	

	//background:url(../images/header-banner-bg.jpg) no-repeat;
	background-color: #D2C7C7; 

	}

#sitepath {

	float:left;

	padding:5px 0 0 10px;

	color:#fff;

	font-size:12px;

}

#sitepath img {

	margin-left:-5px;

}

#sitepath a{

	font-size:12px;

	padding:3px 6px;

	color:#DCFF8F;

	text-decoration:underline;

	margin-left:-5px;

}	

#sitepath a:hover{

	font-size:12px;

	background:#DCEEA4;

	border:1px solid #A0D502;

	padding:2px 5px;

	color:#8DBB26;

	text-decoration:none;

}	

#content-container {

	padding:0 22px;

}

#content-left {

	float:left;

	width:560px;

	padding:0;

	background:#FFFFFF;

	border-top:10px solid white;

	border-right:10px solid white;

	}

#content-left-container {

	padding:15px 15px 15px 15px;

	}

#content-left td.shelf_left ,

#content-left td.shelf_right {

	background:#E2DEC3;

	color:#827940;

	margin-right:1px;

}

.large-mod {

	margin-bottom:20px;

	color:white;

}

.large-mod p a {

	text-decoration:underline;

	color:white;

}

.featurebox .moduletable p a, /* Default Blue */					

.moduletable-large-pink p a,

.moduletable-large-green p a {

	text-decoration:underline;

}

#sidebar-right {

	float:right;

	width:198px;

	color:#8F8F8F;

	}				

#sidebar-right p {

	margin-bottom:10px;

	}

#sidebar-right p a {



	color:#86B02D;

	}

#sidebar-right p a:hover {

	text-decoration:underline;

	}

#footer {

	background:url(../images/footer-bottom-bg.gif) 50% 100% no-repeat;

	padding:0 230px 22px 22px;

	clear:both;

	}

.footer-wrapper  {

	background:#FFFFFF;

	width:560px;

	}

.footer-wrapper p {

	padding:5px 0;

	text-align:center;

	}

table.section-table {

	width:100%;

	margin-bottom:20px;

	text-align:left;

	}

.jj-mod-content {

	padding:10px;

	}	

.jj-sm-paul-howard{
	color: #000000;	
	font: 12px verdana;	
	line-height:18px;
}

.jj-sm{
	color: #000000;	
	font: bold 12px verdana;	
}

.jj-sm-bg{
	color: #000000;	
	font: bold 15px verdana;	
}

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* $3 - Collapsible Columns

----------------------------------------------------------------------------*/

table.nospace {

border:0;

padding:0;

margin-bottom:-15px;

width:100%;

}

table.nospace td {

margin:0;

padding:0;

}

/*Allows columns at the top and footer shelf to collapse*/

table.nospace td.shelf_left {

width:48%;

}

table.nospace td.shelf_center {

width:4%;

}

table.nospace td.shelf_right {

width:48%;

}



/* $4 - Search box

----------------------------------------------------------------------------*/

.moduletable-search {

	height:26px;				

	padding:4px 0 0 10px;	

	background-color: #FFFFFF;

	margin-bottom:10px;

}


.paul-howard-text {

	line-height:18px;
	color: #000000;	
	font: 12px verdana;	
}

.moduletable-search input.inputbox-search{

	width:109px;

	height:15px;

	padding:0 0 0 22px;

	margin-right:3px;

	border: 1px solid #D2CE9B;
	

	background-color: #D2C7C7;

	color:#999900;

}

.moduletable-search input.button-search{

	width:45px;

	height:17px;	

	background-color: #931B1C;

	border:none;

	font:bold 11px tahoma, Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	padding:0 0 0 0;
	
	margin: -2px 0 0 0;

}



/* $5 - Blue Styles - Default

----------------------------------------------------------------------------*/

div#sidebar-right .moduletable {

	position:relative;

	margin-bottom:5px;

	padding:23px 10px 10px 10px;

}

div#sidebar-right .moduletable h3 {

	position:absolute;

	top:0;

	right:0;

	width:198px;

	height:21px;

	padding-top:2px;

	background:url(../images/mod-header-blue.jpg) no-repeat;

	text-align:center;

	color:white;

	font:bold 11px tahoma, Verdana, Arial, Helvetica, sans-serif;

}

.featurebox .moduletable {

	width:521px;

	padding:0 30px 20px 10px;

  margin:15px 0 0 15px!important;

	background:url(../images/content-mod-blue-footer.jpg) 0% 100% no-repeat;

	color:#fff;

}

.featurebox .moduletable h3 {

	padding:10px 0 10px 10px;

  margin:0 0 0 -10px!important;

	background:url(../images/content-mod-blue-top.jpg) no-repeat;

	text-align:left;

	color:#fff;

}

.featurebox .moduletable p,

.featurebox .moduletable-large-green p,

.featurebox .moduletable-large-pink p {

	margin-bottom:10px;

}

#content-left .featurebox .moduletable a,

#content-left .featurebox .moduletable-large-green a,

#content-left .featurebox .moduletable-large-pink a {

	color:#fff;

}

.featurebox .moduletable span.article_seperator,

.featurebox .moduletable-large-green span.article_seperator,

.featurebox .moduletable-large-pink span.article_seperator{

	display:none;

	overflow:hidden;

}



/* $6 - Green Styles

----------------------------------------------------------------------------*/

.moduletable-green {

	position:relative;

	margin-bottom:5px;

	padding:23px 10px 10px 10px;

	background:url(../images/mod-right-bg.jpg) 0px 23px no-repeat;

}

.moduletable-green h3 {

	position:absolute;

	top:0;

	right:0;

	width:198px;

	height:21px;

	padding-top:2px;

	background:url(../images/mod-header-green.jpg) no-repeat;

	text-align:center;

	color:white;

	font:bold 11px tahoma, Verdana, Arial, Helvetica, sans-serif;

}

.featurebox .moduletable-large-green {

	width:521px;

	padding:0 30px 20px 10px;

 margin:15px 0 0 15px!important;

	background:url(../images/content-mod-green-footer.jpg) 0% 100% no-repeat;

	color:#fff;

}

.featurebox .moduletable-large-green h3 {

	padding:10px 0 10px 10px;

 margin:0 0 0 -10px!important;

	background:url(../images/content-mod-green-top.jpg) no-repeat;

	text-align:left;

	color:#fff;

}



/* $7 - Pink Styles

----------------------------------------------------------------------------*/

.moduletable-pink {

	position:relative;

	margin-bottom:5px;

	padding:23px 10px 10px 10px;

	background:url(../images/mod-right-bg.jpg) 0px 23px no-repeat;

}

.moduletable-pink h3 {

	position:absolute;

	top:0;

	right:0;

	width:198px;

	height:21px;

	padding-top:2px;

	background:url(../images/mod-header-pink.jpg) no-repeat;

	text-align:center;

	color:white;

	font:bold 11px tahoma, Verdana, Arial, Helvetica, sans-serif;

z-index: 1;
}

.featurebox .moduletable-large-pink {

	width:521px;

	padding:0 30px 20px 10px;

 margin:15px 0 0 15px!important;

	background:url(../images/content-mod-pink-footer.jpg) 0% 100% no-repeat;

	color:#fff;

}

.featurebox .moduletable-large-pink h3 {

	padding:10px 0 10px 10px;

 margin:0 0 0 -10px!important;

	background:url(../images/content-mod-pink-top.jpg) no-repeat;

	text-align:left;

	color:#fff;

}