/* * * * * * * * * * * * * *
 * BuyNZ Made CSS
 * 
 * 13/05/2010
 * by Joshua (The Markitable Group)
 * joshua@markitable.co.nz
 * 
 * * * * * * * * * * * * * */

/* >> Fonts << */

@font-face {
	font-family: 'Agenda-RegularRegular';
	src: url('../fonts/agenda-regular-webfont.eot');
	src: local('☺'), url('../fonts/agenda-regular-webfont.woff') format('woff'), url('../fonts/agenda-regular-webfont.ttf') format('truetype'), url('../fonts/agenda-regular-webfont.svg#webfontekB9AZFh') format('svg');
	font-weight: normal;
	font-style: normal;
	}	

@font-face {
	font-family: 'Agenda-SemiboldRegular';
	src: url('../fonts/agenda-semibold-webfont.eot');
	src: local('☺'), url('../fonts/agenda-semibold-webfont.woff') format('woff'), url('../fonts/agenda-semibold-webfont.ttf') format('truetype'), url('../fonts/agenda-semibold-webfont.svg#webfontCzNw09Ph') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'ArcherMedium';
	src: url('../fonts/archer-medium-webfont.eot');
	src: local('☺'), url('../fonts/archer-medium-webfont.woff') format('woff'), url('../fonts/archer-medium-webfont.ttf') format('truetype'), url('../fonts/archer-medium-webfont.svg#webfontsAvUuu9r') format('svg');
	font-weight: normal;
	font-style: normal;
	}


/* >> Main << */

html {
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	}

body {
	text-align: center;
	background: #f8f8f8 url('../images/body_bg.png') repeat-x 0 0;
	color: #353332;
	font-size: 100%;
	}

.page-width {
	width: 925px;
	text-align: left;
	margin: 0 auto;
	}

#header {
	clear: both;
	}

#page-wrap {
	clear: both;
	}

/* >> Right << */

#right {
	float: right;
	width: 277px;
	_position: relative;
	_top: 10px;
	}

#right div.right {
	padding: 16px 12px 14px 20px;
	margin-top: 24px;
	}

#right div.right:first-child {
	margin-top: 0;
	}
	
	
#right-container {
	background-color: #FFF;
	border: 1px solid #E6E6E6;
	padding: 21px;
	}	
		
	
#right h2 {
	color:#CD3035;
	font-family:'HelveticaNeueLight',sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:10px;
	}	
	
#right p {
	color:#656565;
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;	
	}	

#content {
	width: 633px;
  _padding-top: 32px;
	}

/* >> Content << */

.content {
	font-size: 14px;
	}

.content ul {
	padding-left: 40px;
	margin: 16px 0;
	}

.content ul li {
	list-style-type: disc;
	}

.content ul.inline-list li {
	list-style-type: none;
	padding: 5px 0px;
	}

.content .major {
	margin-bottom: 24px;
	}

.content .arrow-links {
	padding-left: 0;
	font-size: 12.5px;
	}

.content .arrow-links li a {
	margin-right: 12px;
	background: transparent url('../images/arrow-blue.jpg') no-repeat right center;
	padding: 2px 14px 2px 0px
	}

.content h1 {
	color:#00318D;
	font-size:28px;
	margin-top:0;
	text-transform:uppercase;	
	margin-bottom: 15px;
	margin-top: 15px;
	}
	
.content h2 {


 color: #00318D;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 150%;
    margin-top: 0;
    text-transform: uppercase;
	}	
	
.content h3 {
	color:#D10109;
	font-size:15px;
	margin-bottom:15px;
	}	
	
.content p {
	color:#656565;
	font-size:12px;
	line-height: 18px;
	margin-bottom: 15px;
	}	
	
.content ul li {
	color:#656565;
	font-size:12px;
	line-height: 18px;
	padding-bottom: 3px;
	}	
	
.content .inline-image {
	float: right;
	margin: 15px;
	background-color: #FFF;
	padding:5px;
	border: 2px solid #B7C0CD
	}		

#footer {
	clear: both;
	}



/* default element classes */

a {
	text-decoration: none;
	color: #00318d;
	}

