#infotabs_container {
    background-image: url("../images/articles_bg.png");
    height: 213px;
    margin: 10px 0;
    overflow: hidden;
    width: 308px;
}
#infotabs_container ul.tabs {
	border:none;
	height: 29px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#infotabs_container ul.tabs li {
	float: left;
}
#infotabs_container ul.tabs li a {
	background-color: #FFB99B;
	border: medium none;
	color: #262626;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
 	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 153px;
}
#infotabs_container ul.tabs li a:hover {
	text-decoration: none!important;
}
#infotabs_container ul.tabs li.active a {
	width: 153px;
	line-height: 29px;
	cursor:pointer;
	display: block;
	border:none;
	text-decoration: none;
	font-size: 15px;
	border-bottom:none;
	color:#e66716;
	background-color: #eeeeee;
	font-weight: bold;
}
div.infotab_contents_container {
	border: none;
	padding: 10px;
}
div.infotab_contents {
	display: none;
}
div.infotab_contents_active {
	display: block;
	color:#666;
}

div.infotab_contents_active p {
    font-size: 13px;
    margin: 6px 17px;
}
.infotab_contents_container h2 {
	color: #021C2D;
	font-size: 15px;
}
/* ipad portrait */
@media only screen and ( min-width: 760px) and ( max-width: 980px ) {
#infotabs_container {
background: #fff;
border: 1px solid #ccc;
height: auto;
margin: 10px 0;
padding: 0px;
width: 47%;
float: right;
}
#infotabs_container ul.tabs {
border: none;
height: 29px;
list-style: none outside none;
margin: 0;
padding: 0;
width:100%;
}
#infotabs_container ul.tabs li {
float: left;
width:50%;
}
#infotabs_container ul.tabs li a {
background-color: #FFB99B;
border: medium none;
color: #262626;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: bold;
height: 29px;
line-height: 29px;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#infotabs_container ul.tabs li.active a {
width:100%;
line-height: 29px;
cursor: pointer;
display: block;
border: none;
text-decoration: none;
font-size: 15px;
border-bottom: none;
color: #e66716;
background-color: #eeeeee;
font-weight: bold;
}
}
 @media screen and (max-width:760px) {
 #infotabs_container {
background: #fff;
border: 1px solid #ccc;
height: auto;
margin: 10px 0;
padding: 0px;
width: 47%;
float: right;
}
#infotabs_container ul.tabs {
border: none;
height: 29px;
list-style: none outside none;
margin: 0;
padding: 0;
width:100%;
}
#infotabs_container ul.tabs li {
float: left;
width:50%;
}
#infotabs_container ul.tabs li a {
background-color: #FFB99B;
border: medium none;
color: #262626;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: bold;
height: 29px;
line-height: 29px;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#infotabs_container ul.tabs li.active a {
width:100%;
line-height: 29px;
cursor: pointer;
display: block;
border: none;
text-decoration: none;
font-size: 15px;
border-bottom: none;
color: #e66716;
background-color: #eeeeee;
font-weight: bold;
}
 }
  /*Styles for screen 600px and lower*/
@media screen and (max-width: 640px) {

#infotabs_container {
background: #fff;
border: 1px solid #ccc;
height: auto;
margin: 10px 0;
padding: 0px;
width: 99%;
float: none;
}
#infotabs_container ul.tabs {
border: none;
height: 29px;
list-style: none outside none;
margin: 0;
padding: 0;
width:100%;
}
#infotabs_container ul.tabs li {
float: left;
width:50%;
}
#infotabs_container ul.tabs li a {
background-color: #FFB99B;
border: medium none;
color: #262626;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: bold;
height: 29px;
line-height: 29px;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#infotabs_container ul.tabs li.active a {
width:100%;
line-height: 29px;
cursor: pointer;
display: block;
border: none;
text-decoration: none;
font-size: 15px;
border-bottom: none;
color: #e66716;
background-color: #eeeeee;
font-weight: bold;
}
}

@media screen and (max-width: 420px) {

#infotabs_container ul.tabs li a {
background-color: #FFB99B;
border: medium none;
color: #262626;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: bold;
height: 29px;
line-height: 29px;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#infotabs_container ul.tabs li.active a {
width:100%;
line-height: 29px;
cursor: pointer;
display: block;
border: none;
text-decoration: none;
font-size: 13px;
border-bottom: none;
color: #e66716;
background-color: #eeeeee;
font-weight: bold;
}
}

@media screen and (max-width: 320px) {
#infotabs_container ul.tabs li a {
background-color: #FFB99B;
border: medium none;
color: #262626;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: bold;
height: 29px;
line-height: 29px;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
#infotabs_container ul.tabs li.active a {
width:100%;
line-height: 29px;
cursor: pointer;
display: block;
border: none;
text-decoration: none;
font-size: 13px;
border-bottom: none;
color: #e66716;
background-color: #eeeeee;
font-weight: bold;
}

}