@charset "utf-8";
/* CSS Document */

BODY
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;	
	padding: 0px;
	
}

td,th {
	/*font-family: "myriad-pro",sans-serif;*/
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	/*font-weight: bold;*/
}




a:link {
	
	text-decoration: none;
	color: #2882c9;
	
}


a:hover {
	text-decoration: none;
	color: #f9a01b;
	
}
a:active {
	text-decoration: none;
	color: #f9a01b;
	
}

hr {
	border-bottom-width: 1px;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
	clear: both;
	margin: 10px 0;
}

p {
	/*font-family: "myriad-pro",sans-serif;*/
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 15px;
}



ul {
	padding: 0px;
	margin-left: 40px;
	margin-top: 0px;
}
@media (max-width : 480px) {
ul {
  margin: 0;  
  padding: 0;
}
}

/*.bottom ul {
	padding: 0px;
	margin-left: 80px;
	margin-top: 0px;
	float:right;
}*/

h1 {
	color: #29abe2;
	font-family: raleway, sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 31px;
	text-align: left;
	clear: both;
	text-transform: uppercase;
}


h2 {
  color: #29abe2;
  font-family: raleway,sans-serif;  
  font-size: 16px;
  font-weight: normal;
  line-height: 29px;
  text-transform: uppercase;
  clear:both;
}


/*h2 a:link, a:active, a:visited {
	color: #f7931e;
}*/
h2 a:hover {
	color:  #f7931e;
}

h3 {
  color: #f7931e;
  font-family: raleway,sans-serif;  
  font-size: 16px;
  font-weight: lighter;
  line-height: 29px;
  text-transform: uppercase;
}




h4 {
  color: #0071bc;
  font-family: raleway,sans-serif;  
  font-size: 14px;
  font-weight: lighter;
  line-height: 29px;
  text-transform: uppercase;
}

/* additional style added to the circle div to give it a shadown and inset on a rollover if needed*/

a img {
	outline: 0;
	border: 0;
	margin: 0;
	padding: 0;
}


#wrapper {
	width: 940px;
	clear: both;
	height: auto;
	display: block;
	overflow: hidden;
	background-color: #FFF;
	margin: 0 auto;
	padding: 20px;
}



#banner {
	width: 940px;
	height: 188px;
	margin: 0px;
	padding: 0px;
}

#banner_pauline {
	width: 940px;
	height: 210px;
	margin: 0px;
	padding: 0px;
}

#header {
	clear: both;
	width: 940px;
	height: 128px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: auto 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	vertical-align: top;
	background-attachment: scroll;
	background-image: url(/images/onenation_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.header_details {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	clear: right;
	float: right;
}


#header h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#header a:link {
	/*padding: 0 10px 0 10px;*/
	color: #FFF;
}

/*#header a:hover, a:visited, a:active {
	color: #0b0658;
}*/

#header p {
	padding: 5px;
	text-align: right;
	font-weight: bold;
	margin: 0px;
}



#navbar {
	background-color: #0b0658;	
	width: 880px;
	height: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(100, 100, 100, 0.5);
	box-shadow:  1px 1px 1px 1px rgba(100, 100, 100, 0.5);
	min-height: 30px;
	margin: 0 auto 20px auto;
	padding: 10px 20px 10px 40px;
}

#navbar_pauline {
	background-color: #0b0658;	
	width: 810px;
	height: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(100, 100, 100, 0.5);
	box-shadow:  1px 1px 1px 1px rgba(100, 100, 100, 0.5);
	min-height: 30px;
	margin: 0 auto 20px auto;
	padding: 10px 20px 10px 90px;
}

#navbar td {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #0B0658;
    /*float: left;*/
    padding: 6px 10px 0 10px;
    text-decoration: none;
}



.logo {
  display: block;
  float: left;
  margin: 0 0 -27px -15px;
  padding: 0;
}




@media (max-width : 1024px) {
	  .logo {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	  }
	  #menu > ul {
		display: table;
		list-style: outside none none;
		margin: 0 auto;
		padding: 0;
	  }
}

#buttons {
	display: block;
	margin: 20px 0;
	padding: 0px;
	clear: both;
	width: 940px;
}

#content {
	margin: 0 auto;
	clear: both;
	width: 940px;
	color: #000;
	height: auto;
	display: block;
	overflow: hidden;
	min-height:200px;
	padding: 0px;
}

#content p a {
	/*color: #0B0658;*/
	margin: 0px;
	padding: 0px;
}