a:hover {
	text-decoration: underline;
	}

a.arrow-link {
	text-align: right;
	padding-right: 14px;
	margin-right: 6px;
	background: transparent url('../images/arrow-blue.jpg') no-repeat right center;
	}

a.arrow-link-grey {
	text-align: right;
	padding-right: 14px;
	margin-right: 6px;
	background: transparent url('../images/grey_arrow.gif') no-repeat right center;
	}

a.button {
	display: block;
	padding-top: 31px;
	height: 0;
	overflow: hidden;
	}

a.button:hover {
	background-position: bottom center;
	}

a img {
	border: 0;
	}

h1 {
	color: #00318d;
	font-family: Agenda-RegularRegular;
	text-transform: uppercase;
  margin-top: 0px;
  font-size: 235%;
	}

h1 span {
	font-weight: bold;
	font-size: 100%;
	}

/*h2 {
	font-size: 150%;
	}*/

h3 {
	font-family: Agenda-RegularRegular;
	font-size: 23px;
	}

h5 {
	margin: 20px 0 5px;
	}

ul {
	padding: 0;
	margin: 0;
	}

ul li {
	list-style-type: none;
	}

ul.inline-list li {
	float: left;
	list-style-type: none;
	}

p {
	line-height: 16px;
	font-size: 120%;
	}


.bg-darkgrey { 
	background-color: #a4a4a4; 
	}

.bg-lightgrey { 
	background-color: #e9e9ea; 
	border: 1px solid #d2d2d2;
	}
 
.bg-white { 
	background-color: #fefefe; 
	border: 1px solid #e9e9e9; 
	}


.bg-darkgrey, .bg-lightgrey, .bg-white {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}



.clear { 
	clear: left; 
	height: 0; 
	padding: 0;
	}

.clear-both { 
	clear: both; 
	height: 0; 
	padding: 0;
	}

.icon{
	padding-left: 25px;
	line-height: 16px;
	background-position: left middle;
	background-repeat: no-repeat;
}

.facebook { 
	background-image: url('../images/icon-facebook.gif'); 
	}

.youtube { 
	background-image: url('../images/icon-youtube.gif'); 
	}

.twitter { 
	background-image: url('../images/icon-twitter.gif'); 
	}

.linkedin { 
	background-image: url('../images/icon-linkedin.gif'); 
	}

/* >> Top Links << */
#meta-links {
	background: #C8CCCE;
	background-image:url(/themes/portal_lovechchmade/images/top_bar_bg.jpg);
	background-repeat:repeat-x;
	border-top:none;
	color: #6C7173;
	height: 64px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	}

#meta-links ul {
   margin: 0 auto;
    overflow: auto;
    padding: 0;
    text-align: left;

    width: 960px;
	}

#meta-links li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
	}

#meta-links li.top_bar_img_li a.top_bar_biz
{
	padding:0px 20px 0px 0px;
	margin:0px;
	border:none;
}

a.top_bar_biz:hover
{
	opacity:0.70;
}



#meta-links li.active a {
	color: #cd3035;
	line-height:13px;
	border-left: 1px solid #B8BCBE;
	display:block;
	margin-top:-1px;
}

#meta-links li.active
{
	background-image:url(/themes/portal_lovechchmade/images/top_bar_hover.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:35px;
	border:none;
	padding-top:29px;
}


#meta-links a {
    border-left: 1px solid #989898;
    color: #515151;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 28px 0 22px;
    padding: 0 21px;
    text-decoration: none;
	}

#meta-links a:hover {
	color: #cd3035;
	text-decoration: none;
	}

	
	



/* >> Header << */

/* top banner */

#main-banner {
	height:111px;
	margin:0 auto;
	width:925px;
	}

#main-banner img#main-logo {
  float:left;
  position:relative;
  right:71px;
  }
  
#main-banner img#new-zealand-logo {
  float:right;
  }    


/* main navigation */

/* DROPDOWNS */

.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:        absolute;
    top:            -999em;
    width:          18.98em;	  
}

.sf-menu ul li {
    width:            100%;
}
.sf-menu li:hover {
    visibility:        inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:            left;
    position:        relative;    
}

