/*
Theme Name: Hero Engine
Description: Theme for Hero Engine
Author: Ciplex
Author URI: http://ciplex.com
Version: 1.0
*/


/*   =======   RESET    =======   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
 table, caption, tbody, tfoot, thead, tr, th, td 
		{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body 	{ line-height: 1; }
a img, iframe, object { border: none; }
ol, ul 	{ list-style: none }
:focus 	{ outline: 0; }
ins 	{ text-decoration: none; }
del 	{ text-decoration: line-through; }
table	{ border-collapse: collapse; border-spacing: 0; }


/*   =======   @font-face    =======   */
/*table,tbody, tr, th, td
{
	margin-bottom: 10px; padding-bottom: 10px; border: 0; outline: 0; font-size: 0.95em; vertical-align: baseline; background: transparent; 
	
}
*/
@font-face {
    font-family: 'DINEngschrift';
    src: url('/resources/font/dinengschriftstd-webfont.eot');
    src: url('/resources/font/dinengschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/font/dinengschriftstd-webfont.woff') format('woff'),
         url('/resources/font/dinengschriftstd-webfont.ttf') format('truetype'),
         url('/resources/font/dinengschriftstd-webfont.svg#DINEngschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*   =======   BASICS    =======   */
/*
html {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	color: #ffffff;
	line-height: 1.5em;	
	font-weight: normal;	
	height: 100%; 
}*/
body { 
	width: 100%;
	background: url(/resources/img/bg.jpg);
	position: relative;
	height: 100%; 
}	

h1, h2, h3, h4, h5, h6 { 
	margin: 0 0 16px;
	line-height: 1.226/15em;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'DINEngschrift', Arial, Helvetica, Geneva, sans-serif;
}
h1	{ font-size: 2.375em;}
h2	{ font-size: 1.75em; }
h3	{ font-size: 1.5em; }
h4	{ font-size: 1.25em; }
h5	{ font-size: 1em; }
h6	{ font-size: .875em; }
p	{ 
	font-size: .75em;	
	color: #ffffff;
	line-height: 1.75em; 
	margin: 0 0 1.5em;
	font-weight: normal;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
input[type="radio"] { border-style:none; background: none;}
input[type="checkbox"] { border-style:none; background: none;} 
.p{
	font-size: .75em;	
	color: #ffffff;
	line-height: 1.5em; 
	margin: 0 0 1.5em;
	font-weight: normal;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
}
li {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
a, a:link, a:visited, a:active {
	color: #1eb6ff;
	text-decoration: none;
	
}
a:hover { text-decoration: underline; }
a:active, a:focus { outline: none; }

.left 	{ float: left }
.right 	{ float: right }
.center { text-align: center; }
.hide 	{ display: none; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clear				{ zoom: 1; } /* IE6 */
*:first-child+html .clear	{ zoom: 1; } /* IE7 */
.alignleft 	{ float: left; padding: 5px 20px 5px 0; }
.alignright	{ float: right; padding: 5px 0 5px 20px; }
input, textarea, select { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 14px; /*height: 22px;*/ padding-top: 3px; padding-left: 4px; background-color: #F8F8F8; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
textarea{resize: none;}
.small{
	
	font-size: 0.75em;
}
.blue-text { color: #1eb6ff; }
.blue-text-shadow {
	color: #1eb6ff;
	text-shadow: 0px 3px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
.text-shadow {
	text-shadow: 0px 3px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
}

.blue-headline{
	color: #00ccff;
	
}
.blueshade{
color: #8fd5ec;
}

a.blue-headline {
	font-family: 'DINEngschrift', Arial, Helvetica, Geneva, sans-serif;
 	 font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0em;
}

.signup-img-text{
	position:absolute; 
	top:55px; 
	left:50px; 
	width:500px; 
	height:25px;
}
.info-text{
	color: #FFFFFF;
    font-family: 'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0em;
}
.info-subtext{
	
    font-family: 'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0em;
}

.signup-form
{
	margin:30px 0 0 0;
}
.signup-form-part1
{
	clear:both;
	height: auto;
}
.signup-form-part2
{
	clear:both;
	height: auto;
}
.signup-form-part3
{
	clear:both;
	height: auto;
}
.signup-form-left
{
	float:left;
	width:300px;
	
}
.signup-form-right
{
	float:left;
/*	 text-transform: uppercase;*/
	margin-left:50px;
	width: 300px;
}
/*   =======    LAYOUT    =======   */

#bg_home {
	width: 100%;
	overflow: hidden;
	background: url(/resources/img/bg_home.jpg) no-repeat center top;
	z-index: 1;
}
#bg_subpage {
	width: 100%;
	overflow: hidden;
	background: url(/resources/img/bg_subpage.jpg) no-repeat center top;
	z-index: 0;
	position: relative;
    width: 100%;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em;
}
#wrap {
	display: block;
	padding: 0;
	text-align: center;
	position: relative;
	width: 1062px; 
	margin: 0 auto;
	z-index: 2;
}
#header {
	width: 1062px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	float: left;
}
#content {
	display: block;
	width: 960px;
	margin: 0 51px;
	padding: 0;
	position: relative;
	text-align: left;
	float: left;
}


/*   =======    HEADER/NAV/FOOTER    =======   */

#top {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
#logo {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
	margin: 0 0 0 0;
	width: 285px;
	height: 120px;
}
#logo a {
	display: block;
	width: 265px;
	height: 98px;
	text-indent: -9999em;
	background: url(/resources/img/logo_heroengine.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	cursor: pointer;
	margin: 0 0 0 21px;
}

#nav {
	display: block;
	list-style: none;
	float: left;
	margin: 21px 0 0 0;
	width: 777px;
	height: 99px;
	position: relative;
	z-index: 20;
}
#nav li {
	display: block;
	float: left;
}
#nav li a {
	display: block;
	height: 99px;
	overflow: hidden;
	text-indent: -9999em;
	position: relative;
	background: url(/resources/img/nav.png) no-repeat 0 0;
}
#nav li.nav_herocloud a 	{ width: 164px; background-position: 0 0; }
#nav li.nav_heroengine a 	{ width: 162px; background-position: -164px 0; }
#nav li.nav_support a 		{ width: 143px; background-position: -326px 0; }
#nav li.nav_spotlight a 	{ width: 150px; background-position: -469px 0; }
#nav li.nav_heroblog a 		{ width: 158px; background-position: -619px 0; }

#nav li.nav_herocloud a:hover, #nav li.nav_herocloud.current_page_item a, #nav li.nav_herocloud.current-page-ancestor a 	{ background-position: 0 -99px; }
#nav li.nav_heroengine a:hover, #nav li.nav_heroengine.current_page_item a, #nav li.nav_heroengine.current-page-ancestor a 	{ background-position: -164px -99px; }
#nav li.nav_support a:hover, #nav li.nav_support.current_page_item a, #nav li.nav_support.current-page-ancestor a 			{ background-position: -326px -99px; }
#nav li.nav_spotlight a:hover, #nav li.nav_spotlight.current_page_item a, #nav li.nav_spotlight.current-page-ancestor a 	{ background-position: -469px -99px; }
#nav li.nav_heroblog a:hover, #nav li.nav_heroblog.current_page_item a, #nav li.nav_heroblog.current-page-ancestor a, 
#nav li.nav_heroblog.current_page_parent a	 	{ background-position: -619px -99px; }

.single-spotlights #nav li.nav_spotlight a { background-position: -469px -99px; }
.single-spotlights #nav li.nav_heroblog.current_page_parent a { background-position: -619px 0; }
.single-spotlights #nav li.nav_heroblog a:hover	 	{ background-position: -619px -99px !important; }