#content p a:visited, a:active, a:hover {
	/*color: #0b0658;*/
	color: #f9a01b;
	/*margin: 0px;
	padding: 0px;*/
}

#content a:visited {
	text-decoration: none;
	/*color: #1161a0;*/
	/*color: #0b0658;*/ /* taken out because it was affecting the 4 buttons -donate etc...*/
	margin: 0px;
	padding: 0px;
}


#footer {
  background-color: #343434;
  bottom: 0;
  clear: both;
  color: #fff;
  display: block;
  font-family: "myriad-pro",sans-serif;
  font-size: 12px;
  margin: 40px auto 0;
  overflow: hidden;
  padding: 20px;
  text-align: center;
}

#footer ul {
  float: left;  
  margin: 0;
  padding: 0;
  clear: none;
  list-style: none;
}


#footer ul li {
  color: #FFF;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;  
  font-size: 11px;
  text-align:left;
}

#footer .btn-social {
  background: rgba(21, 125, 175, 1) none repeat scroll 0 0;
  /*border: 2px solid #e65e24;*/
  border-radius: 100%;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 20px;
  margin: 6px 3px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 24px;
}



#footer ul li a {
  color: #fff;
  display: block;
  /*float: left;*/
  font-family: "proxima-nova-sc-osf",sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

#footer ul li ul li a {
  color: #fff;
  display: block;
  float: left;
  font-family: "proxima-nova-sc-osf",sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

#footer p {
	font-size: 10px;
	color: #FFF;
	text-align: center;
	clear:both;	
}

#footer a:link {
	color: #FFF;
}

#footer a:hover, a:active {
	color: #cccccc;
}

/* styles to overwrite the footer styles above for the Privacy Modal inside of the footer content Contentholder*/

#largeModalPrivacy p {
	/* font-family: "myriad-pro",sans-serif; */
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 15px;
	color: #000; /* added */
}

#largeModalPrivacy .modal-onenation h4 {
	color: #0071bc;
	font-family: raleway,sans-serif;
	font-size: 20px;
	font-weight: lighter;
	line-height: 29px;
	text-transform: uppercase;
	text-align:left; /* added */
	
}

#largeModalPrivacy h3 {
	color: #f7931e;
	font-family: raleway,sans-serif;
	font-size: 16px;
	font-weight: lighter;
	line-height: 29px;
	text-transform: uppercase;
	text-align:left; /* added */
}

#largeModalPrivacy button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0 none;
	padding: 0;
	margin-top: -5px; /* added */
}



/* header font-awesome icons*/

.services ul li {
  color: #FFF;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;  
  font-size: 11px;
  text-align:left;
}

