@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
	
body {
  font: 13px/1.5 Arial, Helvetica, sans-serif;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}

hr {
  border: 0 solid #ccc;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

h1,h2,h3,h4,h5,h6 {
	color: #004678;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html, body {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  //ejohn.org/blog/html5-shiv
*/
	display: block;
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
	font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  //css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}
ol, ul {
	list-style: none;
}
li {
	/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
	overflow: hidden;
}
/*
  960 Grid System ~ Text CSS.
  Learn more ~ //960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
	
* {
	/*font-family: "微軟正黑體", "Microsoft JhengHei",'Open Sans', Arial, Helvetica, sans-serif !important;*/
	font-family: Arial, Helvetica, sans-serif; /*'Open Sans', */
}
	
body {
	font: 13px/1.5;
	/*font-family: "微軟正黑體", "Microsoft JhengHei",'Open Sans', Arial, Helvetica, sans-serif !important;*/
}
pre, code {
	font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
hr {
	border: 0 solid #ccc;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}
h2 {
	font-size: 23px;
}
h3 {
	font-size: 19px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
	color: #004678;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}
ul {
	list-style: disc;
}
li {
	margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
	margin-bottom: 20px;
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ //960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
	/*min-width: 960px;*/
}
/* `Container
----------------------------------------------------------------------------------------------------*/
#menu .container_12{
	/*background:url('../../images/menu_bg.png') repeat-y -210px 0px;*/
}

.container_12, .container_16 {
	margin-left: auto;
	margin-right: auto;
	/*width: 960px;*/
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
}
.grid_12{
	margin: 0px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
	position: relative;
}
.container_12 .grid_3, .container_16 .grid_4 {
	width: 220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
	/*width: 460px;*/
	width:50%;
}
.container_12 .grid_9, .container_16 .grid_12 {
	width: 700px;
}
.container_12 .grid_12, .container_16 .grid_16 {
	/*width: 940px;*/
	width: 100%;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	/*width: 380px;*/
	width:41.66%;
}
.container_12 .grid_7 {
	/*width: 540px;*/
	width:58.33%;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}
.container_16 .grid_2 {
	width: 100px;
}
.container_16 .grid_3 {
	width: 160px;
}
.container_16 .grid_5 {
	width: 280px;
}
.container_16 .grid_6 {
	width: 340px;
}
.container_16 .grid_7 {
	width: 400px;
}
.container_16 .grid_9 {
	width: 520px;
}
.container_16 .grid_10 {
	width: 580px;
}
.container_16 .grid_11 {
	width: 640px;
}
.container_16 .grid_13 {
	width: 760px;
}
.container_16 .grid_14 {
	width: 820px;
}
.container_16 .grid_15 {
	width: 880px;
}
/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3, .container_16 .prefix_4 {
	padding-left: 240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
	padding-left: 480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
	padding-left: 720px;
}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}
.container_12 .prefix_2 {
	padding-left: 160px;
}
.container_12 .prefix_4 {
	padding-left: 320px;
}
.container_12 .prefix_5 {
	padding-left: 400px;
}
.container_12 .prefix_7 {
	padding-left: 560px;
}
.container_12 .prefix_8 {
	padding-left: 640px;
}
.container_12 .prefix_10 {
	padding-left: 800px;
}
.container_12 .prefix_11 {
	padding-left: 880px;
}
/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}
.container_16 .prefix_2 {
	padding-left: 120px;
}
.container_16 .prefix_3 {
	padding-left: 180px;
}
.container_16 .prefix_5 {
	padding-left: 300px;
}
.container_16 .prefix_6 {
	padding-left: 360px;
}
.container_16 .prefix_7 {
	padding-left: 420px;
}
.container_16 .prefix_9 {
	padding-left: 540px;
}
.container_16 .prefix_10 {
	padding-left: 600px;
}
.container_16 .prefix_11 {
	padding-left: 660px;
}
.container_16 .prefix_13 {
	padding-left: 780px;
}
.container_16 .prefix_14 {
	padding-left: 840px;
}
.container_16 .prefix_15 {
	padding-left: 900px;
}
/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3, .container_16 .suffix_4 {
	padding-right: 240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
	padding-right: 480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
	padding-right: 720px;
}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}
.container_12 .suffix_4 {
	padding-right: 320px;
}
.container_12 .suffix_5 {
	padding-right: 400px;
}
.container_12 .suffix_7 {
	padding-right: 560px;
}
.container_12 .suffix_8 {
	padding-right: 640px;
}
.container_12 .suffix_10 {
	padding-right: 800px;
}
.container_12 .suffix_11 {
	padding-right: 880px;
}
/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}
.container_16 .suffix_2 {
	padding-right: 120px;
}
.container_16 .suffix_3 {
	padding-right: 180px;
}
.container_16 .suffix_5 {
	padding-right: 300px;
}
.container_16 .suffix_6 {
	padding-right: 360px;
}
.container_16 .suffix_7 {
	padding-right: 420px;
}
.container_16 .suffix_9 {
	padding-right: 540px;
}
.container_16 .suffix_10 {
	padding-right: 600px;
}
.container_16 .suffix_11 {
	padding-right: 660px;
}
.container_16 .suffix_13 {
	padding-right: 780px;
}
.container_16 .suffix_14 {
	padding-right: 840px;
}
.container_16 .suffix_15 {
	padding-right: 900px;
}
/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3, .container_16 .push_4 {
	left: 240px;
}
.container_12 .push_6, .container_16 .push_8 {
	left: 480px;
}
.container_12 .push_9, .container_16 .push_12 {
	left: 720px;
}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}
.container_12 .push_2 {
	left: 160px;
}
.container_12 .push_4 {
	left: 320px;
}
.container_12 .push_5 {
	left: 400px;
}
.container_12 .push_7 {
	left: 560px;
}
.container_12 .push_8 {
	left: 640px;
}
.container_12 .push_10 {
	left: 800px;
}
.container_12 .push_11 {
	left: 880px;
}
/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}
.container_16 .push_2 {
	left: 120px;
}
.container_16 .push_3 {
	left: 180px;
}
.container_16 .push_5 {
	left: 300px;
}
.container_16 .push_6 {
	left: 360px;
}
.container_16 .push_7 {
	left: 420px;
}
.container_16 .push_9 {
	left: 540px;
}
.container_16 .push_10 {
	left: 600px;
}
.container_16 .push_11 {
	left: 660px;
}
.container_16 .push_13 {
	left: 780px;
}
.container_16 .push_14 {
	left: 840px;
}
.container_16 .push_15 {
	left: 900px;
}
/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3, .container_16 .pull_4 {
	left: -240px;
}
.container_12 .pull_6, .container_16 .pull_8 {
	left: -480px;
}
.container_12 .pull_9, .container_16 .pull_12 {
	left: -720px;
}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}
.container_12 .pull_2 {
	left: -160px;
}
.container_12 .pull_4 {
	left: -320px;
}
.container_12 .pull_5 {
	left: -400px;
}
.container_12 .pull_7 {
	left: -560px;
}
.container_12 .pull_8 {
	left: -640px;
}
.container_12 .pull_10 {
	left: -800px;
}
.container_12 .pull_11 {
	left: -880px;
}
/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}
.container_16 .pull_2 {
	left: -120px;
}
.container_16 .pull_3 {
	left: -180px;
}
.container_16 .pull_5 {
	left: -300px;
}
.container_16 .pull_6 {
	left: -360px;
}
.container_16 .pull_7 {
	left: -420px;
}
.container_16 .pull_9 {
	left: -540px;
}
.container_16 .pull_10 {
	left: -600px;
}
.container_16 .pull_11 {
	left: -660px;
}
.container_16 .pull_13 {
	left: -780px;
}
.container_16 .pull_14 {
	left: -840px;
}
.container_16 .pull_15 {
	left: -900px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* //sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* //www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.clearfix:after, .container_12:after, .container_16:after {
	clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .container_12, .container_16 {
	zoom: 1;
}

body {
	behavior: url(display-table.min.htc);
}

a {
	color: #009fff;
}

#toplinks {
	/*height: 58px;*/
}