#top_download_button {
	display: block;
	position: absolute;
	z-index: 5;
	right: 31px;
	bottom: -23px;
	width: 157px;
	height: 36px;
	background: url(/resources/img/button_download.png) no-repeat 0 0;
	text-indent: -9999em;
	cursor: pointer;
}

/*   =======    SLIDESHOW    =======   */


#slideshow_wrap {
	width: 1056px;
	height: 448px;
	clear: both;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	float: left;
}
#slideshow_wrap #frame_l { display: block; position: absolute; left: 0; top: 0; width: 60px; height: 448px; z-index: 5; background: url(/resources/img/slideshow_frame_l.png) no-repeat 0 0; }
#slideshow_wrap #frame_r { display: block; position: absolute; right: 0; top: 0; width: 60px; height: 448px; z-index: 5; background: url(/resources/img/slideshow_frame_r.png) no-repeat 0 0; }
#slideshow_wrap #frame_t { display: block; position: absolute; left: 60px; top: 0; width: 936px; height: 31px; z-index: 5; background: url(/resources/img/slideshow_frame_t.png) no-repeat 0 0; }
#slideshow_wrap #frame_b { display: block; position: absolute; left: 60px; bottom: 0; width: 936px; height: 58px; z-index: 5; background: url(/resources/img/slideshow_frame_b.png) no-repeat 0 0; }
#slideshow_shadow {
	display: block;
	position: absolute;
	width: 2000px;
	height: 330px;
	background: url(/resources/img/slideshow_shadow.png) no-repeat 0 0;
	left: 50%;
	margin-left: -1000px;
	top: 325px;
}
#slideshow_wrap .bx-next, #slideshow_wrap .bx-prev {
	display: block;
	width: 39px;
	height: 39px;
	position: absolute;
	z-index: 10;
	top: 201px;
	background: url(/resources/img/slideshow_arrows.png) no-repeat left top;
	text-indent: -9999em;
}
#slideshow_wrap .bx-next { background-position: right top; right: -20px; }
#slideshow_wrap .bx-window { position: absolute; left: 10px; top: 10px; }
#slideshow {
	display: block;
	position: relative;
	z-index: 2;
	width: 1036px;
	height: 400px;
}


/*   =======    DOWNLOAD BAR    =======   */


#download_bar_wrap {
	display: block;
	clear: both;
	float: left;
	width: 2000px;
	height: 173px;
	background: url(/resources/img/bg_download.jpg) no-repeat center top;
	margin: 6px 0 0 -469px;
	text-align: center;
}
#download_bar {
	width: 960px;
	height: 171px;
	margin: 0 auto;
	text-align: left;
}
#download_bar .download_left {
	float: left;
	width: 330px;
}
#download_bar .download_right {
	float: left;
	width: 630px;
	padding-top: 36px;
}
.download_left h2 {
	display: block;
	width: 240px;
	height: 60px;
	text-indent: -9999em;
	background: url(/resources/img/download_herocloud.png) no-repeat 0 0;
	margin: 30px 0 6px 25px;
}
.download_left .button_download {
	display: block;
	width: 252px;
	height: 65px;
	background: url(/resources/img/button_downloadnow.png) no-repeat 0 0;
	margin: 0 0 0 18px;
	text-indent: -9999em;
}
#download_bar h3 {
	text-transform: uppercase;
	font-size: 1.375em;
}
#download_bar ul {
	list-style: none;
	display: block;
}
#download_bar ul li {
	font-size: .75em;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.5em;
	margin: .25em 0;
	background: url(/resources/img/bullet_diamond_blue.png) no-repeat center left;
	padding-left: 15px;
}


/*   =======    FEATURED CONTENT - HOME    =======   */

#featured_content {
	width: 100%;
	float: left;
	clear: both;
	margin: 32px 0;
}
.featured_block {
	width: 300px;
	margin: 0 10px;
	float: left;
}
.featured_block h3 {
	text-align: center;
	margin: 0 0 15px;
}
.featured_block .image {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	height: 156px;
	margin: 0 auto 12px;
}
.featured_block .image a {
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 156px;
	background: url(/resources/img/featured_frame.png) no-repeat 0 0;
	cursor: pointer;
}
.featured_block .text p { line-height: 2em; }


/*   =======   CONTENT - DEFAULT    =======   */

#page_header {
	background-image: url(/resources/img/page_header_default.jpg);
	display: block;
	width: 1056px;
	height: 108px;
	position: relative;
	background-position: center 10px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: left;
	float: left;
	margin: 0 3px 0;
}
#page_header h1 {
	display: block;
	position: relative;
	margin: 28px 0 0 60px;
	line-height: 1em;
	z-index: 10;
}
#page_header #page_header_frame {
	display: block;
	width: 1056px;
	height: 108px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/resources/img/bg_page_header.png) no-repeat 0 0;
	z-index: 1;
}

.content_block {
	float: right;
	width: 730px;
	margin: 0 -20px 20px 0;
}
.main_top {
	width: 730px;
	height: 31px;
	background: url(/resources/img/bg_main_top.png) no-repeat 0 0;
	position: relative;
	float: left;
	clear: both;
}
.main_base {
	width: 730px;
	height: 28px;
	background: url(/resources/img/bg_main_base.png) no-repeat 0 0;
	position: relative;
	float: left;
	clear: both;
}
.main-mid {
	width: 650px;
	padding: 0 40px;
	background: url(/resources/img/bg_main_mid.png) repeat-y 0 0;
	position: relative;
	float: left;
	clear: both;
}


.main-mid ul, .main-mid ol {
	display: block;
	margin: 0 0 1em 0;
}
.main-mid ol li {
	list-style: decimal;
	margin-left: 4em;
	line-height: 2.5em;
	font-size: .75em;
	color: #ffffff;
}
.main-mid ul li {
	list-style: none;
	margin-left: 3em;
	background: url(/resources/img/bullet_blue.png) no-repeat left 14px;
	padding-left: 1em;
	line-height: 2.5em;
	font-size: .75em;
	color: #ffffff;
}

.main-mid ul.unstyled li {
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	background: none;
	line-height: 2.5em;
	font-size: .75em;
	color: #ffffff;
}
.main-mid ul.breadcrumb{
    background:none;
    list-style:none;
    border:none;
    padding:0px;
    border-radius: 0px;
    box-shadow: none;
    margin:0px;
}
.main-mid ul.breadcrumb li {
	padding-left:0px;
	text-shadow: none;
	background:none;
	list-style:none;
	margin-left:0px;
}

#side {
	float: left;
	width: 250px;
	margin: 0 0 0;
}
#shailan-subpages-3 .subpages {
	display: block;
	width: 230px;
	margin: 0 0 30px 0;
}
.shailan_SubpagesWidget .widget-title { display: none; }
#shailan-subpages-3 .subpages li {
	display: block;
	width: 230px;
	margin: 0;
	list-style: none;
}
#shailan-subpages-3 .subpages li a {
	display: block;
	width: 164px;
	padding: 12px 50px 0 16px;
	background: url(/resources/img/sidenav.png) no-repeat 0 0;
	height: 26px;
	margin: 0;
	line-height: 1em;
	color: #ffffff;
	font-size: 1em;
	text-shadow: 0px 3px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
	font-family: 'DINEngschrift';
	text-transform: uppercase;		
}
#shailan-subpages-3 .subpages li a:hover, #shailan-subpages-3 .subpages li.current_page_item a {
	text-decoration: none;
	background-position: 0 -38px;
}
#shailan-subpages-3 .subpages li:first-child a { background-position: -230px 0; }
#shailan-subpages-3 .subpages li:first-child a:hover, #shailan-subpages-3 .subpages li.current_page_item:first-child a  { background-position: -230px -38px; }
#shailan-subpages-3 .subpages li.last a { background-position: -460px 0; }
#shailan-subpages-3 .subpages li.last a:hover, #shailan-subpages-3 .subpages li.current_page_item.last a { background-position: -460px -38px; }