.sf-menu li li a {
    display:        block;
    position:       relative;
    background: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:            0px;
    top:            3.5em; /* match top ul list item height */ 
    z-index:        99;   
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:            19em; /* match ul width */ 
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:            19em; /* match ul width */
    top:            0;
}

ul#nav { 
	width: 928px; 
	}

#nav li a {
	line-height: 46px;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	display: block;
	overflow: hidden;
	background: #FFF url('../images/nav_bg.jpg') no-repeat top right;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

#nav li.first a {
	background: #FFF url('../images/nav_bg-first.jpg') no-repeat top right;
	margin-left: 1.5px;
	}

#nav li.last a {
	background: #FFF url('../images/nav_bg-last.jpg') no-repeat top right;
	}

#nav li { 
	text-align: center; 
	}

#nav li.home { 
	width: 93px; 
	}
	
#nav li.thecampaign { 
	width: 159px; 
	}

#nav li.memberdirectory { 
	width: 188px; 
	}

#nav li.events { 
	width: 106px; 
	}

#nav li.resources { 
	width: 129px; 
	}

#nav li.joinnow { 
	width: 130px; 
	}

#nav li.contact { 
	width: 123px; 
	}
#nav li.consumers { 
	width: 121px; 
	}


#nav li a:hover, #nav li.active a {
	background-position: right -46px;
	text-decoration: none;
	color: #b6b6b6;
	}




/* Search Area */

#search_box {
	width: 904px;
	height: 30px;
	}

#search_box {
	width: 662px;
	background-color: #ebedf0;
	height: 32px;
	padding-left: 12px;
	margin-bottom: 24px;
	padding-top: 10px;
	float: left;
	}	
	
#search_box span {
	color: #d10109;
	font-size: 120%;
	float: left;
	}	
	
#search_box input#search_word {
	border:2px solid #E6E6E6;
	color:#818181;
	float:left;
	font-size:100%;
	height:15px;
	padding-bottom:4px;
	padding-left:11px;
	padding-top:4px;
	position:relative;
	width:188px;
	bottom: 3px;
	}	
	

#search_box select {
	width: 110px;
	margin-left: 12px;
	float: left;
	}
	

#search_button {
	background: transparent url('../images/search_button.gif') no-repeat 0px 0px; 
	display:block;
	float:left;
	height:23px;
	margin-left:9px;
	text-indent:-9999px;
	width:132px;
	}	

#retailers_search_button {
	background: transparent url('../images/search_members_button.gif') no-repeat 0px 0px; 
	display:block;
	float:left;
	height:23px;
	margin-left:9px;
	text-indent:-9999px;
	width:132px;
	}	
	
#products_search_button {
	background: transparent url('../images/search_brands_button.gif') no-repeat 0px 0px; 
	display:block;
	float:left;
	height:23px;
	margin-left:9px;
	text-indent:-9999px;
	width:129px;
	}		

#search_button:hover {
	background: transparent url('../images/search_button.gif') no-repeat 0px -27px; 
	}		
	
#retailers_search_button:hover {
	background: transparent url('../images/search_members_button.gif') no-repeat 0px -27px; 
	}		
	
#products_search_button:hover {
	background: transparent url('../images/search_brands_button.gif') no-repeat 0px -27px; 
	}		




/* banner */

#banner {
	background: #fff url('../images/banner_bg.jpg') no-repeat 0 0;
	width: 613px;
	height: 156px;
	padding: 9px 7px 27px 8px;
	position: relative;
	}

#banner p {
	bottom:74px;
	color:#6F6F6F;
	font-size:12px;
	position:absolute;
	right:19px;
	width:162px;
	text-align:right;
	} 
	
#start_shopping {
	background: transparent url('../images/start_shopping_button.gif') no-repeat 0px 0px; 
	bottom:35px;
	display:block;
	height:30px;
	position:absolute;
	right:20px;
	text-indent:-9999px;
	width:164px;
	}	
	
#start_shopping:hover {
	background: transparent url('../images/start_shopping_button.gif') no-repeat 0px -34px; 
	}		
	
#member_login {
	float: right;
	}	