#toplinks ul {
	list-style: none;
	/*padding: 0;*/
	/*margin: 18px 10px 0 0;*/
	/*float: right;*/
}

#toplinks ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	margin: 0 0 0 15px;
}

#toplinks ul li a {
	color: #fff;
	text-decoration: none;
}

#toplinks ul li a:hover {
	text-decoration: underline;
}

#toplinks .socialicons a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 23px;
	height: 23px;
	margin: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	overflow: hidden;
	background-image: url(../imgs/icon_social.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
#toplinks .socialicons a.facebook {
	background-position: 0 0;
	margin: 0 0 0 10px;
}
#toplinks .socialicons a.twitter {
	background-position: -23px 0;
}
#toplinks .socialicons a.googleplus {
	background-position: -46px 0;
}
#toplinks .socialicons a.linkedin {
	background-position: -69px 0;
}

.menuButton {
	border: 1px solid #FFF; 
	border-radius: 10px; 
	padding: 5px 15px;
}

.menuButton:hover {
	background-color: rgba(255,255,255,0.3);
}

#menu {
	background: #EEE; /*#000*/
	height: 108px; /*49px*/
	color: #fff;
	font-size: 1.15em;
	border-bottom: 1px solid #000;
}
#menu > .container_12 {
	z-index: 40;
}
#menu .logo {
	margin-top: 3px;
	/*margin-top: 10px;*/
	/*padding:3px 8px;*/
	float:left;
	/*background: #FFF;*//*000*/
	/*width: 219px;*/
	text-align: center;
}

#menu #dropdownMenu {
	/*float: right;*/
	list-style: none;
	margin: auto;
	/*background: #000;*/
	/*padding: 0;*/
	/*
	padding-left: 30px;
	width: 850px;
	*/
	padding-left: 50px;
	width: 905px;
	position: absolute;
	left: -9999px;
	right: -9999px;
	/*right: 150px;*/
}

#top_menu_NAV ul {
	/*float: right;*/
	list-style: none;
	margin: auto;
	/*padding: 0;*/
	padding-left: 30px;
	/*background: #000;*/
	width: 850px;
	position: absolute;
	left: -9999px;
	right: -9999px;
}

#menu #dropdownMenu .menuTitle {
	height:108px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #2e2e2e;
	margin: 0;
	vertical-align: top;
	position: relative;
	transition: 0.3s;
}

#menu #dropdownMenu .menuTitle:last-child {
	border-right: 1px solid #2e2e2e;
}

#menu #dropdownMenu .menuTitle:hover, #top_menu_NAV ul li:hover {
	background-color:#222; /*#326b99*/
	transition: 0.3s;
}

#menu #dropdownMenu .menuTitle:hover a, #menu #dropdownMenu .menuTitle:hover span, #top_menu_NAV ul li:hover a{
	color:#db9f31; /*#FFF*/
	transition: 0.3s;
}

#menu #dropdownMenu .menuTitle a, #menu #dropdownMenu .menuTitle span{
	color: #000;/*FF6600*//*#db9f31*/
	/*height: 49px;*/
	line-height: 108px; /*49px*/
	padding: 0 15px;
	text-decoration: none;
	white-space:nowrap;
	display: block;
	font-size:16px;
	font-weight:bold;
	/*text-shadow: 0px 0px 2px #999999;*/
	font-family: "Roboto Slab", sans-serif;
}

#menu #dropdownMenu .menuTitle a:hover{
	text-decoration: underline;
}

#menu #dropdownMenu .menuTitle.active, #top_menu_NAV ul li.active{
	background-color:#db9f31; /*#326b99 | #f89825*/
}

#menu #dropdownMenu .menuTitle.active a, #menu #dropdownMenu .menuTitle.active span, #top_menu_NAV ul li.active a{
	color: #FFF; /*#8bc53f*/
	background: url(../../images/topmenu_active.png) no-repeat 50% 100%;
}

#menu #dropdownMenu .menuTitle .dropdown {
	position: absolute;
	left: 0;
	top: 49px;
	background: #FFF;
	z-index: 20;
	min-width: 229px;
	box-shadow: 0 0 10px #000;
	overflow: hidden;
}

#menu #dropdownMenu .menuTitle .dropdown ul {
	display: block;
	width: 100%;
	border-top: 1px solid #8bc53f;
}

#menu #dropdownMenu .menuTitle .dropdown li {
	border-bottom: 1px solid #8bc53f;
	display: block;
	padding: 0;
}

#menu #dropdownMenu .menuTitle .dropdown li a {
	background:none;
	color: #FFF;
	height: 29px;
	line-height: 29px;
}

#menu #dropdownMenu .menuTitle.support a {
	color: #00a0ff;
}

#menu #dropdownMenu .menuTitle.buynow {
	border: 0 none;
}

#menu #dropdownMenu .menuTitle.buynow a{
	padding: 0;
}

#menu #dropdownMenu .menuTitle.buynow img {
	float: left;
}

#menu .menuTitle .dropdownbox {
	position:absolute; 
	/*left:-130px; */
	z-index:1000; 
	display:none; 
	padding:10px 30px; 
	background-color: #000;
	background-color: rgba(0, 0, 0, .8);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #CCC;
}