#download_herocloud {
	width: 220px;
	margin: 0 0 30px;
}
#download_herocloud h2 {
	display: block;
	width: 187px;
	height: 49px;
	text-indent: -9999em;
	background: url(/resources/img/download_herocloud_side.png) no-repeat 0 0;
	margin: 0 auto 5px;
}
#download_herocloud .button_download {
	display: block;
	width: 220px;
	height: 47px;
	background: url(/resources/img/button_downloadnow_side.png) no-repeat 0 0;
	margin: 0 auto;
	text-indent: -9999em;
}


/*   =======    CONTENT - SPOTLIGHTS    =======   */

#spotlight_feature {
	display: block;
	width: 1030px;
	height: 368px;
	margin: 0 -35px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#spotlight_feature img { display: block; margin: 11px auto 0; }
#spotlight_frame {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1030px;
	height: 368px;
	background: url(/resources/img/bg_spotlight_frame.png) no-repeat 0 0;
}

#spotlight_posts_wrap {
	width: 2000px;
	margin: -212px -520px 50px;
	padding: 242px 0 0;
	background: url(/resources/img/bg_spotlight.jpg) no-repeat center top;
	height: 617px;
}
#spotlight_posts {
	position: relative;
	width: 1044px;
	margin: 0 auto;
}
#spotlight_posts .spotlight_post {
	display: block;
	float: left;
	width: 319px;
	height: 176px;
	margin: 0 14px 30px 15px;
	overflow: hidden;
	background: url(/resources/img/bg_spotlight_list.jpg) no-repeat center center;
	position: relative;
}
#spotlight_posts .spotlight_post img {
	display: block;
	margin: 9px auto 0;
}
#spotlight_posts .spotlight_post a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 319px;
	height: 176px;
	background: url(/resources/img/bg_spotlight_list_frame.jpg) no-repeat 0 0;
	cursor: pointer;
}
#spotlight_post {
	width: 100%;
	float: left;
}
#spotlight_top {
	width: 997px;
	float: left;
	margin: 0 0 0 -16px;
}
#spotlight_profile {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	width: 224px;
	height: 353px;
	padding: 21px 0 0 30px;
	background: url(/resources/img/spotlight_left_block.png) no-repeat 0 0;
}
#spotlight_profile #spotlight-title {
	font-size: 2.25em;
	line-height: 1em;
	width: 155px;
	padding-right: 50px;
	color: #1eb6ff;
	background: url(/resources/img/divider_spotlight.png) no-repeat left bottom;
	min-height: 125px;
	margin-bottom: 10px;
}
#spotlight_profile #profile_list {
	display: block;
	width: 205px;
	background: url(/resources/img/divider_spotlight.png) no-repeat left bottom;
	padding-bottom: 15px;
}
#spotlight_profile #profile_list li {
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #dadada;
	font-family: 'DINEngschrift';
}
#spotlight_profile #profile_list li span {
	color: #1eb6ff;
	font-size: .8125em;
	padding-right: 5px;
}	
#spotlight_profile #back_to_spotlight {
	display: block;
	width: 201px;
	height: 37px;
	margin: 20px 0 0;
	background: url(/resources/img/button_spotlight.png) no-repeat 0 0;
	color: #ffffff;
	font-size: 1em;
	line-height: 28px;
	text-transform: uppercase;
	font-family: 'DINEngschrift';
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}
#spotlight_photo {
	width: 743px;
	height: 367px;
	float: left;
	position: relative;
	margin: 6px 0 0;
	overflow: hidden;
}
#spotlight_photo .image {
	display: block;
	margin: 10px 0 0 20px;
	width: 689px;
	height: 321px;
	overflow: hidden;
}
#spotlight_photo .image img { display: block; width: 100%; height: auto; }

#spotlight_photo #frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 743px;
	height: 367px;
	background: url(/resources/img/spotlight_right_block.png) no-repeat 0 0;
}
#spotlight_content {
	clear: both;
	width: 100%;
	float: left;
	margin: 30px 0;
}
#spotlight_content #tab_nav {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #616161;
	height: 40px;
}
#spotlight_content #tab_nav li {
	display: block;
	float: left;
	position: relative;
	z-index: 100;
}
#spotlight_content #tab_nav li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 1.625em;
	color: #4a4a4a;
	text-transform: uppercase;
	font-family: 'DINEngschrift';
	border: 1px solid transparent;
	border-bottom: none;
	cursor: pointer;
	text-decoration: none;
}
#spotlight_content #tab_nav li a:hover { color: #1eb6ff; }
#spotlight_content #tab_nav li.active a {
	border: 1px dotted #616161;
	border-bottom: none;
	color: #1eb6ff;
	background: url(/resources/img/bg_tab_hover.png) no-repeat left bottom;
}
#spotlight_content dl {
	display: block;
	margin: 30px 0 0;
}
#spotlight_content dt {
	font-size: 1em;
	color: #1eb6ff;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: 'DINEngschrift';
}
#spotlight_content dd {
	font-size: .75em;
	color: #fff;
	line-height: 2em;
	margin: 0 0 2em;
}

.spotlight_news_posting {
	display: block;
	margin: 30px 0 0;
	width: 100%;
	float: left;
}
.spotlight_news_posting h4 {
	display: block;
	float: left;
	color: #1eb6ff;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0 0 16px;
}
.spotlight_news_posting h6.date {
	float: right;
	font-size: .75em;
	color: #1eb6ff;
	line-height: 1em;
	margin: 3px 0 16px 0;
}
.spotlight_news_posting .copy {
	clear: both;
	margin: 0;
}

#tab_gallery {
	padding: 10px 0 5px;
}

#spotlight_photos {
	width: 984px;
	margin: 10px -12px 0;
	float: left;
	clear: both;
}
#spotlight_photos h3 {
	font-size: 1.375em;
	line-height: 1em;
	margin: 0 0 15px 12px;
}
#spotlight_photos a.spotlight_photo {
	display: block;
	width: 134px;
	height: 134px;
	padding: 3px;
	background: url(/resources/img/bg_spotlight_photo.png) no-repeat 0 0;
	overflow: hidden;
	margin: 0 12px 24px;
	float: left;
}
#spotlight_photos a.spotlight_photo img { display: block; }

#spotlight_videos {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 10px;
}
.spotlight_video {
	display: block;
	width: 298px;
	height: 171px;
	padding: 3px;
	overflow: hidden;
	position: relative;
}
.spotlight_video img {
	width: 100%;
	height: auto;
	display: block;
	margin-top: -9%
}
.spotlight_video a {
	display: block;
	width: 304px;
	height: 177px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/img/bg_spotlight_video.png) no-repeat 0 0;
}

.wp-pagenavi { 
	clear: both !important;
	padding: 5px 0 0;
	text-align: center; 
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: 'DINEngschrift';
}
.wp-pagenavi a, .wp-pagenavi span { border-color: #333; padding: 4px 13px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #1EB6FF;
	color: #fff;
	font-weight: normal;
}



/*   =======    CONTENT - HEROCLOUD PAGES    =======   */


