/*Frontend Styles*/
#customcontent_top{
	z-index:100;
	position:relative;
	
}
#customcontent_top li {
	position:relative;
	height:214px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	background:url(../img/bnr-shine.png) no-repeat 50% 100px;
	padding-bottom:38px;
}
#customcontent_top h2 {
	text-align:center;
	font-size:25px;
	line-height:28px;
	text-transform:uppercase;
	margin:0 auto;
}
#customcontent_top li{ position:relative;}
#customcontent_top li a{ position:absolute; left:0; top:0; width:100%;}
#customcontent_top li a h2{ 
	position:absolute; 
	top:77px;
	left:75px;
	overflow:hidden;
	color:#ffffff;
	font-size:25px;
	line-height:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
#customcontent_top li a h4{
	position:absolute;
	right:0;
	top:96px;
	margin:0;
	background:url(../img/btn1-bg.png) no-repeat 0 0;
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	color:#fff;
	padding:9px 10px 16px 36px;
	display:inline-block;
}
#customcontent_top li a:hover h4{ color:#000;}

@media only screen and (min-width: 950px) and (max-width: 1199px) {
	#customcontent_top li{ 
		background-position:50% 110%;
		height:160px;
	}
	#customcontent_top li a h2{
		top:60px;
	}
	#customcontent_top li a h4{
		top:90px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {	
	#customcontent_top li{ 
		background:none;
		height:109px;
		padding-bottom:0;
	}
	#customcontent_top li a h2{
		top:42px;
		left:50px;
	}
	#customcontent_top li a h4{
		top:90px;
		display:none;
	}
}

body.instant_search #customcontent_top { display:none;}

@media only screen and (min-width: 650px) and (max-width: 767px) {
	#customcontent_top li{ width:33.3% !important; float:left; background:none; height:125px; }
	#customcontent_top li a h2{
		top:39%;
		right:5%;
		font-size:20px;
		left:auto;
		text-align:right;
	}
	#customcontent_top li a h4{
		display:none;
	}
}
@media only screen and (min-width: 550px) and (max-width: 649px) {
	#customcontent_top li{ width:33.3% !important; float:left; background:none; height:125px; }
	#customcontent_top li a h2{
		top:37%;
		right:5%;
		font-size:20px;
		left:auto;
		text-align:right;
	}
	#customcontent_top li a h4{
		display:none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 549px) {
	#customcontent_top li{ width:33.3% !important; float:left; background:none; height:125px; }
	#customcontent_top li a h2{
		top:33%;
		right:5%;
		font-size:14px;
		left:auto;
		text-align:right;
	}
	#customcontent_top li a h4{
		display:none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	#customcontent_top { display:none;}
}
/*Backend Styles*/
.customcontent_fieldset.deleteItem {
  background: #F2DEDE;
  border-color: #EED3D7;
}
.customcontent_fieldset {
  margin-bottom: 20px;
}
.customcontent_fieldset label {
  width: 120px;
}
.customcontent_fieldset .left-col {
  float: left;
  margin-right: 20px;
  width: 510px;
}
.customcontent_fieldset .field {
  margin-bottom: 6px;
}
.customcontent_fieldset .html {
  position: relative;
}
.customcontent_fieldset .html .displayed_flag {
  float: right;
}
.customcontent_fieldset .html .language_flags {
  position: absolute;
  top: 0;
  right: 20px;
}
.customcontent_fieldset .deleteItem {
  overflow: hidden;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
}
.customcontent_fieldset .deleteItem input {
  float: left;
  margin-right: 6px;
}
.customcontent_fieldset .deleteItem label {
  width: auto;
  float: none;
  display: inline;
}
.submit-wrapper {
  margin: 20px 0;
}

#customcontent_home {
	margin-bottom:0px;
}
#customcontent_home li img { vertical-align:top;}
#customcontent_home li { float:left;
margin-left:20px;}
#customcontent_home li:first-child { margin-left:0;}