#menu .menuTitle .dropdownbox .subMenu {
	float:left; 
	width:auto;
	min-width:100px;
	padding-right:30px;
}

#menu .menuTitle .dropdownbox .subMenu .subMenuItem {
	border:none;
	height:24px;
	color: #FFF;
}

#menu .menuTitle .dropdownbox .subMenu .subMenuItem a {
	line-height:20px !important;
	height:20px;
	padding-left:0px !important;
	color:#FFF !important;
	background:none !important;
	font-size:14px !important;
	text-shadow:none;
}

#menu .menuTitle .dropdownbox .subMenu .fItem, #menu .menuTitle .dropdownbox .subMenu .fItem a {
	padding:5px 0px 5px 0px;
	color:#7EE387;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	/*height:20px;*/
	display: block;
	margin:0px;
}

#topsection {
	background: #003056 url(../../images/banner_bg.jpg) no-repeat 50% 0;
}

#bannercontent {
	height: 391px;
}

#topsection .container_12 {
	position: relative;
}
#topsection .content {
	color: #fff;
	width: 520px;
	float: left;
	padding: 40px 0 0 0;
}

#topsection .content .headtext {
	/*font-size: 1.846em;*/
	font-size:24px;
	line-height: 1.25em;
	margin: 0 0 10px 0;
}

#topsection .content .subtext {
	font-size: 1.375em;
}

#topsection .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#topsection .content ul li {
	float: left;
	margin: 0;
}
#topsection .content ul li.freeedition {
	margin: 0 10px 0 0;
}
#topsection .content ul li a{
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#topsection .content .quote {
	font-size: 1.231em;
	font-style: italic;
	font-weight: 600;
	margin: 0;
	color: #fff;
}
#topsection .content .quote .text {
	margin: 0 10px 0 0;
}

#topsection .imagepromotion {
	width: 420px;
	float: right;
}

#topsection .computerscreen {
	width: 409px;
	height: 310px;
	background: url(../imgs/bk_formscreen.png) no-repeat 0 0;
	margin: 49px 0 0 0;
	position: relative;
}

#topsection .computerscreen .fancybox {
    position: absolute;
    width: 378px;
    height: 202px;
    left: 15px;
    top: 15px;
}

#topsection .computerscreen .pricetag {
	background: url(../imgs/bk_pricetag.png) no-repeat 0 0;
	position: absolute;
	top: -15px;
	right: 0;
	padding: 18px 20px;
	width: 93px;
	height: 69px;
	color: #fff;
	font-style: italic;
	font-weight: 600;
	text-align: center;
	font-size: 1.077em;
	font-size: 1em \9;
}

#topsection .computerscreen .pricetag .price{
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
	font-weight: 700;
	text-shadow: 0 0 35px #000;
	margin: 0;
}

#topsection .computerscreen .pricetag .price .currency {
	position: relative;
	top: -3px;
	margin: 0 12px 0 0;
}

#topsection .computerscreen .pricetag .price .amount {
	font-size: 1.393em;
	font-weight: 600;
	line-height: 1em;
}

#topsection .bannerWrapper {
	width: 100%; /*2018-11-05*/
	height: 391px;
}

#topsection .bannerWrapper .content{
	padding: 75px 0 0 90px;
	width: 460px;
}

#topsection .bannerWrapper .next {
	width: 59px;
	height: 59px;
	background: url(../../images/banner_arrow_LR.png) no-repeat 0 100%;
	display: block;
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -29px;
	z-index: 10;
}

#topsection .bannerWrapper .prev {
	width: 59px;
	height: 59px;
	background: url(../../images/banner_arrow_LR.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -29px;
	z-index: 10;
}

#topsection .bannerWrapper .nav {
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
	display: block !important;
}

#topsection .bannerWrapper .nav a {
	background: url(../../images/banner_nav_circles.png) 0 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 10px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	margin: 0 7px;
	vertical-align: top;
}

#topsection .bannerWrapper .nav a.activeSlide {
	background-position: 0 0;
	height: 9px;
}

#topsection .banner {
	height: 391px !important;
	/*width: 940px;*/
	width:100% !important;
}


#topsection ul.homepagebuttons {
	background: #000;
	width: 343px;
	padding: 6px 7px 4px;
	border-radius: 5px;
	list-style: none;
	margin: 55px 0 0 0;
	overflow: hidden;
}

#topsection .homepagebuttons .download {
	width: 172px;
	height: 60px;
	background: url(../imgs/btn_download.png);
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin: 0;
}

#topsection .homepagebuttons .moreinfo {
	width: 171px;
	height: 60px;
	background: url(../imgs/btn_moreinfo2.png);
	overflow: hidden;
	text-indent: -9999px;
	float: left;
}

#pagearea {
	width:900px;
	padding: 30px 0;
	/*font-size: 1.077em;*/
	font-size:12px;
}

#pagearea strong {
	/*font-size:14px;*/
}

#pagearea h2 {
	color: #000;
	font-size: 1.143em;
}



#pagearea .contactusbox .wrapper {
	padding: 25px;
	background: #e1f5ff;
}

#pagearea .contactusbox h2 {
	margin: 25px 0 10px 0;
}

#pagearea .contactusbox .address .icon {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 13px;
	height: 20px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -84px;
}

#pagearea .contactusbox .telephone .icon {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 19px;
	height: 18px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 0;
}

#pagearea .contactusbox .email .icon {
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 19px;
	height: 13px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -22px;
}


#pagearea .contactusbox .details {
	margin: 0 0 15px 0;
	position: relative;
	padding: 0 0 0 30px;
}

#pagearea .contactusbox .details p {
	margin: 0 0 7px 0;
}

#pagearea .contactusbox.grid_16 {
	padding-bottom: 30px;
}

#pagearea .contactusbox.grid_16 .bannerimage {
	margin: -25px;
	float: right;
}

#pagearea .customerquotes ul {
	list-style: none;
	margin: 0;
	padding: 25px 0 0;
	background: #eee;
	color: #013157;
	font-style: italic;

}

#pagearea .customerquotes li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 25px 40px;
	width: 418px;
}

#pagearea .customerquotes li .logo {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
}

#pagearea .customerquotes li .quote {
	width: 273px;
	float: left;
	padding: 0 0 0 35px;
	background: url(../imgs/icon_quote2.png) no-repeat 0 6px;
}

#pagearea .customerquotes li .quote .author{
	font-weight: 600;
	font-size: 1.077em;
}

#pagearea .customerlist ul {
	list-style: none;
	margin: 55px 0 0 0;
	padding: 0;
}