#herocloud_nav {
	width: 986px;
	margin: 0 -13px;
	height: 57px;
}
#herocloud_nav li {
	display: block;
	float: left;
}
#herocloud_nav li a {
	display: block;
	height: 57px;
	text-indent: -9999em;
	border: none;
	cursor: pointer;
	background: url(/resources/img/herocloud_nav.png) no-repeat 0 0;
}
#herocloud_nav li#overview a 		{ background-position: 0 0; width: 250px; }
#herocloud_nav li#tech_features a 	{ background-position: -250px 0; width: 241px; }
#herocloud_nav li#biz_features a 	{ background-position: -491px 0; width: 240px; }
#herocloud_nav li#download_hero a 	{ background-position: -731px 0; width: 255px; }

#herocloud_nav li#overview a:hover, #herocloud_nav li#overview a.active				{ background-position: 0 -57px; }
#herocloud_nav li#tech_features a:hover, #herocloud_nav li#tech_features a.active 	{ background-position: -250px -57px; }
#herocloud_nav li#biz_features a:hover, #herocloud_nav li#biz_features a.active 	{ background-position: -491px -57px; }
#herocloud_nav li#download_hero a:hover, #herocloud_nav li#download_hero a.active 	{ background-position: -731px -57px; }


/* Overview */

#herocloud_overview_wrap {
	width: 2000px;
	overflow: hidden;
	position: relative;
	margin: 5px 0 30px -520px;
	background: url(/resources/img/bg_herocloud_overview.jpg) no-repeat center top;
	text-align: center;
}
#herocloud_overview {
	width: 960px;
	margin: 0 auto;
}
#herocloud_overview .overview_block {
	width: 260px;
	height: 332px;
	float: left;
	margin: 0 90px 18px 0;
	overflow: hidden;
}
#herocloud_overview .overview_block3 { margin-right: 0; }
#herocloud_overview .overview_block4 { margin-left: 175px; }

#herocloud_overview .overview_block .image {
	width: 260px;
	height: 152px;
	text-align: center;
	overflow: hidden;
}
#herocloud_overview .overview_block .image img {
	width: auto;
	height: 100%;
}
#herocloud_overview .overview_block h2 {
	font-size: 1.625em;
	line-height: 1em;
	margin: 10px auto 10px;
	padding: 0 17px;
	text-align: center;
}
#herocloud_overview .overview_block p {
	padding: 0 17px;
	font-size: .6825em;
	line-height: 1.8em;
	text-align: left;
}


/* Tech Features */

#herocloud_tech_wrap {
	width: 2000px;
	overflow: hidden;
	position: relative;
	margin: 12px 0 20px -520px;
	min-height: 700px;
	background: url(/resources/img/bg_herocloud_tech.jpg) no-repeat center top;
	text-align: center;
}
#herocloud_tech {
	width: 960px;
	margin: 0 auto;
}
#herocloud_tech #block1 {
	width: 900px;
	height: 415px;
	margin: 63px auto 0;
}
#herocloud_tech #block1 .image {
	width: 550px;
	height: 360px;
	overflow: hidden;
	float: left;
}
#herocloud_tech #block1 .image img { width: 100%; height: auto; }
#herocloud_tech #block1 .text {
	width: 320px;
	height: 360px;
	margin: 60px 0 0 30px;
	overflow: hidden;
	float: right;
}
#herocloud_tech #block1 .text h4 { font-size: 25px; line-height: 1em; margin-bottom: 0; }
#herocloud_tech #block1 .text h1 { font-size: 5.125em; line-height: 1em; margin-bottom: 0; }
#herocloud_tech #block1 .text h2 { font-size: 2.5em; line-height: 1em; margin-bottom: 40px; }
#herocloud_tech #block1 .text p {
	line-height: 2em;
	font-size: .6875em;
}

#herocloud_tech #block2 {
	width: 900px;
	height: 154px;
	margin: 0 auto 0;
}
#herocloud_tech #block2 .text {
	width: 420px;
	margin: 30px 20px 0 0;
	overflow: hidden;
	float: left;
	text-align: left;
}
#herocloud_tech #block2 .text h3, #herocloud_tech #block2 .text h2 {
	font-size: 1.125em;
	margin: 0 0 5px;
	line-height: 1em;
}
#herocloud_tech #block2 .text p { line-height: 1.9em; font-size: .6875em; }
#herocloud_tech #block2 .image {
	width: 450px;
	height: 90px;
	margin: 25px 0 0 0;
	overflow: hidden;
	float: right;
	overflow: hidden;
}
#herocloud_tech #block2 .image img { width: auto; height: 100%; }

#herocloud_tech #block3 {
	width: 900px;
	height: 302px;
	margin: 40px auto 0;
}
#herocloud_tech #block3 .image, #herocloud_tech #block4 .image {
	width: 400px;
	height: 245px;
	padding: 10px 10px 11px;
	float: left;
	margin: 0 60px 0 0;
	position: relative;
	overflow: hidden;
}
#herocloud_tech #block3 .image img, #herocloud_tech #block4 .image img { width: 100%; height: auto; }
#herocloud_tech #block3 .image .frame, #herocloud_tech #block4 .image .frame {
	width: 420px;
	height: 266px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/resources/img/herocloud_tech_frame.jpg) no-repeat 0 0;
	z-index: 10;
}
#herocloud_tech #block3 .text, #herocloud_tech #block4 .text {
	float: left;
	width: 420px;
	text-align: left;
}

#herocloud_tech #block3 .text h3, #herocloud_tech #block4 .text h3 {
	font-size: 1.125em;
	line-height: 1em;
	margin: 0 0 5px;
}
#herocloud_tech #block3 .text p, #herocloud_tech #block4 .text p {
	line-height: 1.9em;
	font-size: .6875em;
}

#herocloud_tech #block4 {
	width: 900px;
	height: 330px;
	margin: 30px auto 0;
}
#herocloud_tech #block4 .image { margin: 0 0 0 60px; }





/* Business Features */

#herocloud_biz_wrap {
	width: 2000px;
	overflow: hidden;
	position: relative;
	margin: -6px 0 20px -520px;
	min-height: 700px;
	background: url(/resources/img/bg_herocloud_biz.jpg) no-repeat center top;
	text-align: center;
}
#herocloud_biz {
	width: 960px;
	margin: 0 auto;
}
#herocloud_biz #title {
	display: block;
	width: 768px;
	height: 145px;
	background: url(/resources/img/bg_herocloud_tech_title.jpg) no-repeat 0 0;
	text-align: center;
	overflow: hidden;
	margin: 80px auto 70px;
}
#herocloud_biz #title h2, #herocloud_biz #title h4 {
	line-height: 1em;
	margin: 0;
}
#herocloud_biz #title h2 { font-size: 41px; margin-top: 28px; }
#herocloud_biz #title h4 { font-size: 22px; }

#herocloud_biz #second_row {
	clear: both;
	width: 100%;
	height: 380px;
	margin: 70px auto 0;
	text-align: left;
}
#second_row #left {
	width: 438px;
	padding-right: 30px;
	background: url(/resources/img/divider_vert.png) no-repeat right top;
	float: left;
}
#second_row #right {
	float: right;
	width: 440px;
}
#second_row h3 {
	font-size: 1.125em;
	line-height: 1em;
	margin: 0 0 5px;
}
#second_row p {
	font-size: .6875em;
	padding-right: 12px;
	line-height: 1.9em;
}

#second_row .partner_logo {
	display: block;
	width: 110px;
	height: 84px;
	padding: 10px 10px 11px 11px;
	overflow: hidden;
	position: relative;
	margin: 0 15px 15px 0;
	float: left;
}
#second_row .partner_logo img { width: 100%; height: auto; }
#second_row .partner_logo .frame {
	position: absolute;
	width: 131px;
	height: 105px;
	top: 0;
	left: 0;
	background: url(/resources/img/bg_herocloud_biz_frame.png) no-repeat 0 0;
	z-index: 10;
}
#second_row #right .image {
	display: block;
	width: 400px;
	height: 220px;
	padding: 2px 10px;
	position: relative;
	overflow: hidden;
}
#second_row #right img { width: 100%; height: auto; }
#second_row #right .frame {
	position: absolute;
	width: 420px;
	height: 224px;
	top: 0;
	left: 0;
	background: url(/resources/img/bg_herocloud_biz_frame2.png) no-repeat 0 0;
	z-index: 10;
}