#ja-cssmenu {
	z-index: 5;
	float: left;
	position: relative;
	bottom: 3px;
	left: -10px;
	}
	
#ja-cssmenu img.has_children {
	float: right;
	position: relative;
	right: 5px;
	top: 8px;
	}	
	
#ja-cssmenu li#category_heading {
	background-color:#FFFFFF;
	border:2px solid #E6E6E6;
	color:#818181;
	height:23px;
	width:150px;
	cursor: pointer;
	font-size: 11px;
	margin-left: 10px;
	}	

#ja-cssmenu li#category_heading a {
	color:#818181;
	display:block;
	height:23px;
	padding-left:10px;
	width:125px;
	line-height:23px;
	white-space:nowrap;
	overflow:hide;
	}
	
#ja-cssmenu li#category_heading a img.menu_arrow {	
	float:right;
	left:8px;
	position:relative;
	top:4px;
	}
	
#ja-cssmenu ul {
	padding: 0;
	}


#ja-cssmenu li ul {
	height:auto;
	position:absolute;
	width:140px;
	z-index:2;
	border:2px solid #E6E6E6;
	left:-999em;
	padding: 0;
	display: none;
	}

#ja-cssmenu li ul li {
	background-color: #FFF;
	border:medium none;
	} 

#ja-cssmenu li:hover ul ul, 
#ja-cssmenu li:hover ul ul ul, 
#ja-cssmenu li.sfhover ul ul, 
#ja-cssmenu li.havechildsfhover ul ul, 
#ja-cssmenu li.havechild-activesfhover ul ul, 
#ja-cssmenu li.activesfhover ul ul, 
#ja-cssmenu li.sfhover ul ul ul, 
#ja-cssmenu li.havechildsfhover ul ul ul, 
#ja-cssmenu li.havechild-activesfhover ul ul ul, 
#ja-cssmenu li.activesfhover ul ul ul {
	left:-999em;
	}

#ja-cssmenu li:hover ul, 
#ja-cssmenu li li:hover ul, 
#ja-cssmenu li li li:hover ul, 
#ja-cssmenu li.sfhover ul, 
#ja-cssmenu li.havechildsfhover ul, 
#ja-cssmenu li.havechild-activesfhover ul, 
#ja-cssmenu li.activesfhover ul, 
#ja-cssmenu li li.sfhover ul, 
#ja-cssmenu li li.havesubchildsfhover ul, 
#ja-cssmenu li li.havesubchild-activesfhover ul, 
#ja-cssmenu li li.activesfhover ul, 
#ja-cssmenu li li li.sfhover ul, 
#ja-cssmenu li li li.havesubchildsfhover ul, 
#ja-cssmenu li li li.havesubchild-activesfhover ul, 
#ja-cssmenu li li li.activesfhover ul {
	left:auto;
	}

#ja-cssmenu li ul li a {
	color:#000;
	font-size: 11px;
	font-weight:normal;
	margin:0pt;
	padding:0px 2px 0px 10px;
	background-color: transparent;
	text-decoration: none;
	width: 100%;
	display: block;
	height: 25px;
	}

#ja-cssmenu li ul li a:hover {
	color:#6B6B6B;
	}

#ja-cssmenu li li {
	margin:0pt;
	padding:0pt 1em 0pt 0pt; 
	width: 128px;
	float: left;
	}

#ja-cssmenu ul li:hover {
	color:#6B6B6B;
	background-color: #ECEEF1;
	}
	

#ja-cssmenu li a {
	line-height: 30px;
	}	 

#ja-cssmenu li ul ul {
	margin: -1.9em 0pt 0pt 120px;
	}			
	


/* >> Right << */

#right div.right {
	padding: 16px 12px 14px 20px;
	margin-top: 24px;
	}

#right div.right:first-child {
	margin-top: 0;
	}



/* whats-new */

#whats-new {
	margin-bottom: 22px;
	}

#whats-new h3 {
	color: #c10109;
	font-weight: 400;
	}

#whats-new li {
	list-style-type: none;
	}

#whats-new h5 {
	color: #00318d;	
	font-weight: bold;
	}
	