.services ul li a {
  color: #fff;
  display: block;
  float: left;
  font-family: "proxima-nova-sc-osf",sans-serif;
  margin: 0 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.services ul li ul li a {
  color: #fff;
  display: block;
  float: left;
  font-family: "proxima-nova-sc-osf",sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}


.services .btn-success {
  background-color: #2daae1;
  border-color: #2daae1;
  border-radius: 15px;
  color: #fff;
  float: left;
  padding: 5px 12px;
  width: auto !important;
}

.services .btn-success:hover {
  padding: 5px 12px;
  width: auto !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 480px) {
	
  .services {
	  margin:10px 0;
   }
}
/* end of header social icons*/

.social_icons {
	display: block;
	margin: 0px;
	float: right;
	height: 32px;
	width: 105px;
	overflow: hidden;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.social_icons a {
	margin: 0;
	padding: 0;
}


.search_wrapper {
	display: block;
	/*margin: 18px;*/
	clear: right;
	float: right;
	padding: 0px;
	background-color: #0b0658;
	-webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
	overflow: hidden;
	width: 291px;
	height: 26px
}

.searching {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/ico-scope.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	border: 1px solid #1161a0;
	padding: 2px 0 2px 24px;
	margin: 10px 0 0 0;
	-webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
	float: left;
	height: 20px;
	color:#FFF;
}

.search_onenation {
    background: none repeat scroll 0 0 #0b0658;
    border: 1px solid #0b0658;
    clear: both;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin: 3px 0 0 -8px;
    overflow: hidden;
    padding: 3px 10px 2px;
    text-transform: uppercase;
    width: 70px;
}

.lhs {
	width: 460px;
	margin: 0 10px 0 0;
	float: left;
	display: block;
	clear: none;
	overflow: hidden;
}

.lhs_pauline {
	width: 180px;
	float: left;
	display: block;
	clear: none;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

.rhs {
	width: 460px;
	margin: 0 0 0 10px;
	float: right;
	display: block;
	clear: none;
	overflow: hidden;
}

.rhs_pauline {
	width: 740px;
	margin: 0 0 0 10px;
	float: right;
	display: block;
	clear: none;
	overflow: hidden;
}

.candidates_wrapper {
	display: block;
	margin: 0 0 10px 0;
	padding: 0px;
	clear: both;
	width: 460px;	
	/*min-height: 300px;*/
}

.candidates {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: 95px;
	width: 95px;
}

.candidates_text {
	display: block;
	margin: 0px;
	padding: 0;
	clear: none;
	float: right;
	width: 360px;
}

.candidates_text p {
	padding: 0;
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
	width: 100%;
}
.clear {
    display: block;
}

.submitting {
	background-color: #0b0658;
	border: 2px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-family:Segoe, "Verdana", sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 10px 0;
	overflow: hidden;
	padding: 0 0 2px;
	text-transform: uppercase;
	width: 120px;
	text-align: center;
}

.fields {
  background-color: #ffffff;
  border: 1px solid #29abe2;
  font-family: Segoe,"Verdana",sans-serif;
  font-size: 11px;
  margin: 5px;
  padding: 3px;
}

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
  width: 308px;
}

.about_onenation {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: right;
	/*width: 250px;*/
	padding: 10px 20px;
	/*margin: 0 0 20px 0;*/
	border: 1px solid #1161a0;
	background-color: #FFF;
	background-attachment: scroll;
	background-image: url(/images/southern_cross.jpg);
	background-repeat: no-repeat;
	background-position: right 5px;
	clear: right;
	/*box-sizing: content-box;*/    /*http://www.w3schools.com/cssref/css3_pr_box-sizing.asp*/ 
	/* check line 814 of bootstrap.min.css*/
}

.col-lg-8 .about_onenation {
  background-attachment: scroll;
  background-color: #fff;
  background-image: url("/images/southern_cross.jpg");
  background-position: right 5px;
  background-repeat: no-repeat;
  border: 1px solid #1161a0;
  border-radius: 20px;
  clear: none;
  display: block;
  float: none;
  padding: 10px 20px;
  width: 100%;
}



.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/*.buttons {
	background-color: #1161a0;
	display: inline;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	font-family: "myriad-pro",sans-serif;
	text-transform:uppercase;
	color:#FFF;
	padding:5px;
	font-size:16px;	
}*/

#buttons li {
	background-color: #1161a0;
	display: inline-block;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-family: "myriad-pro",sans-serif;
	font-weight:400;
	text-transform:uppercase;
	color:#FFF;
	padding:5px;
	font-size:16px;	
	width:221px;
	 text-align: center;
}


#buttons ul {
	width:100%;
	margin: 0 auto;
}

#buttons a:link {
	color:#FFF;	
}

#buttons a:hover {
	color:#3694de;	
}

#buttons img {
	margin-bottom:-15px;
}

#buttons .fa {
  font-size:26px;
  color:#3694de;
  height:40px;
  margin-bottom:-10px;
}

#memberParty{
	display:none;
}

#financialSupport {
	display:none;
}

.header .bottom {
  padding: 20px 0 0;
}

.details {
	clear: right;
	float: right;
	margin: 0;
	padding: 10px;
	text-align: right;
	list-style-type: none;
}

.details ul, .shop-product-small ul {	
	list-style-type: none;
}



.fa {
  font-size:12px;
  line-height:23px;
}



.image_content .fa {
  font-size:34px;
}



/* stops the arrows displaying on the mobiles */
.slicknav_item .fa {	 
  display: none;
}



.services .searching {
	float:left;
}

.footercols {
  border-right: 1px solid #555555;
  float: left;
  margin: 0 0 20px;
  min-height: 150px;
 /* min-width: 102px;*/
  padding: 5px 13px;
}

.flagged ul li {
  float: left;
}




footer {
  margin: 0 25px;
}

/* colour buttons css */
.buttons {
	margin:0 auto;
}

.buttons li {
  display: block;
  float: left;
  list-style: outside none none;
  margin: 0 13px 0 0;
  padding:0 0 10px;
}

.buttons li:last-child {
	float:left;
	margin-right:0;	
}

.buttons li:hover {
	opacity: 0.8;
}

/* panels css */