#pagearea .customerlist ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 235px;
	margin: 0 0 80px 0;
	text-align: center;
}

#pagearea.homepage .endfootnote{
	margin: -30px 0 30px 0;
}

#pagearea.homepage h2 {
	color: #004678;
	font-size: 23px;
}

#pagearea.homepage .endfootnote .quote img {
	margin: 0 0 15px 0;
}

#pagearea.homepage .endfootnote .quote .text {
	color: #999999;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 600;
	display: block;
}

#pagearea.homepage div.clearfix {
	margin-bottom: 70px;
}

#pagearea.homepage div.oopsbackup {
	margin-bottom: 0;
}

#pagearea.homepage .products .backupfs  {
	margin-bottom: 30px;
}

#pagearea.homepage .products ul {
	list-style: none;
	padding: 0;
}

#pagearea.homepage .products ul li {
	float: left;
	margin: 0;
}

#pagearea.homepage .products ul li.buynowbullet {
	width: 292px;
	margin: 0 28px 0 0;
}

#pagearea.homepage .products ul li.description {
	width: 415px;
	font-size: 0.95em;
	margin: 0;
}

#pagearea.homepage .products ul li.description img{
	margin: 0 0 10px 0;
}

#pagearea.homepage .products ul li.buttons {
	width: 150px;
	margin: 0 0 0 55px;
}

#pagearea.homepage .satisfiedcustomers {
	margin-bottom: 30px;
}

#pagearea.homepage .satisfiedcustomers .grid_16 {
	background: url(../imgs/satisfiedcustomersbar.png) no-repeat;
	height: 87px;
	padding: 39px 0 40px;
}

#pagearea.homepage .satisfiedcustomers .grid_16 > div {
	line-height: 38px;
}

#pagearea.homepage .satisfiedcustomers .grid_16 .grid_6 {
	padding: 25px 20px;
	width: 300px;
}

#pagearea.homepage .satisfiedcustomers .grid_16 .grid_4 {
	margin: 0;
	text-align: center;
}

#pagearea.homepage .satisfiedcustomers .grid_16 .grid_4 strong {
	font-weight: 800;
	color: #868686;
	font-size: 2.357em;
	display: block;
}

#pagearea.homepage .satisfiedcustomers .grid_16 .grid_4 a {
	line-height: 1.3em;
	font-weight: 600;
	padding: 5px 0 0 0;
	display: block;
}
#pagearea.homepage .satisfiedcustomers .grid_16 > div img {
	vertical-align: middle;
}

#pagearea.homepage .blog ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#pagearea.homepage .blog li {
	margin: 0;
	padding: 17px 0 17px 20px;
	border-top: 1px solid #dddddd;
	background: url(../imgs/bullet_bluecircle.png) no-repeat 0 24px;
}

#pagearea.homepage .blog li a {
	text-decoration: none;
}

#pagearea.homepage .blog li a:hover {
	text-decoration: underline;
}

#pagearea.homepage .blog .signup {
	padding: 10px;
	margin: 10px 0 0 0;
	border-radius: 2px;
	background: #ededed;
}

#pagearea.homepage .follow {
	margin: 20px 0 0 0;
}

#pagearea.homepage .follow a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	width: 48px;
	height: 48px;
	background: url(../imgs/icon_socialbig.png) no-repeat 0 0;
	margin: 0 5px 0 0;
}

#pagearea.homepage .follow a.twitter {
	background-position: -48px 0;
}

#pagearea.homepage .follow a.googleplus {
	background-position: -96px 0;
}

#pagearea.homepage .follow a.linkedin {
	background-position: -144px 0;
}

#pagearea.homepage .follow a.wordpress {
	background-position: -192px 0;
}


#pagearea.homepage .news {
}

#pagearea.homepage .news ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#pagearea.homepage .news ul li{
	margin: 0;
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}

#pagearea.homepage .news ul li.last { /* IN ORDER TO HAVE THE BLUE LINE REACHING THE FOOTER WHICH HAS A SPACE OF 30PX */
	padding-bottom: 150px;
	margin-bottom: -150px;
}

#pagearea.homepage .news ul li .line {
	width: 30px;
	float: left;
	color: #bbbbbb;
	font-size: 1.143em;
	font-weight: 600;
	white-space: nowrap;
	background: url(../imgs/newsline.png) no-repeat 100% 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	line-height: 1em;
	text-align: right;
	z-index: -1;
}

#pagearea.homepage .news ul li .articledate {
	display: block;
	color: #bbbbbb;
	font-size: 1.143em;
	font-weight: 600;
	line-height: 1em;
	margin: 0 0 10px 0;
}

#pagearea.homepage .news ul li .article {
	width: 415px;
	margin: 0 0 0 20px;
	float: left;
	padding: 0 0 0 25px;
}

#pagearea.homepage .news ul li .article h2{
	color: #024a72;
	line-height: 1em;
}

#pagearea.news ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#pagearea.news ul li{
	margin: 0;
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}

#pagearea.news ul li.last { /* IN ORDER TO HAVE THE BLUE LINE REACHING THE FOOTER WHICH HAS A SPACE OF 30PX */
	padding-bottom: 60px;
	margin-bottom: -30px;
}

#pagearea.news ul li .articledate {
	width: 112px;
	padding: 0 30px 0 0;
	float: left;
	color: #bbbbbb;
	font-size: 1.143em;
	font-weight: 600;
	white-space: nowrap;
	background: url(../imgs/newsline.png) no-repeat 100% 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	line-height: 1em;
	text-align: right;
}

#pagearea.news ul li .article {
	width: 778px;
	margin: 0 0 0 20px;
	float: left;
	padding: 0 0 0 142px;
}

#pagearea.news ul li .article h2{
	color: #024a72;
	line-height: 1em;
}

#pagearea.partners .benefits ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: table;
	*-dt-display: table;
}


#pagearea.partners .benefits .UL {
	margin: 0 auto;
	table-layout: fixed;
}

#pagearea.partners .benefits .UL td{
	text-align: center;
	vertical-align: top;
	padding: 0 20px;
}

#pagearea.partners .benefits ul li{
	margin: 0;
	display: table-cell;
	*-dt-display: table-cell;
	max-width: 250px;
	text-align: center;
	vertical-align: top;
	padding: 0;
}

#pagearea.partners .benefits .UL td.sep {
	width: 1px;
}

#pagearea.partners .benefits ul li span, #pagearea.partners .benefits .UL td span{
	height: 65px;
	display: block;
}

#pagearea.partners .benefits ul li h3, #pagearea.partners .benefits .UL td h3 {
	font-size: 1.05em;
	margin: 0 0 5px 0;
}