#four_points {
	padding: 0 0 0 24px;
	margin: 20px 0 0;
	overflow: hidden;
	position: relative;
}
#four_points .point {
	width: 430px;
	height: 145px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: left;
	padding: 15px 0 0 20px;
}
#four_points .point .image {
	display: block;
	width: 125px;
	height: 125px;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0;
}
#four_points .point .text {
	display: block;
	float: left;
	width: 280px;
}
#four_points .point .text h3 {
	font-size: 1.125em;
	line-height: 1em;
	margin: 10px 0 5px;
}
#four_points .point .text p {
	font-size: .6875em;
	line-height: 1.9em;
}



/* Business Features */

#herocloud_download_wrap {
	width: 2000px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px -520px;
	min-height: 260px;
	background: url(/resources/img/bg_herocloud_download.jpg) no-repeat center top;
	text-align: center;
}
#herocloud_download {
	width: 960px;
	margin: 0 auto;
}

#thank_you_block {
	width: 460px;
	margin: 10px auto 0;
	overflow: hidden;
	text-align: left;
}
#thank_you_block h3 {
	display: block;
	float: left;
	width: 120px;
	font-size: 1.75em;
}
#thank_you_block p {
	display: block;
	float: left;
	width: 325px;
	line-height: 1.25em;
	font-size: .6875em;
}

#download_request {
	width: 960px;
	height: 135px;
	margin: 20px 0 0;
	background: url(/resources/img/logo_herocloud.png) no-repeat 30px 46px;
}
#download_request .email {
	background: url(/resources/img/input_email.png) no-repeat 0 0;
	height: 65px;
	width: 252px;
	margin: 46px 0 0 140px;
	float: left;
}
#download_request .email input {
	display: block;
	font-size: 1.25em;
	color: #959595;
	line-height: 46px;
	height: 45px;
	width: 192px;
	text-transform: uppercase;
	font-family: 'DINEngschrift';
	padding: 0 10px 0 50px;
	border: none;
	background: none;
	cursor: text;
}
#download_request .select {
	background: url(/resources/img/input_region.png) no-repeat 0 0;
	height: 65px;
	width: 252px;
	margin: 46px 0 0 20px;
	float: left;
}
#download_request .select select {
	width: 175px;
	margin: 13px 0 0 55px;
	display: block;
}
#download_request .submit {
	display: block;
	float: left;
	width: 252px;
	height: 65px;
	margin: 46px 0 0 20px;
	float: left;
	border: none;
	background: url(/resources/img/input_download_button.png) no-repeat 0 0;
	text-indent: -9999em;
	cursor: pointer;
}

#bottom_block {
	width: 100%;
	overflow: hidden;
	background: url(/resources/img/logo_shield.png) no-repeat center top;
	min-height: 290px;
}

#bottom_block .text {
	display: block;
	width: 250px;
	height: 118px;
	padding: 20px 30px;
	margin: 80px 5px 0;
	background: url(/resources/img/bg_herocloud_download_text.png) no-repeat 0 0;
}
#bottom_block .text.left {
	text-align: left;
}
#bottom_block .text.left h3 {
	font-size: 1.375em;
	margin: 0 0 5px;
	line-height: 1em;
}
#bottom_block .text.left p {
	font-size: .6875em;
	line-height: 2em;
}

#bottom_block .text.right h4 {
	font-size: 1.75em;
	line-height: 1em;
	margin: 10px 0;
}
#bottom_block .text.right h4 a {
	padding-right: 15px;
	background: url(/resources/img/bullet_large_arrow.png) no-repeat right center;
	text-decoration: none;
}
#bottom_block .text.right p { 
	font-size: 1.125em; 
	text-transform: uppercase;
	font-family: 'DINEngschrift';
	margin: .25em 0;
	line-height: 2em;
}

/* Botom Nav */


#bottom_nav {
	display: block;
	width: 1200px;
	height: 80px;
	background: url(/resources/img/bg_bottom_nav.png) no-repeat center center;
	margin: 0 -120px 10px;
	text-align: center;
}
#continue_button {
	display: inline-block;
	background: url(/resources/img/bg_bottom_nav_fade.png) no-repeat left top;
	height: 24px;
	line-height: 24px;
	margin: 29px auto 0;
	font-size: 1.375em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'DINEngschrift';	
	text-decoration: none;
	padding: 0 0 0 16px;
	zoom: 1;
	*display: inline
}
#continue_button span { 
	display: inline-block;
	color: #1EB6FF; 
	height: 24px;
	line-height: 24px;
	padding-right: 24px;
	background: url(/resources/img/bg_bottom_nav_fade.png) no-repeat right top;
	zoom: 1;
	*display: inline
}

.page-template-page-herocloud-php #download_bar_wrap {
	margin: 10px 0 30px -520px;
}


/*   =======    CONTENT - CONTACT    =======   */

.wpcf7 label {
	display: block;
	font-size: .875em;
	color: #0d0d0d;
	text-transform: lowercase;
	min-height: 14px;
}
.wpcf7 .group {
	width: 289px;
	float: left;
	margin: 0 0 14px;
	position: relative;
	z-index: 5;
}
.wpcf7 .group input.wpcf7-text {
	width: 273px;
	height: 31px;
	padding: 0 8px;
	line-height: 30px;
	font-size: .875em;
	color: #000000;
	background: transparent url(/resources/img/input_contact_form.png) no-repeat 0 0;
	display: block;
	border: none;
	position: relative;
}
.wpcf7 .form_name, .wpcf7 .form_phone { margin-right: 12px; }

.wpcf7 .form_name input.wpcf7-text { background-position: top left; }
.wpcf7 .form_email input.wpcf7-text { background-position: top right; }
.wpcf7 .form_phone input.wpcf7-text { background-position: bottom left; }
.wpcf7 .form_subject input.wpcf7-text { background-position: bottom right; }

.wpcf7 .form_message {
	clear: both;
	background: url(/resources/img/textarea_contact_form.png) no-repeat left bottom;
	width: 716px;
	height: 227px;
	margin: 0 0 0 -148px;
	padding-left: 148px;
}
.wpcf7 .form_message textarea {
	margin: 20px 0 0 17px;
	width: 560px;
	height: 165px;
	border: none;
	font-size: .875em;
	color: #000000;
	background: none;
}
.wpcf7 .form_submit {
	clear: both;
	margin: 5px 0 10px;
	overflow: hidden;
}
.wpcf7 .form_submit input {
	display: block;
	width: 166px;
	height: 58px;
	background: url(/resources/img/button_send_contact.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
	cursor: pointer;
	float: left;
}

.wpcf7 span.wpcf7-not-valid-tip {
	top: 4px;
	left: 4px;
	background: none;
	position: absolute;
	z-index: 10;
	display: block;
}



/*   =======    CONTENT - BLOG    =======   */

.post {
	display: block;
	margin: 0;
}
.post .entry-title {
	font-size: 1em;
	float: left;
	display: block;
	margin: 0 0 1em;
	line-height: 1em;
}
.post .entry-title a { color: #ffffff; }
.post .byline {
	float: right;
	line-height: 1em;
	color: #1eb6ff;
	font-family: 'DINEngschrift';
	text-transform: uppercase;
	font-size: .875em;
}
.post .entry-content {
	clear: both;
	width: 100%;
}
.post .entry-content .image {
	width: 650px;
	overflow: hidden;
	margin: 0 0 25px;
}
.post .entry-content .image img {
	width: 100%;
	height: auto;
}
.post .read-more {
	float: right;
	text-transform: uppercase;
	line-height: 1em;
	color: #1eb6ff;
	font-family: 'DINEngschrift';
	text-transform: uppercase;
	font-size: .875em;
	margin-bottom: .5em;
}

#comments #comments-title {
	font-size: 1em;
}
#comments #reply-title {
	font-size: 1em;
}
.main-mid ol.commentlist li {
	list-style: none;
	margin-left: 1em;
	font-size: .75em;
	border-bottom: 1px solid #444;
	margin-bottom: .5em;
	padding-bottom: .5em;
}
.main-mid ol.commentlist li p { font-size: 1em; }