#whats-new h5 a {
	font-size: 15px;
	}	

#whats-new p {
	color: #858585;
	font-size: 13px;
	margin: 1px 0 6px;
	}

#whats-new .date {
	background: #dde6f7;
	display: block;
	width: 230px;
	color: #00318d;
	font-size: 13px;
	line-height: 25px;
	padding-left: 11px;
	margin: 3px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

#whats-new a.arrow-link {
	font-size: 13px;
	color: #00318d;
	display: block;
	text-align: right;
	margin-top: 15px; 
	}



/* Keep me informed */

#keep-informed h3 {
	color: #00318d;
	font-weight: 400;
	margin-bottom: 15px;
	}

#keep-informed p {
	color: #606061;
	font-size: 12px;
	margin-bottom: 15px;
	}

#keep-informed li {
	padding: 2px 0;
	}

#keep-informed label{
	font-size: 12px;
	}

#keep-informed input {
	font-size: 14px;
	}

#keep-informed label.hide {
	display: none;
	}

#keep-informed input.text {
	width: 209px;
	padding: 6px 8px;
	border: 1px solid #dbdbdb;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	}

#keep-informed input.inactive { 
	color: #939393; 
	}

#keep-informed .required {
	font-size: 24px;
	color: #e5360d;
	margin-left: 6px;
	position: relative;
	}

#keep-informed .note {
	font-size: 11px;
	text-align: right;
	padding-right: 16px;
	font-style: italic;
	margin-bottom: 15px;
	}

#keep-informed .note strong {
	color: #e5360d;
	}

#keep-informed label.check {
	position: relative;
	top: -3px;
	color: #00318d;
	margin-left: 10px;
	}

#keep-informed .privacy {
	margin-top: 16px;
	}

#keep-informed .privacy label {
	color: #5d5d5d;
	font-style: italic;
	font-size: 11px;
	margin-left: 4px;
	}

#keep-informed .privacy a {
	color: #5d5d5d;
	text-decoration: underline;
	}

#keep-informed .privacy a:hover {
	text-decoration: none;
	}

#keep-informed .button {
	margin-left: 4px;
	background: #e9e9ea url('../images/button-keepmeinformed-red.jpg') no-repeat 0 0;
	height: 30px;
	width: 161px;
	overflow: hidden;
	padding-top: 30px;
	border: none;
  cursor: pointer;
	}

#keep-informed .button:hover { 
	background-position: 0 -31px; 
	}

#keep-informed #submit_button {
	background: transparent url('../images/informed_button.gif') no-repeat 0px 0px; 
	display:block;
	height:31px;
	text-indent:-9999px;
	width:161px;	
	}
	
#keep-informed #submit_button:hover {
	background: transparent url('../images/informed_button.gif') no-repeat 0px -33px; 
	}	


/* >> Content << */

.content {
	font-size: 14px;
	}

.content ul {
	padding-left: 40px;
	margin: 16px 0;
	}

.content ul li {
	list-style-type: disc;
	}

.content ul.inline-list li {
	list-style-type: none;
	padding: 5px 0px;
	}

.content .major {
	margin-bottom: 24px;
	}

.content .arrow-links {
	padding-left: 0;
	font-size: 12.5px;
	}

.content .arrow-links li a {
	margin-right: 12px;
	background: transparent url('../images/arrow-blue.jpg') no-repeat right center;
	padding: 2px 14px 2px 0px
	}

/* Content top/fisrt */

#content-top h1 {
	margin-bottom: 18px;
	}

.text p:first-child
{
	font-style: italic;
}



/* Events and Resources Main */

#events-resources {
	padding: 0 14px;
	font-size: 12.5px;
	overflow: auto;
	width: 588px;
	}
	
#events-resources h3 {
	margin: 14px 0 16px;
	}

#events-resources ol, #events-resources ul {
	padding-left: 0;
  margin-left: 3px;
	}
	
#events-resources a.arrow-link-grey {
	display: block;
	color: #8a8a8a;
	font-style: italic;
	background-image: url('../images/arrow-grey-italic.jpg');
	margin-right: 0;
  font-weight: bold;
	}	