#pagearea.partners .benefits ul li p, #pagearea.partners .benefits .UL td p {
	letter-spacing: -1px;
}

#pagearea.partners .becomeapartner > div {
	height: 122px;
}

#pagearea.partners .becomeapartner {
	margin-top: 40px;
}

#pagearea.partners .startreselling  {
	background: #e1f5ff;
}

#pagearea.partners .startreselling .wrapper {
	padding: 30px 25px;
}



#pagearea.partners .startreselling p {
	width: 370px;
	float: left;
	color: #1f1f1f;
	font-weight: 700;
	font-size: 1.143em;
	margin: 4px 0 0 0;
	margin: -4px 0 0 0 \9;
}

#pagearea.partners .startreselling a.btn {
	float: right;
}

#pagearea.partners .partnerlogin {
	background: #013258;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.143em;
}

#pagearea.partners .partnerlogin .wrapper {
	padding: 20px 0;
}

#pagearea.partners .partnerlogin p {
	margin: 0 0 15px 0;
}


#pagearea.partners .partnerlevels table {
	table-layout: fixed;
	border-spacing: 20px 0;
	border-collapse:separate;
	margin: 70px 0 0 0;
}

#pagearea.partners .partnerlevels th {
	width: 161px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 20px 0;
	line-height: 1.1em;
	font-size: 17px;
	font-weight: 600;
	*border-left: 20px solid transparent;
}


#pagearea.partners .partnerlevels th.headings {
	width: 40%;
	font-size: 23px;
	color: #004678;
	font-weight: bold;
	background: #fff;
	text-align: left;
	*border-left: 0;
}

#pagearea.partners .partnerlevels td {
	padding: 30px 8px;
	vertical-align: middle;
	text-align: center;
	color: #013157;
	line-height: 1.2em;
	*border-left: 20px solid transparent;
}

#pagearea.partners .partnerlevels td img {
	margin-bottom: 10px;
}

#pagearea.partners .partnerlevels td.featureTitle {
	text-align: left;
	color: #1f1f1f;
	line-height: normal;
	*border-left: none;
}

#pagearea.partners .partnerlevels td.featureTitle span {
	font-weight: bold;
	font-size: 17px;
	letter-spacing: -1px;
}

#pagearea.partners .partnerlevels td.featureTitle p {
	margin: 5px 0 0 0;
	font-size: 13px;
}


#pagearea.partners .partnerlevels .even td {
	background: #e9f8ff;
}

#pagearea.partners .partnerlevels .odd td {
	background: #b7e8ff;
}

#pagearea.partners .partnerlevels .price td {
	font-size: 12px;
	color: #013157;
}

#pagearea.partners .partnerlevels .price td.featureTitle {
	background: #b7e8ff;
}

#pagearea.partners .partnerlevels span.price {
	font-size: 25px;
	font-weight: bold;
}

#pagearea.partners .partnerlevels .downloadbuttons td{
	padding: 15px 0;
}


#pagearea.partners .partnerlevels .tablefooter td {
	padding: 0;
}

#pagearea.partners .partnerlevels .quantityfield {
	width: 48px;
	padding: 8px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
  	border-radius: 4px; 
	border: 0 none;
}

#pagearea.partners .partnerlevels .buyform {
	position: relative;
}

#pagearea.partners .partnerlevels .quantitycontainer {
	width: 64px;
	margin: 0 auto;
	position: relative;
}

#pagearea.partners .partnerlevels .buycontrols {
	position: absolute;
	right: -15px;
	top: 7px;
}

#pagearea.partners .partnerlevels .buycontrols a {
	color: #013157;
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	height: 13px;
	line-height: 10px;
	overflow: hidden;
}

#pagearea.partners .partnerlevels .buyform .buybutton {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 119px;
	height: 42px;
	background: url(../imgs/buy-now-green.png);
	border: 0 none;
	margin: 15px 0;
	cursor: pointer;
}

#pagearea.partners .partnerlevels .getquote {
	display: block;
	text-align: center;
	color: #013157;
	font-size: 0.7em;
}

#pagearea .teamlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pagearea .teamlist ul li{
	margin: 0 0 40px 0;
	float: left;
}

#pagearea .photocontainer {
	padding: 6px;
	background: #b8e8ff;
}

#pagearea .teamlist h3 {
	margin: 0 0 5px 0;
	color: #000;
	font-size: 1.143em;
}

#pagearea .teamlist .grid_13 .profession, #pagearea .teamlist .grid_13 .contactdetails {
	display: block;
	margin: 0 0 5px 0;
}

#pagearea .teamlist .grid_13 .description {
	margin: 15px 0 0 0;
}

#pagearea .teamlist .grid_13 .contactdetails .linkedinlink {
	width: 21px;
	height: 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -39px;
	margin: 0 0 0 20px;
	text-decoration: none;
}

#pagearea .teamlist .grid_13 .contactdetails .youtubelink {
	width: 24px;
	height: 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -61px;
	margin: 0 0 0 20px;
	text-decoration: none;
	
}

#pagearea.buynowcompany div.clearfix {
	margin-bottom: 70px;
}

#pagearea.buynowcompany div.oopsbackup {
	margin-bottom: 0;
}

#pagearea.buynowcompany ul {
	list-style: none;
	padding: 0;
}

#pagearea.buynowcompany ul li {
	float: left;
	margin: 0;
}

#pagearea.buynowcompany ul li.buynowbullet {
	width: 292px;
	margin: 0 28px 0 0;
}

#pagearea.buynowcompany ul li.description {
	width: 415px;
	font-size: 0.95em;
	margin: 0;
}

#pagearea.buynowcompany ul li.description img{
	margin: 0 0 10px 0;
}

#pagearea.buynowcompany ul li.buttons {
	width: 150px;
	margin: 0 0 0 55px;
}
.endfootnote {
	background: #ededed;
	padding: 25px 0;
}

.buynowfootnote .icon {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	background: url(../imgs/icon_tools.png) no-repeat;
	width: 36px;
	height: 35px;
	margin: 0 20px 0 0;
}

#pagearea.support .greenbox {
	background: #f1f8e8;
	border-radius: 10px;
	padding: 15px;
	margin: 0 0 20px 0;
}

#pagearea.support .greenbox table {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}



#pagearea.support .greenbox table td {
	width: 200px;
	padding: 5px 0 5px 40px;
	margin: 0 0 20px 0;
	background: url(../imgs/icon_greencircletick.png) no-repeat 0 50%;
	vertical-align: middle;
}