#respond input[type='text'], #respond textarea {
	width: 60%;
	background: #333;
	border: 1px solid #444;
	display: block;
	padding: 5px 5px;
	color: #fff;
}
#respond p { line-height: 1.5em; }

.widget {
	clear: both;
	margin: 0 0 40px 0;
}
.widget-title {
	font-size: 1.5em;
}
.widget li, .widget p {
	font-size: .875em;
}


.widget_categories {
	display: block;
	width: 230px;
	margin: 0 0 40px 0;
}
.widget_categories .widget-title { display: none; }
.widget_categories li {
	display: block;
	width: 230px;
	margin: 0;
	list-style: none;
}
.widget_categories li a {
	display: block;
	width: 164px;
	padding: 12px 50px 0 16px;
	background: url(/resources/img/sidenav.png) no-repeat 0 0;
	height: 26px;
	margin: 0;
	line-height: 1em;
	color: #ffffff;
	font-size: 1em;
	text-shadow: 0px 3px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=3);
	font-family: 'DINEngschrift';
	text-transform: uppercase;		
}
.widget_categories li a:hover, .widget_categories li.current-cat a {
	text-decoration: none;
	background-position: 0 -38px;
}
.widget_categories li:first-child a { background-position: -230px 0; }
.widget_categories li:first-child a:hover, .widget_categories li.current-cat:first-child a  { background-position: -230px -38px; }
.widget_categories li.last a { background-position: -460px 0; }
.widget_categories li.last a:hover, .widget_categoriess li.current-cat.last a { background-position: -460px -38px; }

.navigation_blog {
	width: 730px;
	clear: both;
	float: right;
	margin: 5px -20px 25px 270px;
}


/*   =======    FOOTER    =======   */


#footer_wrap {
	width: 100%;
	clear: both;
	float: left;
	background: #000000;
}
#footer {
	width: 940px;
	padding: 40px 10px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#menu_block {
	width: 620px;
	float: left;
}
.footer_menu {
	display: block;
	float: left;
}
.footer_menu h4 {
	line-height: 1em;
	margin: 8px 0 10px;
}
.footer_menu ul {
	display: block;
	margin: 0 0;
	list-style: none;
}
.footer_menu ul li {
	line-height: 1.5em;
	margin: .5em 0 .75em;
	font-size: .75em;
}
#menu-footer-products { width: 230px; }
#menu-footer-company { width: 210px; height: 125px; }
#menu-footer-support { width: 180px; height: 125px; }

#newsletter_signup {
	float: left;	
	width: 380px;
}
#newsletter_signup h4 {
	line-height: 1em;
	margin: 0 0 5px;
}
#newsletter_signup p {
	line-height: 1em;
	margin: 7px 0;
}
#newsletter_signup input.text {
	display: block;
	float: left;
	width: 203px;
	height: 25px;
	background: url(/resources/img/input_newsletter.png) no-repeat 0 0;
	border: none;
	color: #999;
	line-height: 25px;
	padding: 0 5px;
	margin: 0 6px 0 0;
	cursor: text;
}
#newsletter_signup .submit {
	display: block;
	float: left;
	width: 65px;
	height: 24px;
	text-indent: -9999em;
	border: none;
	background: url(/resources/img/button_newsletter.png) no-repeat 0 0;
	cursor: pointer;
}


#contact_block {
	width: 268px;
	float: right;
	background: url(/resources/img/bg_contact_block.png) no-repeat 0 0;
	height: 197px;
	padding: 39px 0 0 43px;
}
#contact_block h4 {
	line-height: 1em;
	margin: 0 0 17px;
}
#contact_block ul { display: block; list-style: none; }
#contact_block li {
	display: block;
	line-height: 1em;
	vertical-align: baseline;
	width: 100%;
	float: left;
}
#contact_block li h5 {
	display: block;
	float: left;
	width: 80px;
	font-size: 1em;
	line-height: 1em;
}
#contact_block li p {
	display: block;
	float: left;
	line-height: 18px;
	color: #1eb6ff;
}

#icon_facebook, #icon_twitter, #icon_google, #icon_youtube {
	display: block;
	float: left;
	margin: -3px 6px 0 0;
	height: 30px;
	width: 30px;
	text-indent: -99999em;
}
#icon_facebook { background: url(/resources/img/icon_facebook.png) no-repeat 0 0; margin-left: -4px; }
#icon_twitter { background: url(/resources/img/icon_twitter.png) no-repeat 0 0 }
#icon_google { background: url(/resources/img/icon_google.png) no-repeat 0 0 }
#icon_youtube { background: url(/resources/img/icon_youtube.png) no-repeat 0 0 }

#icon_facebook:hover, #icon_twitter:hover, #icon_google:hover, #icon_youtube:hover { background-position: left bottom;}

#footer_base_wrap {
	width: 100%;
	clear: both;
	float: left;
	background: #121212;
	height: 5em;
    position: relative;
	
}
.push{
	height:4em;
	clear:both;
}
#footer_base {
	width: 940px;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	
}
#footer_base p {
	display: block;
	margin: 1em 0;
	line-height: 1em;
	text-align:left;
	color: #999999;
}
#footer_base p.right {
	text-align: right;
}
#footer_base #footer_graphic {
	display: inline-block;
	height: 7px;
	width: 7px;
	background: url(/resources/img/footer_graphic.png) no-repeat 0 0;
	margin: 0 10px;
}

/*REQUIRED CSS FROM OLD THEME*/
.form-field-label {
	font-weight: bold;
	font-size: 0.75em;
	width: 100%;
	margin-bottom: 5px;
}
.form-field {
	margin-bottom: 15px;
}
.form-field-left{
	float: left;
}
.form-field-right{
	float: left;
	margin: 0 0 0 20px;
}
.form-field-set{
	overflow: hidden;
}
.form-wide-textarea{
	width: 530px;
	height: 125px;
}
.home-box {
	margin-bottom: 10px;
}
.main-mid .loginLinks{
	list-style-type: none;
	
}
.main-mid .loginLinks  li{
	background:none;
    color: #FFFFFF;
    font-size: 0.75em;
    line-height: 2.5em;
    list-style: none outside none;
    margin-left: 0em;
    padding-left: 0em;
}

.main-mid .downloadLinks{
	list-style-type: none;
	
}
.main-mid .downloadLinks  li{
	background:none;
    color: #FFFFFF;
    font-size: 0.75em;
    line-height: 2.0em;
    list-style: none outside none;
    margin-left: 3em;
    padding-left: 1em;
}
.main-mid .downloadLinksHorizontal{
	list-style-type: none;
}
.main-mid .downloadLinksHorizontal li{
	background:none;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	
}
#java-notice{ display: inline; text-align:center; width: 50%;}

