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


.accordionButton {	
	width: 99%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #ddd url(../images/add.png) right no-repeat;
	cursor: pointer; margin:0.5% 0%; padding:0% 0% 0% 1%;
	}
	
	
.accordionButton b{ width:98%; margin:0.5% 0%; float:left; padding:0.3% 1%; color:#000;
 /*font-family: 'Roboto Condensed', sans-serif;*/ font-size:1.1em; }





.accordionButton1 {	
	width: 99%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #ddd /*url(../images/add.png) right no-repeat*/;
	cursor: pointer; margin:0.5% 0%; padding:0% 0% 0% 1%;
	}
	
	
.accordionButton1 b{ width:98%; margin:0.5% 0%; float:left; padding:0.3% 1%; color:#000;
 /*font-family: 'Roboto Condensed', sans-serif;*/ font-size:1.1em; }



.accordionContent {	
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

/*.on {
	background: #990000 url(../images/less.png) right no-repeat; color:#fff;
	}
	
.over {
	background: #990000 url(../images/add.png) right no-repeat; color:#fff;
	
	}*/
	
	.on {
	background: #8f3329 url(../images/less.png) right no-repeat; color:#fff;
	}
	
.over {
	background: #8f3329 url(../images/add.png) right no-repeat; color:#fff;
	
	}
	
	.on .acc_btn, .over .acc_btn {
	color:#fff;	
	}
	
	.accordionContent {
	padding-top:1%;	
	margin-bottom:2%;
	}
	
	
@media only screen and (min-width:720px) and (max-width:768px) {
.accordionButton b{ padding:1%;}
}

@media only screen and (min-width: 640px) and (max-width :719px){
.accordionButton b{ padding:1%;}
}

@media only screen and (min-width: 568px) and (max-width :639px){
.accordionButton b{ padding:1%; font-size:1.4em;}	
}

@media only screen and (min-width: 480px) and (max-width :567px){
.accordionButton b{ padding:1.5% 1%; font-size:1.4em;}	
}

@media only screen and (min-width:360px) and (max-width: 479px){
.accordionButton b{ padding:1.5%; font-size:1.4em;}	
}

@media only screen and (min-width:320px) and (max-width: 359px){
.accordionButton b{ padding:1.5%; font-size:1.4em;}	
}

@media only screen and (min-width: 280px) and (max-width: 319px){
.accordionButton b{ padding:1.5%; font-size:1.3em;}	
}

@media only screen and (min-width: 240px) and (max-width: 279px){
.accordionButton b{ padding:1.5%; font-size:1.2em;}	
}