.greyed {
	background-color: #c8c8c8;
	position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding:10px;
}

.lightgreyed_article {
	background-color: #e5e5e5;
	position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin: 0;
	padding:10px;
}

.lightgreyed {
	background-color: #e5e5e5;
	position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin: 10px 0;
	padding:10px;
}

.lightestgrey {
	background-color: #f9f9f9;
	position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin: 10px 0;
	padding:10px;
}

.lightestgrey .area {
	width: 33.3333%;
}

.greyed h2 {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  /*font-family: "myriad-pro",sans-serif;*/
  font-size: 16px;
  font-weight: normal;
  padding: 15px 0 0;
  text-transform: uppercase;
  line-height:15px;
}

.lightgreyed h3, .lightestgrey h3 {
  color: #29abe2;
  font-family: "myriad-pro",sans-serif;
  font-size: 16px;
  font-weight: lighter;
  padding: 0 0 10px;
  text-transform: uppercase;
}



.greyed p {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	margin: 20px 10px 0 0;

}

.panels {
  margin: 0 auto;
  padding: 0 60px;
}

.panels_getInvolved {
 /* margin: 0 auto;*/
  padding: 0;
}



@media (max-width : 480px) {
.panels {
  margin: 0 auto;
  padding: 0 55px;
}
}


.panels li img {
  display: block;  
  overflow:hidden;
}

.panels li, .panels_getInvolved li {
  clear: none;
  display: block;
  float: left;
  list-style: outside none none;
  margin: 0;
  min-height: 300px;
  width: 200px;
}

.panels li:last-child {
	float:left;
	margin-right:0;
	padding:0 0 20px 0
}

.panels li a:hover, .panels_getInvolved li a:hover {
	opacity: 0.5;
}

/* end of panels */

.ON_party h3 {
  color: #29abe2;
  font-family: "myriad-pro",sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  text-align: center;
  text-transform:none;
  margin:20px 0;
}
.ON_party h4 {
	color: #f7931e;
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	background-color: transparent;
	text-align: center;
	text-transform:none;
	margin:20px 0;
}

.ON_party p {
  /*margin:0 170px;
  text-align: justify;*/
}

@media (min-width : 320px) and (max-width : 1024px) {
.ON_party p {
  margin: 0 5px;
  text-align: justify;
  
}
}
.fedup {
	padding: 0 0 20px 0;
}

.parliament {
  padding: 0 0 5px;
}

.parliament .fa {
  font-size: 34px;
  margin: -20px 0;
}

.currentaffairs {
	z-index: 200;
	margin: -160px 0 0 0;	
}

@media (min-width : 320px) and (max-width : 1200px) {
.currentaffairs {
	z-index: 200;
	margin: -120px 0 0 0;	
}
}



.currentaffairs h2 {
  color: #FFF;
  font-family: "myriad-pro",sans-serif;
  font-size: 32px;
  font-weight: lighter;
  line-height: 31px;
  text-align: center;
  text-transform:none;
  margin:20px 0;
  text-shadow: 1px 1px 1px #000000;
}

.currentaffairs h3 {
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: lighter;
  line-height: 21px;
  margin: 20px 120px;
  text-align: center;
  text-transform: none;
  text-shadow: 1px 1px 1px #000000;
}

.currentaffairs p {
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 0 10px;
  text-align: right;
  text-shadow: 1px 1px 1px #000000;
}

.helicopter {  
  
  padding: 20px;
	width: 300px;
	color: #FFFFFF;
	position: relative;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}

.helicopter  h2 {
  color: #FFF;
  font-family: "myriad-pro",sans-serif;
  font-size: 32px;
  font-weight: lighter;
  line-height: 31px;
  text-align: center;
  text-transform:none;
  margin:20px 0;
}

.helicopter  h3 {
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: lighter;
  line-height: 21px;
  margin: 20px 120px;
  text-align: center;
  text-transform: none;
}

.helicopter  p {
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 0 10px;
  text-align: right;
}

.helicopter .content  
{  
    position:relative;  
} 
/* css trying to overlay a div with a transparency bg but texy at full opacity */
.helicopter .overlayed {
	/*background-color: #29abe2;*/
  background-color: rgba(41, 171, 226, 0.7);
color: rgba(41, 171, 226, 0.7);
  margin: -160px 0 0;
  max-width: 1170px;
  opacity: 0.73;
  position: absolute;
  z-index: 200;

}