.main-mid .groupLinks{
	list-style-type: none;
	
}
.main-mid .groupLinks  li{
	background:none;
    color: #FFFFFF;
    font-size: 0.75em;
    line-height: 2.5em;
    list-style: none outside none;
    margin-left: 0em;
    padding-left: 1em;
    display:inline;
}

.main-mid  .signupLinks{
	margin-left:-1em;
	list-style-type: none;
}

.main-mid .signupLinks  li{
	background:none;
 	font-family: 'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.5em;
    list-style: none outside none;
    margin-left: 0em;
    padding-left: 1em;
    display:block;
}

.signup-radio
{
	margin-top: -2px;
}
.inner-msg-error {	
	padding: 5px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #cc3344;
	background-color: #ffdddd;
}
.inner-msg-error h3 {	
	color: #000;
	margin:0px 0px 5px 0px;
	font-size: 18px;
}


.inner-right-form {
	float: right;
	width: 200px;
	padding-right: 10px;
}
.inner-msg-notice {	
	padding: 5px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #585858;
	background-color: #585858;
	font-size:13px;
  
    border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
}
.inner-msg-notice-small {	
	padding: 8px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 190px;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #4A4A4A;
	background-color: #1C1C1C;
}

#page_header .subheader {
    color: #FFFFFF;
    font-size: 9px;
    margin-left: 60px;
    padding-bottom: 16px;
}
.inner-msg-ok {	
	padding: 5px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #66FF77;
	background-color: #DDFFDD;
}