#pagearea.support .optionlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pagearea.support .optionlist li {
	margin: 0;
	border-top: 1px solid #ccc;
	padding: 25px 0 25px 70px;
	position: relative;
	*overflow: hidden;
}

#pagearea.support .optionlist li p {
	margin: 0;
}

#pagearea.support .optionlist li .icon {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	background: url(../imgs/iconset_support.png) no-repeat;
}

#pagearea.support .optionlist li.knowledgebase .icon{ background-position: 0 0; width: 37px; height: 46px; margin-top: -23px;  }
#pagearea.support .optionlist li.guides .icon { background-position: 0 -49px; width: 48px; height: 49px;  margin-top: -24px; }
#pagearea.support .optionlist li.emailsupport .icon{ background-position: 0 -105px; width: 39px; height: 25px;  margin-top: -12px; }
#pagearea.support .optionlist li.forumsupport .icon{ background-position: 0 -137px; width: 40px; height: 35px;  margin-top: -17px; }
#pagearea.support .optionlist li.livechat .icon{ background-position: 0 -181px; width: 40px; height: 36px;  margin-top: -18px; }
#pagearea.support .optionlist li.callback .icon{ background-position: 0 -223px; width: 38px; height: 37px;  margin-top: -18px; }
#pagearea.support .optionlist li.remotesession .icon{ background-position: 0 -263px; width: 40px; height: 39px;  margin-top: -19px; }

#pagearea.support .supportrightcolumn {
	position: static;
	margin-left: 70px;
}

#pagearea.support .supportrightcolumn .continuousbk {
	position: absolute;
	right: 10px;
	width: 340px;
	height: 100%;
	margin: 30px 0 0 0;
	z-index: -1;
	background: #e1f5ff;
}

#pagearea.support .supportrightcolumn .employeequote {
	background: #b7e8ff;
	border-radius: 10px 10px 0 0;
	padding: 40px 35px;
}

#pagearea.support .supportrightcolumn .employeequote .photo {
	text-align: center;
}

#pagearea.support .supportrightcolumn .employeequote .speechbubble {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	position: relative;
	margin: 50px 0 0 0;
}

#pagearea.support .supportrightcolumn .employeequote .speechbubble .pointer {
	display: block;
	width: 32px;
	height: 39px;
	position: absolute;
	top: -39px;
	right: 47px;
	background: url(../imgs/speechbubblepointer.png) no-repeat;
}
	

#pagearea.support .supportrightcolumn .employeequote .speechbubble p {
	margin: 0;
	text-align: center;
}

#pagearea.support .supportrightcolumn .employeequote .speechbubble .employeename {
	color: #009fff;
}
#pagearea.support .supportrightcolumn .employeequote .speechbubble p.quote {
	text-align: left;
	font-style: italic;
	margin: 17px 0 0 0;
}

#pagearea.support .supportrightcolumn .testimonials {
	background: #e1f5ff;
	padding: 45px 15px;
}

#pagearea.support .supportrightcolumn .testimonials h2 {
	color: #555555;
	font-size: 1.1em;
}

#pagearea.support .supportrightcolumn .testimonials > div {
	margin: 0 0 40px 0;
	padding: 0 15px;
	background: url(../imgs/icon_quote3.png) no-repeat 0 0;
}

#pagearea.support .supportrightcolumn .testimonials > div p{
	padding-left: 35px;
	margin: 0 0 5px 0;
	color: #013157;
	font-style: italic;
	font-size: 1.2em;
}

#pagearea.support .supportrightcolumn .testimonials > div p.author {
	font-weight: 700;
	font-size: 1.05em;
	letter-spacing: -1px;
	margin: 0 15px 20px 0;
}

/*#pagearea.chooseyourpartner #partnerlist {
	padding-top: 40px;
}

#pagearea.chooseyourpartner #partnerlist > table, #pagearea.chooseyourpartner #partnerlist > div, #pagearea.chooseyourpartner #partnerlist ul {
	width: 100%;
}

#pagearea.chooseyourpartner #partnerlist ul {
	list-style: none;
}

#pagearea.chooseyourpartner #partnerlist ul li {
	margin: 0;
	float: left;
}*/

#pagearea.chooseyourpartner #partnerlist {
	margin-top: 40px;
}

#pagearea.chooseyourpartner #partnerlist .partner_list {
	width: 560px;
}

#pagearea.chooseyourpartner .dropdowncontainer {
	background: #ededed;
	padding: 25px 0;	
}

#pagearea.chooseyourpartner .dropdowncontainer select {
	height: 38px;
	width: 275px;
	margin: 0;
	padding: 0;
	border-radius: 5px;
	border: 1px solid #bcbcbc;
	vertical-align: top;
}

#pagearea.chooseyourpartner ul.container_16 {
	list-style: none;
}

#pagearea.chooseyourpartner ul.container_16 li{
	margin: 0;
	padding: 30px 0 22px;
	float: left;
	width: 100%;
}

#pagearea.chooseyourpartner ul.container_16 li.even {
	background: #e1f5ff;
}

#pagearea.chooseyourpartner .partnerdetails .name {
	font-weight: bold;
}

#pagearea.chooseyourpartner .partnerlogo {
	text-align: center;
}

#pagearea.chooseyourpartner .partnerdetails .contactperson span {
	font-weight: bold;
}

#pagearea.chooseyourpartner .partnercontact > div {
	position: relative;
	padding: 0 0 0 40px;
}

#pagearea.chooseyourpartner .partnercontact p {
	margin: 0 0 8px 0;
}

#pagearea.chooseyourpartner .partnercontact .address .icon {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 13px;
	height: 20px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -84px;
}

#pagearea.chooseyourpartner .partnercontact .telephone .icon {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 19px;
	height: 18px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 0;
}

#pagearea.chooseyourpartner .partnercontact .email .icon {
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 19px;
	height: 13px;
	background: url(../imgs/iconset_contact.png) no-repeat 0 -22px;
}

.supportfootnote {
	font-size: 1.1em;
}
.supportfootnote p{
	margin: 0 0 7px 0;
}

#testimonials {
	padding: 20px 0;
	background: #ededed;
}

#testimonials h2 {
	color: #555555;
}

#testimonials .quotes .grid_4 {
	margin: 0;
	padding: 0 10px;
	background: url(../imgs/icon_quote.png) no-repeat 0 0;
}

#testimonials .quotes .grid_4 p{
	padding-left: 35px;
	margin: 0 15px 10px 0;
	color: #555555;
	font-style: italic;
	font-size: 1.077em;
}

#testimonials .quotes .grid_4 p.author {
	font-weight: 700;
	font-size: 1.231em;
	letter-spacing: -1px;
	margin: 0 15px 40px 0;
}