#contained2  
{
	padding: 20px;
	width: 300px;
	color: #FFFFFF;
	position: relative;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	
}  
  
#contained2 .transparency  
{  
    opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    background-color:#000000;  
    width:340px;  
    height:1500px;  
    position:absolute;  
    top:0px;  
    left:0px;  
    z-index:-1;  
}  
  
.contented  
{  
    position:relative;  
} 
/* end of css trying to overlay a div with a transparency bg but texy at full opacity */

.candidate-content {
	margin:100px 0 0 0;
}

.candidate-content h2 {
  color: #29abe2;  
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  font-family: 'Raleway', sans-serif;
}

.candidate-content h3 {
  /*color: #f9a01b;*/ 
  color: #333; 
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}


.candidate-content .nav-tabs {
  margin: -20px -20px 20px;
}

.box {
  background-clip: padding-box;
  background-color: #ffffff;
  border-radius: 2px;
  /*box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);*/
  margin: 0;
  padding: 20px;
}

.nav-tabs {
  border-bottom: 5px solid #f9a01b;
}
.nav-tabs li a:hover {
  color: #f9a01b;
}

.nav-tabs .fa {
  font-size: 24px;
  /*color:#797d7b;*/
}

.nav-tabs li.active > div, .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
  background-color: #f9a01b;
}

.nav-tabs li > div, .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active, .nav-tabs li a:focus {
  background-clip: padding-box;
  background-color: #ffffff;
  border: medium none;
  border-radius: 0;
  color: #797d7b;
  font-size: 16px;
  margin-right: 0;
  outline: 0 none;
  padding: 14px 20px 9px;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-tabs li.active a, .nav-tabs li.active fa, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
  color: #FFF;
}

.post-grid {
  float: left;
  margin-bottom: 30px;
  margin-left: 25px;
  width: 200px;
}

.post-grid {
  max-width: 100%;
}

.box .box-header {
  background-color: #ffffff;
  margin: 10px 0;
  padding: 0 20px;
}

.box .box-header p {
  color: #f9a01b;
  text-align:center;
  font-size:12px; 
 
}



.box .box-header h3 {
  color: #107bce;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  text-align: center;
}

.box .box-header h3 a {
  color: #107bce;
  line-height: 15px;
  text-decoration: none;
}

.btn-small {
  /*padding: 8px 16px;*/
}

.btn {
  background-clip: padding-box;
  background-color: #f9a01b;
  background-image: none;
  border: medium none;
  border-radius: 2px;
  box-shadow: 0 -2px 0 rgba(71, 73, 72, 0.05) inset;
  color: #ffffff;
  font-family: "myriad-pro",sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  word-spacing: 1px;
  padding: 8px 16px;
  margin: 0 0 5px;
}

.btn:hover,
.btn:focus,
.btn:active {
	color: #ffffff;
	background-position: inherit;
	background-color: #107bce;
	padding: 8px 16px;  
}
.btn:focus,
.btn:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
  -moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
  box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
  /*color: @arguments;*/

}

.box .box-footer::after {
  clear: both;
  content: "";
  display: table;
}

.box .box-footer {
  background-color: #f9f9f9;
  border-top: 1px solid #f0f0f0;
  margin: 20px -20px -20px;
  padding: 20px;
}



.services .btn-social {
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  line-height: 20px;
  margin: 2px 2px 10px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 22px;
}

.services .btn-social .fa-twitter {
  background-color: #389cd4;
  display: inline-block;
  border-radius: 100%;
  height: 22px;
  line-height: 20px;
  margin: 2px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 22px;
}

.services .btn-social .fa-twitter:hover,.fa-facebook:hover,.fa-youtube:hover  {
  opacity: 0.5; 
}

.services .btn-social .fa-twitter, .fa-facebook,.fa-youtube {  
  display: inline-block;
  border-radius: 100%;
  height: 22px;
  line-height: 20px;
  margin: 2px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 22px;
}
.services .btn-social .fa-twitter {
  background-color: #389cd4;
}
.services .btn-social .fa-facebook {
  background-color: #395a8f;
}
.services .btn-social .fa-youtube {
  background-color: #d8262e;
}

/* ********************** styles for the image overlay boxes */



.overlayedcontainer {
  margin-top: -166px;
  position: relative;
  width: 0.01px;
  z-index: 143;
  clear: both;
  display: inline;
  float: left;  
  height: 100px;
  
}