.inner-base-nav {	
	margin: 0px auto;
	padding-right: 10px;
	margin-top: 10px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #202020;
	background-color: #000000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1A1A1A), to(#000000));
    background-image: -moz-linear-gradient(#1A1A1A, #000000);
    background-image: -o-linear-gradient(#1A1A1A, #000000);
    background-image: linear-gradient(#1A1A1A, #000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1A1A1A', EndColorStr='#000000'); /* for IE 6 - 9 */
	clear: both;
	display: table;

}

.inner-base-subnav {	
	margin: 0px auto;
	padding-right: 10px;
	margin-top: 0px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #202020;
	background-color: #000000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1A1A1A), to(#000000));
    background-image: -moz-linear-gradient(#1A1A1A, #000000);
    background-image: -o-linear-gradient(#1A1A1A, #000000);
    background-image: linear-gradient(#1A1A1A, #000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1A1A1A', EndColorStr='#000000'); /* for IE 6 - 9 */
	clear: both;
	display: table;
}
.navigation-left-inner ul {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	float: left;
	font-family: arial, helvetica, sans-serif;
	line-height: 0px;

	list-style-type:none;
	background: none;
}

.navigation-left-inner ul li {
	display: inline;
	line-height:0px;
	background: none;
	padding-left:0em;
}

.navigation-left-inner ul li a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	float: left;
	padding: 13px 10px 2px 10px;
	cursor: pointer;
	
}
.navigation-left-inner ul li a:hover {

	background-color: #1eb6ff;

}
.navoption {
	height: 13px;
}
.navoption-selected {
	height: 13px;
	color: #FFFFFF;
	background: #252525;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#252525), to(#333333));
    background-image: -moz-linear-gradient(#252525, #333333);
    background-image: -o-linear-gradient(#252525, #333333);
    background-image: linear-gradient(#252525, #333333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#252525', EndColorStr='#333333'); /* for IE 6 - 9 */


}

.navoption:hover {
	color: #FFFFFF;
	background-color: #00CCB9;
	height: 13px;
}

.navoption-red {
	background-color: #390000;
}

.navoption-red:hover {
	color: #FFFFFF;
	background-color: #6e0000;
}

.navoption-green {
	background-color: #006600;
}

.navoption-green:hover {
	color: #FFFFFF;
	background-color: #008800;
}

.navoption-blue {
	background-color: #3C6286;
}

.navoption-blue:hover {
	color: #FFFFFF;
	background-color: #7796B3;
}

.highlightfield
{
	background-color: #FFDDDD;
}
.groupTables
{
	border-collapse: collapse;
    font-size: 12px;
    margin: 1px;
    text-align: left;
    width: 100%;
	
}

.group-odd
{
	 background: none repeat scroll 0 0 #212121;
	/*EFF2FF*/
}
.group-even
{/*1d1d1d*/
	 background: none repeat scroll 0 0 #212121;
/*E8EDFF*/
}

.groupTables th
{
	border-top: 1px solid #676767;
	 border-left: 1px solid #676767;
    border-right: 1px solid #676767;
	 border-bottom: 1px solid #676767;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
	padding-top:13px;
	text-align: center;
 
}
.groupTables td
{
	border-left: 1px solid #676767;
    border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
    color: #FFF;
    padding-top: 8px;
	text-align:center;
}
.subheader {
    color: #FFFFFF;
    font-size: 11px;
   
    padding-bottom: 16px;
}

.labelDiv{
	margin:0 10px;
	width:auto; 
	float:left;
}

.linkDiv{
	margin:0 4px; 
	width:auto;  
	float:left;
}

.imgDiv{
	width:20px; 
	float:left;
	margin-right:25px;
}
.imgDiv img{
	/*margin-left:10px;*/
}
.loginDiv{
	
	width:50px;
	float:left;
}
.removeDiv{
	margin:0 30px;
	width:auto;
	float:left;
}

#navigation-list{
	list-style: none; 
	padding: 0; 
	margin: 0 10px; 
}

#navigation-list li{
	display: block;
	margin-bottom: 3px;
	padding: 20px 10px; 
	background-color: #EFEFEF;
	background:none;
	height:20px;
}

.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url(/resources/img/tipsy.gif) no-repeat top left; width: 9px; height: 5px;}
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.main-mid li.eula-window{
	list-style-type: none;
}
.main-mid ul li.eula-window{
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}
.eula-controls{
	overflow: hidden;
}

.eula-controls .ui-buttons{
	
	font-size: 0.75em;

}
.eula-controls #eulaSubmit{
	font-weight: bold;
}
.eula-controls .eula-buttons{
	float: left;
}

.eula-controls .eula-pager{
	float: right;
	font-size: 0.75em;
	margin: 10px 0 0 0;
}

.eula-controls .eula-pager{
	color: #686868;
}
.eula-controls .eula-pager span{
	color: #838383;
}
.eula-controls .eula-pager .current-page{
	font-weight: bold;
}
.green-font {
	color: #c4ed83;
	text-transform: uppercase;
    font-family: 'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
 	font-size: 1.0em;
	font-weight:normal;
	margin-bottom:5px;
}
.red-font {
	color: #ff1e1e;
	text-transform: uppercase;
    font-family: 'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
 	font-size: 1.0em;
	font-weight:normal;
	margin-bottom:5px;
}
.signup-button{
	border-radius:0px;
	width: 125px;
	font-family:'DINEngschrift',Arial,Helvetica,Geneva,sans-serif;
	font-size:2.0em;
	cursor:pointer;
	background: url("/resources/img/checkout.png") repeat-x scroll 50% 50% #79C9EC; border: 1px solid #448DAE;color: #ffffff; font-weight: normal; outline: medium none;
	height:40px;
}

.signup-headline{
	font-size:1.25em;	
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.oh_header
{
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	color: #e8e8e8;
	float:left;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

.oh_header_r
{
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	color: #e8e8e8;
	float:left;
	border-bottom: 1px solid #676767;
}

.oh_item
{
	padding: 5px;
	font-size: 12px;
	float:left;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #353535;
}

.oh_item_r
{
	padding: 5px;
	font-size: 12px;
	float:left;
	border-bottom: 1px solid #353535;
}
a.btn{
	color:#ffffff;
}
.icon_preview {
    max-width:40.0em;
    max-height:40.0em;
    padding:1.0em 0;
}


/*Custom CSS*/
.footer{
    background: none repeat scroll 0 0 #000000;
   	height: 150px;
	clear: both;
	margin:20px 0 0 0;
	padding:20px;
}
.push{
	height: 250px;
	clear: both;
}
.main {
    border: 0px solid #EEEEEE;
    border-radius: 6px 6px 6px 6px;
	background: none repeat scroll 0 0 #E6E6E6;
}
.wrapper{
	background: url("/resources/img/bg_home_new.jpg") no-repeat scroll  transparent;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -210px;
}

.spacer {
    height: 40px;
}
.subnav{
	border-bottom: 1px solid #000000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.container_form{
	width: 98.3%;
}
form{
	border-radius: 2px 2px 2px 2px;
	margin-bottom: 10px;
}
.form-actions{
	margin-bottom: 10px;
}
fieldset{
	padding-top:10px;
}
form legend span {
    color: #ffffff;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
 legend{
	margin-bottom: 6px;
 }
#icon_facebook {
    background: url("/resources/img/icon_facebook.png") no-repeat scroll 0 0 transparent;
    margin-left: -4px;
}
#icon_twitter {
    background: url("/resources/img/icon_twitter.png") no-repeat scroll 0 0 transparent;
}
#icon_google {
    background: url("/resources/img/icon_google.png") no-repeat scroll 0 0 transparent;
}
#icon_youtube {
    background: url("/resources/img/icon_youtube.png") no-repeat scroll 0 0 transparent;
}
#icon_facebook, #icon_twitter, #icon_google, #icon_youtube {
    display: block;
    float: right;
    height: 30px;
    margin: -3px 6px 0 0;
    text-indent: -99999em;
    width: 30px;
}
.footer h3 {
    color: #FFFFFF;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
    font-weight: normal;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.footer .copyright {
    color: #E8E8E8;
    font-size: 11px;
    padding-top: 10px;
}

#icon_facebook:hover, #icon_twitter:hover, #icon_google:hover, #icon_youtube:hover {
    background-position: left bottom;
}

.container_modal{
	width:100%;
	margin-left:0px;
	background:url("/resources/img/bg.jpg") repeat scroll 0 0 transparent;
}
.navbar{
	margin-bottom:0px;
}
.margin10{
	margin-left:10px;
	margin-bottom: 0px;
}
.modal{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    padding: 5px;
	border-radius: 6px 6px 6px 6px;
}
.navbar .brand_modal{
	font-size: 12px;
	margin-left: -25px;
}
.navbar-inner-modal{
	height:30px;
	min-height:30px;
	padding-right: 0px;
}

.cancel-form {
    color: #737373;
    display: inline-block;
    height: 15px;
    margin-left: 15px;
}
.cancel-form-modal {
    color: #737373;
    display: inline-block;
    font-size: 12px;
    left: 15px;
    padding-left: 15px;
    position: relative;
    top: 3px;

}
.blue{
	color:	#1EB6FF;
}
div.error-tip {
    margin: 8px 0 5px;
    position: relative;
}
div.error-tip-arrow-nw {
    background: url("/resources/img/tips.png") no-repeat scroll left top transparent;
    height: 5px;
    left: 10px;
    position: absolute;
    top: -4px;
    width: 9px;
}
div.error-tip-content {
    background: none repeat scroll 0 0 #F2DEDE;
    border-radius: 4px 4px 4px 4px;
    color: #B94A48;
    display: inline-block;
    font-size: 0.9em;
    padding: 4px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
form .custom-error {
    display: none;
    
    margin: 0px;

}

form .control-item{
	float:left;
	margin-left: 4px;
}

.content{
	background-color:#FFFFFF;
	margin-bottom:10px;
	border-radius:2px 2px 2px 2px;
}

.content h2{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
.content h1{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
.content h3{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
.content h4{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}

.content h5{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
.content h6{
	margin-left:10px;
	color: #333333;
    display: block;
    font-family: 'Droid Sans',Arial,Helvetica,Geneva,sans-serif;
	font-weight: normal;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}


.content p{
	margin-left:30px;
}
.content ul{
	margin-left:40px;
}
.tab_custom{
	width:200px;  
	margin-bottom:0px;  
	border-bottom-left-radius:6px;
}

.tab_content_custom{
	margin-top:10px; 
	margin-bottom:0px;  
	background:#f4f4f4;
	min-height:100px;
	left:200px;
	border-bottom-left-radius:6px;
}
.tab-left-container{
	left:0px;
	width:200px;
	background:#000;
}
input[readonly].hasDatePicker{
	cursor:pointer;
	background-color: #FFFFFF;
}

.hasPlaceholder {
	color: #cccccc;
}
input.error{
	margin-bottom:0px;
}


// Store CSS
.panel-heading .accordion-toggle:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:10px;
    content: '\25b6';
}
.panel-heading .accordion-toggle.open:before {
    content: '\25bc';
}

.multiselect-container.dropdown-menu .radio input[type="radio"], .checkbox input[type="checkbox"]{
    margin-top:3px !important;
}

/*
    
    CSS3 Table
    
*/
.csstable { display: table; max-width:100%;width:100%;margin-bottom: 6px !important;}

    .row, .csstable > div { display: table-row; }
        
        .cell, .csstable > div > div { display: table-cell; vertical-align: middle; font-size:12px; line-height: 18px; text-align: left;border-top: 1px solid #1e1e1e; padding:8px 0px 5px;}
        
        .csstable > div.thead > div { font-weight: bold; font-size:14px;border:0px;padding:5px 0px 0px 5px; }
/*.row:nth-child(even), .csstable > div:nth-child(even) { background-color: rgba(51, 51, 51, 0.5); }*/
.csstable .caption { display: table-caption; padding: 0.5em; border-bottom: 1px solid #000;font-weight: bold; }

li .csstable [class^="icon-"], li .csstable [class*=" icon-"]{width:auto !important;}

/*
    
    HTML5Sortable
    
*/
.connected, .sortable, .exclude, .handles {
    margin: auto;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sortable.grid {
    overflow: hidden;
}
.connected li, .sortable li, .exclude li, .handles li {
    list-style: none;

}

.handles span {
    cursor: move;
}
li.disabled, tr.disabled {
    opacity: 0.5;
}
.sortable.grid li, .sortable.grid tr {
    line-height: 80px;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
}
li.highlight, tr.highlight {
    background: #FEE25F;
}
#connected {
    width: 440px;
    overflow: hidden;
    margin: auto;
}
.connected {
    float: left;
    width: 200px;
}
.connected.no2 {
    float: right;
}
li.sortable-placeholder, div.sortable-placeholder {
    border: 1px dashed #CCC;
    background: none;
    height:60px;
    background: #FEE25F;
}


/* Store List layout*/
.views_table{
    display:block !important;
}
    .views_table .views_table_name{
        width:300px;
    }
    .views_table .views_table_status{
        width:150px;
    }
    .views_table .views_table_actions{
        width:200px;
    }
/* Store Banners layout*/
.banners_table{
    display:block !important;
}
.banners_table li {
    background: none !important;
    list-style: none outside none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.banners_table li.sortable-placeholder, .banners_table div.sortable-placeholder {
    height:100px;
}

    .banners_table .banner_table_image{
        width:122px;
    }
    .banners_table .banner_table_name{
        width:250px;
    }
    .banners_table .banner_table_action{
        width:122px;
    }
    .banners_table .banner_table_actions{
        width:122px;
    }


.items .sortable-placeholder{
    display:block;
    float:left;
    margin:5px;
    width:132px;
    height:237px;
    padding:10px;
    background: #54555a;
    
    -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    background-clip: padding-box;
}