#testimonials .companylogos table{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#havequestionsfooter {
	background: #ededed;
	margin-top: 30px;
	padding: 20px 0;
	font-size: 1.214em;
}

#havequestionsfooter h2 {
	color: #000;
	font-size: 1.143em;
}

#footer {
	background: #666666;
	padding: 25px 0;
	color: #fff;
	font-size: 1.15em;
	*overflow: hidden;
	position: relative;
	z-index: 50;
}

#footer .footerlinks {
	overflow: hidden;
	color: #fff;
	padding:0px 20px;
}

#footer .footerlinks > ul, #footer .footerlinks ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .footerlinks > ul > li {
	float: left;
	margin: 0;
	width:25%;
}

#footer .footerlinks ul.nav {
	margin: 10px 60px 20px 0;
	width: 160px;
	font-size:14px;
}

#footer .footerlinks ul.home { /*width: 80px;*/ }

#footer .footerlinks ul.support { margin: 10px 0 0 0; }

#footer .footerlinks ul.nav li {
	margin: 0;
}

#footer .footerlinks ul.nav a {
	text-decoration: none;
	color: #fff;
}

#footer .footerlinks ul.nav li.buynow a {
	color: #99ff99;
}

#footer .footerlinks ul.nav a:hover {
	text-decoration: underline;
}

#footer .footerlinks h5{
	color: #fff;
	text-transform: uppercase;
}

#footer .endfooter {
	margin: 20px auto 0;
}

#footer .copyright p{
	margin: 38px 0 0 -10px;
	vertical-align: bottom;
}

#footer .socialicons {
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
}
#footer .socialicons > span {
	float: right;
	margin: 40px 0 0 0;
}
#footer .socialicons a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 23px;
	height: 23px;
	margin: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background-image: url(../imgs/icon_social.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}
#footer .socialicons a.facebook {
	background-position: 0 0;
	margin: 0 0 0 10px;
}
#footer .socialicons a.twitter {
	background-position: -23px 0;
}
#footer .socialicons a.googleplus {
	background-position: -46px 0;
}
#footer .socialicons a.linkedin {
	background-position: -69px 0;
}


div.speechbubbles{
background-color:#99d9ff; /*background color of tooltip*/
border:1px solid black;
position:absolute;
top:0;
z-index:100;
display: none;
line-height:1.3em;
padding:8px;
width:300px; /*default width of tooltip*/
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
color: #013157;
}



div.speechbubbles div.speechbubbles-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
border-color: transparent transparent #99d9ff transparent; /*border color should be same as div.speechbubbles background color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*shared CSS for arrow border DIV*/
border-color: transparent transparent black transparent; /*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}


div.downversion div.speechbubbles-arrow{ /*down arrow DIV specific CSS*/
border-color: #99d9ff transparent transparent transparent; /*border color should be same as div.speechbubbles background color*/
top:auto;
bottom:-19px;
}


div.downversion div.speechbubbles-arrow-border{ /*down arrow border DIV specific CSS*/
border-color: black transparent transparent transparent; /*border color should be same as div.speechbubbles border color*/
top:auto;
bottom:-20px;
}


div.speechbubbles table td {
	border:solid 1px #013157; 
}


/* Dropdown control */
.selectBox-dropdown {
    width: 275px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	height: 37px;
	border: 1px solid #bcbcbc;
	vertical-align: top;
}

.selectBox-dropdown:focus {
	outline: 0 none;
}

.selectBox-dropdown.selectBox-menuShowing {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
    padding: 8px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 100%;
    background: url(../imgs/dropdown_arrow.png) 50% center no-repeat;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    min-height: 1em;
    border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
    background: #FFF;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* Inline control */
.selectBox-inline {
    min-width: 150px;
    outline: none;
    border: solid 1px #BBB;
    background: #FFF;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
}

.selectBox-options LI A {
    line-height: 1.5;
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
    background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
    background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #EEE;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
    color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}

.selectBox-inline.selectBox-disabled {
    color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent !important;
}

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  //ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  //css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

.menuBtn {
	color:#FFF; 
	text-shadow: 2px 2px 2px #666;
	
	
}

#navmenu {
	min-height: 53px;
	/*background: #00a0ff;*/
	/*background: #5DB53D;*/
  background: #082f50;
	/*border: 1px solid #4abbff;*/
	/*border: 1px solid #3380AF;*/
  border: 1px solid #000f30;
	border-width: 1px 0 0;
	font-size: 16px;
	/*font-weight: 600;*/
}

#navmenu .navMoreBtn {
	position:absolute; 
	bottom:-20px; 
	right:30px; 
	background-color:#FF6000; 
	font-size:13px; 
	color:#FFF;
	padding:0px 10px;
	/*width:34px;*/
	text-align:center;
	cursor:pointer;
	z-index: 999;
	
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border-left: 1px solid #D65500;
	border-right: 1px solid #D65500;
	border-bottom: 1px solid #D65500;
}

#navmenu .navMoreBtn:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#navmenu ul {
	width:940px;
	list-style: none;
	padding: 0;
	/*white-space: nowrap;*/
	font-size: 0.95em;
	text-align: justify;
}
#navmenu ul li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	height: 53px;
	line-height: 53px;
	margin: 0;
	vertical-align: top;
}
#navmenu ul li a {
	color: #fff;
	text-decoration: none;
	padding: 0 18px;
	margin: 0;
	display: block;
	height: 53px;
	line-height: 53px;
}
#navmenu ul li a:hover {
	text-decoration: underline;
}
#navmenu ul li.current {
	background: url(../../images/menu_active.png) no-repeat 50% 100%;
	padding: 0 18px;
	color:#FF6600;
}
#navmenu ul li.current a {
	/*color: #003c5f;*/
	text-decoration: none;
}
#navmenu .border {
	width: 0;
	overflow: hidden;
	/*border-left: 1px solid #008ee3;
	border-right: 1px solid #2eb1ff;*/
	/*border-left: 1px solid #509C35;
	border-right: 1px solid #65C442;*/
  border-left: 1px solid #fff;
	border-right: 1px solid #000034;
	margin: 0;
	padding: 0;
}

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

.container_12 .grid_12 ul {
	font-size:12px;
}

.fileDiv, .fristFile {
	padding:5px;
}

.fileDiv a, .fristFile a{
	text-decoration:none;
}

.fileDiv a:hover, .fristFile a:hover {
	text-decoration:underline;
}

.fileDiv {
	border-top:2px dotted #CCC;
}

.rMenuSubItem {
	padding-top:20px;
}

#right_menu .titleBar {
	padding:3px 0px; 
	margin:3px 0px; 
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC;
}