#overlayed {
  background-color: #000000;
  bottom: 0;
  opacity: 0.28;
  position: absolute;
  top: 0;
  width: 970px;
  z-index: 0;
}

@media (min-width : 481px) and (max-width : 1024px) {
#overlayed {
  min-width: 700px;/* same as the image size*/  
}
}


.nivo-caption {
  background: #242424 none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: none;
  height: 30%;
  left: 0;
  opacity: 0.8;
  overflow: hidden;
  padding: 15px 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 8;
  font-family: raleway,sans-serif;
}


.nivo-caption span {	
  color: #ffffff;
  font-family: raleway,sans-serif;
font-size: 52px;
  font-weight: 700;  
}



.imagebox {
  /*height: 410px;*/ /* taken out because it conflicts with the img-responsive class */
  position: relative;
  /*width: 0.01px;*/ /* taken out because it conflicts with the img-responsive class */
  z-index: 139;
}

.overlayed_text {
  background-color: transparent;
  color: #ffffff;
  font-family: raleway,sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 62px;
  /*margin-right: -10000px;*/
  /*min-height: 84px;*/
  position: relative;
  text-align: center;
  width: 970px;/* same as the image size*/
  z-index: 144;
}
@media (min-width : 320px) and (max-width : 1024px) {
.overlayed_text {
  min-width: 700px;/* same as the image size*/
  z-index: 144;
}
}

.overlayed_text p {
  background-color: transparent;
  color: #ffffff;
  font-family: raleway,sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 62px;
  /*margin-right: -10000px;*/
  /*min-height: 84px;*/
  position: relative;
  text-align: center;

}

/* ********************** end of styles for the image overlay boxes */


/* ***** styles for images and the text overlays****** */ 
#container_currentaffairs {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/current-affairs-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_contact {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/contact_AustralianFlag.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_getinvolved {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/get-involved-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_shop {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/shop-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_parliament {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/parliament-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_pauline {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/pauline_helicopter.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_volunteer {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/volunteer-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_about {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width:100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/about-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_candidate_application {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/become-candidate-banner.jpeg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_candidates {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/candidates-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_donate {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/donate-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_events {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/events-banner.jpeg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_history {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/history-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_media {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/media-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_membership {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/membership-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_news {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/party-news-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_pauline {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/pauline-hanson-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_policies {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/policies-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_principals {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/principals-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container_stay_connected {
	color: #ffffff;
	float: left;
	height: 398px;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/banners/stay-connected-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


  
.transparency {
  background-color: #000000;
  bottom: 0;
  height: 45%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 100;
}

#container_parliament .transparency {
  background-color: #000000;
  bottom: 0;
  height: 45%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  z-index: 100;
}

#container_pauline .transparency {
  background-color: #29abe2;
  bottom: 0;
  height: 45%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  z-index: 100;
}

#container_contact h1, #container_currentaffairs h1, #container_pauline h1, #container_volunteer h1, #container_about h1, #container_candidate_application h1, #container_candidates h1, #container_donate h1, #container_events h1, #container_history h1, #container_media h1, #container_membership h1, #container_news h1, #container_pauline h1, #container_policies h1, #container_principals h1, #container_stay_connected h1, #container_parliament h1, #container_getinvolved h1, #container_shop h1 {
  color: #ffffff;
  font-family: raleway,sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 40px;
  margin: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px #000000;
}

@media (min-width : 320px) and (max-width : 480px) {
	#container_contact h1, #container_currentaffairs h1, #container_pauline h1, #container_volunteer h1, #container_about h1, #container_candidate_application h1, #container_candidates h1, #container_donate h1, #container_events h1, #container_history h1, #container_media h1, #container_membership h1, #container_news h1, #container_pauline h1, #container_policies h1, #container_principals h1, #container_stay_connected h1, #container_parliament h, #container_getinvolved h1, #container_shop h11 {
  font-size: 32px;
  text-shadow: 1px 1px 1px #000000;
}
}



#container_currentaffairs p, #container_contact p, #container_pauline p, #container_volunteer p, #container_about p, #container_candidate_application p, #container_candidates p, #container_donate p, #container_events p, #container_history p, #container_media p, #container_membership p, #container_news p, #container_pauline p, #container_policies p, #container_principals p, #container_stay_connected p, #container_parliament p, #container_getinvolved p, #container_shop p {
  color: #ffffff;
  font-family: raleway,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin: 0 80px;
  text-align: center;
}