#events-resources a.arrow-link-grey:hover, #events-resources li a:hover {
	color: #424242;
	}

#content-top ul {
	overflow: auto;
	}	
	
#page {
	overflow: auto;
	clear: both;
	_position: relative;
	_bottom: 26px;
	}	
	
/* Resources */	


#events-resources #resources {
	width: 270px;
	float: left;
	padding-right: 28px;
	}
	
#events-resources #resources #nz_made_icon {
	float: right;
	}

#events-resources #resources ul {
	margin-top: 16px;
	margin-left: 0px;
	list-style: none;
	}

#events-resources #resources li {
	padding: 0;
	border-bottom: 1px solid #dcdcdc;
	list-style: none;
	}

#events-resources #resources li:first-child {
	border-top: 1px solid #dcdcdc;
	}

#events-resources #resources li a {
	display: block;
	padding: 9px 0 9px 47px;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	text-transform: uppercase;
	background-position: 9px 0;
	background-color: #E9E9EA;
	}

#events-resources #resources li a.retail {
	background-image: url('../images/icon-retail.gif');
	background-repeat: no-repeat;
	}

#events-resources #resources li a.manufacture {
	background-image: url('../images/icon-manufacture.gif');
	background-repeat: no-repeat;
	}

#events-resources #resources li a.consumers {
	background-image: url('../images/icon-consumers.gif');
	background-repeat: no-repeat;
	}

#events-resources #resources li a:hover {
	background-color: #f7f7f7;
	text-decoration: underline;
	color: #00318d;
	}

#events-resources #resources h3 {
	color: #C10109;
	}

#events-resources #resources_button {
	background: transparent url('../images/resources_button.gif') no-repeat 0px 0px; 
	display:block;
	height:27px;
	text-indent:-9999px;
	width:163px;
	float: left;
	}	
	
#events-resources #resources_button:hover {
	background: transparent url('../images/resources_button.gif') no-repeat 0px -29px;
	}	


/* Events */

#events-resources div#events {
	float: left;
	width: 276px;
	margin-bottom: 16px;
	background-color: #c2d3e8;
	border: 1px solid #a7b9ce;
	margin-top: 17px;
	padding-left: 12px;
	position: relative;
	padding-bottom: 12px;
	}


#events-resources #events_button {
	background: transparent url('../images/event_button.gif') no-repeat 0px 0px; 
	display:block;
	height:27px;
	text-indent:-9999px;
	width:163px;
	}	
	
#events-resources #events_button:hover {
	background: transparent url('../images/event_button.gif') no-repeat 0px -29px;
	}		
	

#events-resources #events h3 {
	font-size: 23px;
	font-weight: 400;
	color: #00318d; 
	}

#events-resources #events img {
	bottom:-10px;
	left:44px;
	position:absolute;
	}

#events-resources #events li {
	list-style-type: none;
	padding: 2px 0;	
  margin: 0px;
	}

#events-resources #events li a {
	display: block;
	padding: 2px 0 2px 0px;
	background-repeat:no-repeat;
	}

	
	
/* Popular and Recommened Events and Resources */	
	

#popular-events-resources {
	overflow: auto;
	padding: 15px 15px 15px 15px;
	width: 588px;
	}
	
/* Popular Events */	

#popular-events-resources #popular-events {
	float: right;
	width: 264px;
	}

#popular-events-resources #popular-events h3 {
	font-size: 23px;
	font-weight: 400;
	color: #002d81;
	margin-top: 0px;
	margin-bottom: 10px;
	}

#popular-events-resources #popular-events ol {
	margin-bottom: 16px;
	list-style-type: decimal;
	padding-left: 22px;
	}	

#popular-events-resources #popular-events li, #popular-events li a {
	color: #939393;
  line-height: 18px;
  font-size: 12px;
	}

#popular-events-resources #popular-events li {
	padding: 6px 0;
	}
	
#popular-events-resources #popular-events a.arrow-link-grey, #popular-events-resources #popular-resources a.arrow-link-grey {
	font-size: 12px;
	color: #939393;
	float: right;
	}	