#right_menu .titleBar .titleBarText {
	background-color:#CCC; 
	padding:3px 5px; 
	font-weight:bold;
}

#right_menu .itemContent {
	border:1px solid #CCC; 
	padding:10px;
}

#right_menu .itemContent img {
	vertical-align:middle;
}

#right_menu .itemContent a {
	vertical-align:middle;
	/*padding-left:5px;*/
}

.custom_logo_s {
	width:900px; height:80px; text-align:center;
}

.logoGroupDiv {
	text-align:center;
}

.custom_logo {
	background-color:#CCC; 
	width:880px;
	height:150px;
	padding:10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
}

.custom_logo h3 {
	font-size:14px;
}

@media only screen and (min-width: 1800px) {
	.topInfoENG2 {
		/*padding-right: 30%;*/
	}
}
/*
@media only screen and (max-width: 1800px) {
	#top_menu_DIV li span {
		font-size:14px !important;
		line-height:70px !important;
	}
}
*/
/*@media only screen and (max-width: 1437px) {*/
@media only screen and (max-width: 1670px) {
	#menu {
		height:73px !important;
	}
	#menuDIV {
		width:98% !important;
	}
	#yeastarLogo, #redappleLogo {
		/*width:110px !important;*/
	}
	.logo img {
		height:70px !important;
	}
	#mypbx_logo {
		margin-left: 20px !important;
	}
	/*#top_menu_DIV {
		float:left !important;
		padding-right:0px !important;
		margin-right:10px  !important;
	}*/
	#top_menu_DIV .menuTitle { /*#top_menu_DIV li*/
		height:70px !important;
	}
	#top_menu_DIV li span {
		font-size:14px !important;
		line-height:70px !important;
	}
	#menu #dropdownMenu .menuTitle a, #menu #dropdownMenu .menuTitle span {
		font-size:14px !important;
		line-height:70px !important;
	}
}
@media only screen and (max-width: 1260px) {
	.grid_6 {
		width:100% !important;
		text-align:left !important;
	}
	#yeastarLogo, #redappleLogo {
		width:90px !important;
		overflow: hidden;
		right: 15px !important;
	}
	#mypbx_logo {
		margin-left: 30px !important;
	}
	#toplinks ul {
		padding-top: 5px !important;
	}
	#toplinks ul li {
		padding-left: 0px !important;
		padding-right: 10px !important;
	}
	#top_menu_DIV #dropdownMenu {
		padding-left: 80px;
	}
	#bannercontent, .bannerWrapper {
		height:391px !important;
	}
	.bannerWrapper .banner {
		height:391px !important;
	}
}
@media only screen and (max-width: 1160px) {
	#yeastarLogo, #redappleLogo {
		display: none !important;
	}
	#mypbx_logo {
		margin-left: 40px !important;
	}
	.mobileHidden {
		display: none !important;
	}
	#top_menu_DIV {
		display: none !important;
	}
	#top_menu_NAV {
		display: contents !important;
	}
	#top_menu_NAV ul {
		z-index: 9999;
		background-color: #EEE;
		width: 102%;
		margin-top: 17px;
		border-bottom: 1px solid #ccc;
		padding: 0px;
		text-align: center;
	}
	#top_menu_NAV ul li {
		border-top: 1px solid #ccc;
		display: list-item !important;
	}
	.dropdown-menu {
		background-color: #000 !important;
		text-align: center !important;
	}
	.dropdown-menu a {
		color: #FFF !important;
	}
	.dropdown-menu a:hover {
		color: #000 !important;
	}
}
@media only screen and (max-width: 1020px) {
	.mobileHidden {
		display: none !important;
	}
	#top_menu_DIV {
		display: none !important;
	}
	#top_menu_NAV {
		display: contents !important;
	}
	#top_menu_NAV ul {
		z-index: 9999;
		background-color: #EEE;
		width: 102%;
		margin-top: 17px;
		border-bottom: 1px solid #ccc;
		padding: 0px;
		text-align: center;
	}
	#top_menu_NAV ul li {
		border-top: 1px solid #ccc;
		display: list-item !important;
	}
	.dropdown-menu {
		background-color: #000 !important;
		text-align: center !important;
	}
	.dropdown-menu a {
		color: #FFF !important;
	}
	.dropdown-menu a:hover {
		color: #000 !important;
	}
	#bannercontent, .bannerWrapper {
		height:280px !important;
	}
	.bannerWrapper .banner, #topsection .banner {
		height:280px !important;
	}
	#supportedPhonesDIV {
		display: none;
	}
	#navmenuDIV, #navmenuUl {
		width:100% !important;
	}
	#videoFixDiv {
		width:100% !important;
	}
	#pagearea {
		overflow-x: auto;
	}
	#pagearea, #pageareaDIV {
		width:100% !important;
	}
	#pageareaDIV #pageareaBlock {
		height: auto !important;
		display: block !important;
	}
	#pageareaDIV .mainblockItem {
		display: contents !important;
	}
	.mainblockItem .bottomContentDIV {
		height: auto !important;
	}
}
@media only screen and (max-width: 886px) {
	.grid_5, .grid_7 {
		width: 100% !important;
		display: block !important;
	}
	#mypbx_logo {
		margin-left: 30px !important;
	}
}
@media only screen and (max-width: 768px) {
	#pagearea {
		padding-left: 20px;
		padding-right: 20px;
	}
	#pagearea #left_cont {
		width: 100% !important;
	}
	#pagearea #left_cont iframe {
		width: 100%;
	}
	#pagearea #left_cont table {
		width: 100%;
	}
	#pagearea #left_cont table img {
		margin-right: 10px;
	}
	#pagearea #left_cont table p img {
		margin-right: 0px;
	}
}
@media only screen and (max-width: 576px) {
	#mypbx_logo {
		margin-left: 20px !important;
	}
	.mobileHidden {
		display: none !important;
	}
	.mobileShow {
		display: inline-block !important;
	}
	#top_menu_DIV {
		display: none !important;
	}
	#bannercontent, .bannerWrapper {
		height:160px !important;
	}
	.bannerWrapper .banner, #topsection .banner {
		height:160px !important;
	}
	#topsection .content {
		width:auto !important;
	}
	#navmenu ul li {
		display: ruby-text-container !important;
	}
	#footer .footerlinks > ul > li {
		float: none !important;
		width: 100% !important;
	}
	#footer #footerBottomDIV {
		padding-top: 10px;
		margin: 0px 5px !important;
	}
	#footer #footerBottomDIV, #footer #footerBottomDIV #footerLogoDIV {
		text-align: center !important;
	}
}