@media (min-width : 320px) and (max-width : 480px) {	
#container_currentaffairs p, #container_contact p, #container_pauline p, #container_volunteer p, #container_about p, #container_candidate_application p, #container_candidates p, #container_donate p, #container_events p, #container_history p, #container_media p, #container_membership p, #container_news p, #container_pauline p #container_policies p, #container_principals p, #container_stay_connected p,  #container_parliament p, #container_getinvolved p, #container_shop p {
  margin: 0 30px;
}
}

#container_currentaffairs span, #container_contact span, #container_pauline span, #container_volunteer span, #container_about span, #container_candidate_application span, #container_candidates span, #container_donate span, #container_events span, #container_history span, #container_media span, #container_membership span, #container_news span, #container_pauline span, #container_policies span, #container_principals span,  #container_parliament span, #container_stay_connected span, #container_getinvolved span, #container_shop span {	
  color: #ffffff;
  font-family: raleway,sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 62px;
  text-align: center;
}
      
.image_content {
  margin-top: 240px;/* determines the marginto bring the text into the center vertically on the droppped opacity bar*/
  position: relative;
  z-index: 150;
  font-family: raleway,sans-serif;
}

#container_pauline .image_content {
  margin-top: 220px; 
}

#container_parliament .image_content {
  margin-top: 200px; 
}

.image_content a {
  color:#FFF;
}

@media (min-width : 320px) and (max-width : 480px) {
  .image_content {
	margin-top: 250px;/* determines the marginto bring the text into the center vertically on the droppped opacity bar*/
  }
}



.icons {
  margin: 0 auto;
 /* max-width: 650px;*/
}

.icons img  {
  padding: 5px;  
}

.icons img:hover  {
  opacity:0.5; 
}


/* **************************** makes the image gallery responsive ****************************************/

.iconsTable td { 
text-align:center;
}

.iconsTable td a {
	text-decoration:none;
}


@media only screen and (max-width : 1024px) {
.iconsTable { 
display: block; 
}
.iconsTable td { 
display: block; 
float: left; 
margin: 0 1%; 
/*width: 48%;*/ /* commenting this out as it makes the thumbnail images shrink*/

}
.iconsTable td img { 
display: block; 
width: 100%;
max-width: 100% !important;
 }
}

.tab-pane a {
	text-decoration:none;
	/*text-align:center;*/
	
}
.candidate_tabs {
  /*border-right: 1px solid #ccc;*/
  display: block;
  float: left;
  /*margin: 0 10px;*/
  margin: 0 20px;
  text-align: center;
}
/*rollovers styles for the candidates in the tabs */
.candidate_tabs a img:hover {
	opacity: 0.5;		
}

.candidate_tabs a:hover p {
	color:#f7931e;		
}


.candidate_tabs a p {
	text-align:center;
	color:#29abe2;		
}


.tab-content {
  display: block;
  min-height: 220px;
}

.share {
	background-color:#333;
	color:#FFF;
}

.share a:link {
  color: #fff;  
  text-decoration: none;
}

/*.a2a_kit {
display:none;	
}*/

.share:hover + .a2a_kit {
 display:block;
 color:#339;
 margin: 0 0 40px 0;
}
/* just a style to take the categories away off the video app instead of removing it from the video app template*/
#filters_container {
	display:none;
}

.candidate_details h3 {
  color: #575757;
  font-size: 13px;
  line-height: 13px;
  margin:0;
}


.candidate_details h2 {
	margin:0;
}
/* overrwriting blog styles */
.blog-post h2.post-title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	display:block;
}

.blog-post .post-details {
  color: #888;
  font-size: 12px;
  margin: 5px 0 18px;
}

.blog-post h2.post-title .fa {
  font-size: 20px;
}
.announcement-list .fa {
  font-size: 20px;
}

.blog-post .post-body a {
	color:#29abe2;
	font-weight:500;
}

.anchored .fa {
 font-size:36px;
 color:#29abe2;	
}

.byline {
	color:#0071bc;
	font-weight:500;
	font-size:12px;
}

.byline_lg {
	color:#0071bc;
	font-weight:500;
	font-size:14px;
}

.hr_bordered {
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-bottom-color: #D4D4D4;
}

/*[class*="col-"] {
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
  padding-bottom: 15px;
  padding-top: 15px;
}*/

.services ul {
	margin: 0 0 0 20px;	
}

.container {
  max-width:970px;
}

#pagelist {
	margin:10px 0;
}