#popular-events-resources #popular-events li a:hover, #popular-events-resources #popular-resources li a:hover {
	color: #002D81;
	text-decoration: underline;
	}


/* Recommended Resources */

#popular-events-resources #popular-resources {
	float: left;
	width: 264px;
	padding-right:27px;
	border-right: 1px solid #EEE;
	}

#popular-events-resources #popular-resources h3 {
	font-size: 23px;
	font-weight: 400;
	color: #002d81;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
#popular-events-resources #popular-resources ol {
	margin-bottom: 16px;
	list-style-type: decimal;
	padding-left: 22px;
	}	

#popular-events-resources #popular-resources li, #popular-resources li a {
	color: #939393;
  line-height: 18px;
  font-size: 12px;
	}

#popular-events-resources #popular-resources li {
	padding: 6px 0;
	}

#popular-events-resources #popular-resources li span.stars {
	background-repeat: no-repeat;
	margin-top: 2.5px;
	text-align: right;
	width: 59px;
	display: block;
	padding-top: 10px;
	overflow: hidden;
	height: 0;
	float: right;
	}

#popular-events-resources #popular-resources li span.num-0 {
	background-image: url('../images/star-0.jpg');
	}

#popular-events-resources #popular-resources li span.num-1 {
	background-image: url('../images/star-1.jpg');
	}

#popular-events-resources #popular-resources li span.num-2 {
	background-image: url('../images/star-2.jpg');
	}

#popular-events-resources #popular-resources li span.num-3 {
	background-image: url('../images/star-3.jpg');
	}

#popular-events-resources #popular-resources li span.num-4 {
	background-image: url('../images/star-4.jpg');
	}

#popular-events-resources #popular-resources li span.num-5 {
	background-image: url('../images/star-5.jpg');
	}
	

/* BLOG */	
	
	
#blog {
	margin-top: 44px;
	}	

#blog h2 {
	color:#C10109;
	font-size: 200%;
	font-weight:normal;
	margin-bottom: 22px; 
	}
	
#blog h2 span {
	font-size: 100%;
	font-weight: bold;
	}	
	
#blog ul {
	margin:0;
	padding:0;
	overflow: auto;
	}	
	
#blog ul li {
	list-style: none;
	width: 190px;
	float: left;
	margin-right: 15px;
	}	
	
#blog ul li span {
	font-size: 14px;
	color: #002d81;
	font-weight: bold;
	display: block;
	margin-top: 28px;
	padding-bottom: 2px;
	}	
	
#blog li.last {
	margin: 0px;
	}	
	
#blog li img {
	display: block;
	}	

/* >> Footer << */

#footer {
	margin-top: 40px;
	color: #cdced1;
	font-size: 12px; 
}

#footer h5 {
	color: #fff;
	text-shadow: -2px 2px 2px #4b4b4b;
	font-size: 15px;
	margin-top: 13px;
	margin-bottom: 15px;
	font-weight: bold;
	}

#footer li {
	list-style-type: none;
	}

#footer p {
	font-size: 100%;
	margin-bottom: 10px;
	}
	
#footer img {
	margin-bottom: 15px;
	}	

#footer-links {
	background: #e9e9ea;
	border: 1px solid #dcdde0;
	border-width: 1px 0;
	}

#footer-links li {
	padding: 9px 0;
	color: #00318D;
	font-size: 12px;
	}

#footer-links li a { 
	padding: 0 7px; 
	}

#footer-modules {
	clear: both;
	background: #5a5a5a;
	padding-bottom: 6px;
	padding-top: 20px;
	border-top: 1px solid #6e6e6e;
	}

#footer-modules a {
	color: #c9cace;
	text-decoration: underline;
	}

#footer-modules a.more-link {
	font-weight: bold;
	color: #FFF;
	}

#footer-modules a:hover {
	text-decoration: none;
	}

#footer-modules li {
	float: left;
	width: 262px;
	_width: 250px;
	height: 219px;
	padding-left: 22px;
	padding-right: 30px;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid #717171;
	}

#footer-modules li.icon {
  width: 100px;
	}

#footer-modules li.first { 
	border-left: none; 
	padding-left: 0px;
	}

#footer-modules li.last { 
	border-right: none; 
	}

#footer-modules li li { 
	border: none; 
	height: auto; 
	}

#footer-modules li.icon{
	padding-left: 25px;
	margin: 5px 0;
	}

	#member-layer
{
	background-color:						#cccccc;
	border-bottom:							2px solid #3399cc;
	color:									#000000;
	font-weight:							bold;
	padding:								20px 20px 10px 20px;
	position:								absolute;
	left:									915px;
	width:									341px;
	z-index:								1;
}


#member-layer a
{
	color:									#000000;
}


#registration
{
	float:									left;
	padding-right:							20px;
	width:									100px;
}


#login
{
	border-left:							1px solid #dedede;
	float:									left;
	padding-left:							20px;
	text-align:								right;
	width:									200px;
}


#member-layer h2
{
	font-size:								12px;
	padding-bottom:							10px;
}




#login .input-ctrls
{
}


#login .action-ctrls
{
	text-align:								right;
}


#member-layer .login-options
{
	clear:									both;
	padding-top:							10px;
}


#login li
{
	padding-bottom:							6px;
	text-align:								right;
}


#login label
{
	font-size:								11px;
	font-weight:							normal;
}


#login input
{
	font-size:								11px;
	color:									#333333;
	margin-left:							10px;
}


#member-layer button
{
	font-size:								11px;
}


#login #remember input
{
	margin-left:							auto;
	vertical-align:							middle;
}

#breadcrumbs {
	clear: both;
	}	
	
#breadcrumbs a {
	color: #00318d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}	
	
#breadcrumbs a.active {
	color: #656565;
	text-decoration: none;
	}	
	
#breadcrumbs span.seperator {
	color: #00318d;
	font-size: 11px;
	font-weight: bold;
	}			
	
/* Resources */

#resources {
	float: left;
	margin-bottom: 30px;
	}


#resource-items-wrapper {
	background-color: #FFF;
	width: 597px;
	border: 1px solid #E6E6E6;
	padding:18px;
	}

#resources h2 {
	clear:both;
	color:#00318D;
	font-size:23px;
	margin-bottom:0;
	margin-top:35px;
	text-transform:uppercase;
	margin-bottom: 20px;
	}
	
#resources .resource-item {
	border-bottom:1px solid #DDDDDD;
	overflow:auto;
	padding:15px 5px 15px;
	width:575px;
	}	
	
	
#resources .resource-even {
	background-color: #F8F8F8;
	}		
	
#resources .resource-item .resource-details {
	float:left;
	padding-left:15px;
	padding-top:6px;
	width:431px;
	}	
		
#resources .resource-item .resource-details h3 a {
	color:#0A4284;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	margin-bottom:5px;
	}	
	
#resources .resource-item .resource-image {
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#FFFFFF;
	border:1px solid #DEE1E6;
	float:left;
	margin-bottom:11px;
	margin-top:6px;
	padding:3px;
	position:relative;
	width:117px;
	}	


#member_login
{
    margin-right: 0;
}

#content-top .text p:second-child
{
	font-style: normal;
}

/*------Love Christchurch Styles----------*/

#lovebox
{
	background-image:url(/themes/portal_lovechchmade/images/right_lovebox_bg.jpg);
	height:267px;
}

#lovebox_logo
{
	position:relative;
	left:20px;
	top:20px;
}

#lovebox_para
{
	width:150px;
	margin-left:16px;
	margin-top:40px;
}

#lovebox_para p
{
	color:#FFF;
}

#lovebox_link
{
	background-image:url(/themes/portal_lovechchmade/images/lovebox_button.png);
	background-repeat:no-repeat;
    height: 30px;
    width: 165px;
	display:block;
	margin-left:16px;
}

#lovebox_link:hover
{
	background-position:bottom left;
	cursor:pointer;
}

.lovebox_biglink
{
	color:#fff;
	text-decoration:none;
}

.lovebox_biglink:hover
{
	text-decoration:none;
	cursor:pointer;
}

#cathedral_cont
{
	position:absolute;
}

#cathedral_img
{
    left: 195px;
    position: absolute;
    top: 131px;
}