/* styles for blog sumamry on current affair individual pages */
.blogsitesummary .author {	
	display:none;
}
.blogsitesummary li {
	color:#FFF;	
}
.blogsitesummary li .date {
	color:#333;	
}
/* end of styles for blog sumamry on current affair individual pages */

.currentaffairs_icons {
  clear: none;
  display: block;
  float: left;
  min-height: 240px;
  padding: 10px 0 0;
  text-align: center;
  width: 150px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  height: 34px;/* my added height for the search button in the footer */  
}

.input-group .form-control {  
  margin: 0; 
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border: 1px solid #29abe2;
  margin: 12px 0 0;
  padding: 3px;
}

select {
  border: 1px solid #29abe2;
  margin: 5px;
  padding: 3px;
}

/* added to take the 40% width away on it*/
.shop-main .cart-summary {  
  width: auto;
}
/* added to make the sm product image 180x180 */
.shop-product-small .image {
  height: 180px;
  width: 180px;
}

#catProdTd_9859586 h2 a {
	text-align:center;
}

.cart-summary .fa {
  background-color: #157caf;
  border-radius: 20px;
  color: #fff;
  font-size: 18px;
  height: 26px;
  width: 26px;
  padding: 2px 4px;
}

.shop-product-small {
-webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;	
 -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;

}
/* makes the shopping cart images responsive */
.shopping img {  
  max-width: 100%;
}

a#catshopclear, a#catshopquote, a#catshopbuy  {
 color:#FFF;
 font-weight: bold;	
 font-size:12px;
}

input#DiscountCode, input#GiftVoucher {
  height: 32px;
  margin: 3px -3px 2px 0;
  width: 70px;
}

.productitemcell {
  height: auto !important;
}


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

.shop-catalogue {
  height: 280px;
  width: 260px;
}
.shop-catalogue .image {
  height: 240px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 10px 0 5px;
  text-align: center;
  width: 220px;
}

.shop-catalogue h4 {
  text-align: center;
}

.shop-catalogue h4 a {
  color: #1969bc;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  text-align:center;
}

.shop_catalogs li {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.shop_catalogs li {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.shop_catalogs li {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
.shop_catalogs li {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* forum overwriting styles*/
table.forum .forum {
  margin: 0 0 0 23px;
}
table.forum .icon {
  float: left;
  width: auto;
}

.icon .fa {
  font-size: 18px;
  line-height: 28px;
}

table.forum h3 {
  font-size: 14px;
  margin: 0;
}

.shopped {
	list-style: none;	
	}
	
.shopped li {
	float: left;	
	}

.zoneSubscriptions {
	list-style: none;
	}
	
 

#myaccount .fa {
	font-size:16px;
	}
	
.forum-posts-container h2 {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #eee;
  color: #157caf;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 3px 18px;
}

.shop-product-small {
  float: left;
  max-width: 240px;
  min-height: 330px;
}
	
.shop-main .header {
  padding: 0 0 30px;
}

.productList {
	margin:0;
}

.productItem {
  float: left;
  list-style: outside none none;
  margin: 10px 10px 10px 0;
 max-width: 225px;
}

.productItemLast {
	float:left;
	list-style: outside none none;
  margin: 10px 10px 10px 0;
 max-width: 225px;
}

.exitbutton {
  background-color: #f9a01b;
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  padding: 14px 20px 9px;
  margin: 10px 0;
}

.exitbutton a {
  color: #FFF;
}

.exitbutton a:hover {
  color: #797d7b;
}

.exitbutton .fa {
  font-size: 18px;
}

.alertMessageHolder_success{
/* all the properties that will make this message look nice and positive */
}

.shop-product-small ul {
  background: #FFF none repeat scroll 0 0;  
}

button, input, select, textarea {  
  line-height: normal;
}

.productitemcell {  
  line-height: 35px;
}

.shop-main .header {
  border:none;
}


.modal-onenation {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
}

.modal-onenation button.close {
  background: #f9a01b none repeat scroll 0 0 !important;
  border: 2px solid #f5f5f5;
  border-radius: 50%;
  box-shadow: 0 0 3px gray;
  color: #fff;
  height: 25px;
  left: 13px;
  margin-right: 10px;
  margin-top: -15px !important;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 14px;
  width: 25px;
  z-index: 2147483647;
}

.modal-onenation h4 {
  color: #0071bc;
  font-family: raleway,sans-serif;
  font-size: 20px;
  font-weight: lighter;
  line-height: 29px;
  text-transform: uppercase;
}