body, div, a, img, p {
	background: none;
	color: #333; padding: 0px; margin: 0px; text-align: justify; line-height: 17pt;
	font-size: 12pt; font-family: "Myriad Web Pro", sans-serif;
}
a, a img { text-decoration: none; border: none; outline: none; padding: 0px; margin: 0px; }
a:hover { text-decoration: underline; border: none; outline: none; }
a img { text-decoration: none; border: none; }
h1 { margin: 0px; padding: 0px; }

b, .bold { font-family: "Myriad Pro Bold", sans-serif !important; }

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;

	color: #5A5A5A;
	font-weight: bold;
	letter-spacing: 0.5pt;

	font-family: "Myriad Pro Bold", sans-serif !important;

	margin-bottom: 7pt;
}

h1
{
	font-size: 18pt;
	letter-spacing: 0.8pt;
	margin-bottom: 17pt;
}

h2
{
	font-size: 15pt;
}

h3
{
	color: #6A6A6A;
	font-size: 13.5pt;
}

h4
{
	font-size: 12pt;
}

h1.ln
{
	border-bottom: 1px solid #999999;
	padding-bottom: 8pt;
}

h2.ln, h3.ln, h4.ln, h5.ln, h6.ln
{
	border-bottom: 1px solid #999999;
	padding-bottom: 6pt;
}

div.ln
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	margin-bottom: 22pt;
	height: 17pt;
}

div.lnsm
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999999;
	margin-bottom: 9pt;
	height: 6pt;
}

h1.ln { line-height: 24pt; }
h2.ln { line-height: 19pt; }
h3.ln { line-height: 16pt; }
h4.ln { line-height: 15pt; }

body {
	background-color: #FFFFFF;
	text-align: center;
}

ul { margin:0px; padding:0px; }
li { margin:0px; margin-left:14px; padding:0px; }

.title
{
	color: #222222;
	font-size: 13pt;
	line-height: 17pt;
	margin-bottom: 12px;
}

.head { font-size: 14pt; margin-bottom: 8px; }

.head24, .head32, .head_s22, .head_s28
{ border-bottom: 1px solid #999999; color: #333333; padding-bottom: 5px; margin-bottom: 12px; }

.head24, .head32 { color: #333333; font-size: 15pt; }
.head24 { height: 24px; }
.head32 { height: 32px; }

.head_s22, .head_s28 { color: #222222; font-size: 13pt; }
.head_s22 { height: 22px; }
.head_s28 { height: 28px; }

.htxt { margin-left: 2px; margin-top: 8px; }

p.content, div.content { color: #333; margin-bottom: 12px; }
div.content { position: relative !important; }

table { width: 100%; }
td { vertical-align: top; }
th { text-align: left; }

.border { border-color: #3B4C7C !important; }

/* --------------------------------------------------------------------------------------------- */
/* --- top part --- */

#header
{
	display: block;
	position: fixed;
	top: 0px; left: 0px;
	z-index: 999;
	width: 100%; height: 77px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
}

#header_in
{
	background-color: #F0F0F0;
	height: 75px;
}

#top
{
	position: relative;
	width: 1100px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
}

#topSAlogo
{
	position: absolute;
	top: 14px;
	left: 0px;
}

#topMenu
{
	position: absolute;
	top: 42px;
	/*left: 610px;*/
	right: 5px;
	height: 30px;
	overflow: hidden;
}

#topMenu a
{
	color: #444; font-size: 12pt;
	display: block; text-align: center; float: left; margin-left: 40px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- body part --- */

#shoplist td {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 7px; padding-top: 7px;
	vertical-align: middle; margin: 0px;
}
#shoplist p, #shoplist div, #shoplist img { margin: 0px !important; }
#shoplist .noptop, #shoplist .noptop td {
	padding-top: 0px !important;
}
#shoplist .price {
	font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 12pt;
}
#shoplist .buynow {
	font-size: 12pt;
}
#shoplist .head { padding-top: 20px; }
#shoplist .bg1 td, #shoplist .bg1 th { background-color: #F1F1F1; }
#shoplist .bg2 td, #shoplist .bg2 th { background-color: #F4F4F4; }
#shoplist .bg3 td, #shoplist .bg3 th { background-color: #F7F7F7; }

#cards, #nocards {
	padding-top: 4px; margin-left: 15px;
}
#cards img {
	margin-left: 1px; margin-right: 0px;
}

#nocards {

	/* top: 357px; */
}

#footer_copyright {
	text-align: right; color: #555; margin: 5px; font-size: 9pt;
	width: 1100px; margin-left: auto; margin-right: auto;
}
#footer_copyright .smaller, #footer_copyright .smaller a
{ font-size: 9pt; font-weight: normal; font-style: normal; }

#footer_on
{
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

#footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F0F0F0;
}

#footer_in {
	margin-left: auto; margin-right: auto;
	width: 1100px;
	font-size: 9pt;
}
#footer_in a, #footer_in p, #footer_in div
{ color: #444 !important; font-size: 10pt; }

#foot_facebook,
#foot_newsletter,
#foot_rss,
#foot_sectionz,
#foot_slideshare,
#foot_youtube,
#foot_orionreloaded,
#foot_twitter {
	display: block; width: 250px; height: 49px; background-repeat: no-repeat; padding-left: 70px; text-align: left;
}

#foot_facebook { background-image: url('layout/icons/foot_facebook.gif'); }
#foot_newsletter { background-image: url('layout/icons/foot_newsletter.gif'); }
#foot_rss { background-image: url('layout/icons/foot_rss.gif'); }
#foot_twitter { background-image: url('layout/icons/foot_twitter.gif'); }


#main, #topBanner, #topItemsMenu {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#main_banner_animframe
/* stored for hippo !! */
{
	/*background-image: url('langs/en/topbanner/banner-new.jpg');
	background-repeat: no-repeat;
	background-position: top center;*/
	background-color: #FFF;
	height: 570px;
	position: relative;
	display: block;
	text-align: center;
	margin-top: 78px;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

#main_banner
{
	background-image: url('langs/en/topbanner/banner-new.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFF;
	height: 570px;
	position: relative;
	display: block;
	text-align: center;
	margin-top: 78px;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

#jssor_1 .mlink,
#jssor_1 .mlink:active,
#jssor_1 .mlink:hover,
#jssor_1 .mlink:focus,
#main_banner .mlink,
#main_banner .mlink:active,
#main_banner .mlink:hover,
#main_banner .mlink:focus
{
	margin-left: auto;
	margin-right: auto;
	background: none;
	text-decoration: none;
	display: block;
	overflow: hidden;
	width: 1100px;
	height: 570px;
}

.page_content
{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.gray_content
{
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.gray_content_in
{
	background-color: #F0F0F0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.plugin_c2 { width: 520px; }
.plugin_c2 .pimg { width: 520px; height: 282px; margin-bottom: 12px; }
.plugin_c2 .simg { width: 520px; height: 520px; margin-bottom: 12px; }

.plugin_c3 { width: 326px; }
.plugin_c3 .pimg { width: 326px; height: 212px; margin-bottom: 10px; }
.plugin_c3 .simg { width: 326px; height: 326px; margin-bottom: 10px; }

.plugin_c4 { width: 240px; }
.plugin_c4 .pimg { width: 240px; height: 200px; margin-bottom: 8px; }
.plugin_c4 .simg { width: 240px; height: 240px; margin-bottom: 8px; }

.plugin_sep2, .plugin_sep3
{
	width: 60px;
}

.plugin_sep4
{
	width: 30px;
}

#softShorts { background-color: #E9E9E9; padding: 20px; margin-top: 35px; }
#softShorts table { width: 100%; }
#softShortCont { border-top: 1px solid #333; padding: 30px; margin-top: 10px; }
#softShortCont td { padding: 8px; padding-left: 27px; padding-right: 27px; }

#topBanner {
	position: relative; width: 1250px; height: 507px;
}

#topBanner, #topBanner object, #topBanner embed {
	/*background-image: url('layout/topbanner/background.gif');*/
	background-repeat: repeat-x;
}

#bannernof {
	/*background-image: url('layout/btopbgbigger.gif');
	background-repeat: no-repeat;
	background-position: top center;*/
	width: 1200px; height: 520px;
	margin-left: auto;
	margin-right: auto;
}

#topSingleNavi {
	width: 1100px; height: 26px;
	margin-left: auto; margin-right: auto;
	position: relative;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	margin-top: 1px;
}

#topSingleNavi a { color: #777; font-size: 10pt; }

.errmsg { color: #CC0000; border: 1px solid #CC0000; background-color: #FFF0F0; padding: 5px; font-weight: bold; }
.okmsg { color: #007700; border: 1px solid #007700; background-color: #F0FFF0; padding: 5px; font-weight: bold; }


.abouttable { /* table-layout: fixed; */ width: 100%; }
.abouttable td, .abouttable th { vertical-align: top; }
.abouttable .padd { padding: 10px; }
.abouttable .item, .abouttable .item td { text-align: left; border-bottom: 1px solid #BBB; padding-top: 10px; padding-bottom: 10px; }
.abouttable .iteml, .abouttable .iteml td { text-align: left; padding-top: 10px; padding-bottom: 10px; }
.abouttable .date { font-size: 12pt; color: #3C4C70; }
.abouttable a { color: #333; }

.rbox .content { margin-bottom: 22px; }

.btn {
	display: block; width: auto; height: 20px; float: left; text-align: center;
	background-color: #3D3D3D !important; color: #DEDEDE !important; text-decoration: none !important;
	padding: 4px;
}
.btn:hover {
	background-color: #6D6D6D !important; color: #FFF !important; text-decoration: none !important;
	padding-top: 3px; padding-bottom: 5px;
}

.smaller, .quoted8pt, .quoted9pt, .quoted9pt, .quoted10pt {
	font-style:italic; line-height: 8pt;
}
.smaller { font-size: 9pt; }
.quoted8pt { font-size: 9pt; }
.quoted9pt { font-size: 10pt; }
.quoted10pt { font-size: 11pt; }

.height4, .height8, .height12 { margin: 0px !important; padding: 0px !important; }
.height4 { height: 4px !important; line-height: 4px !important; font-size: 4px !important; }
.height8 { height: 8px !important; line-height: 8px !important; font-size: 4px !important; }
.height12 { height: 12px !important; line-height: 12px !important; font-size: 12px !important; }
.height24 { height: 24px !important; line-height: 24px !important; font-size: 24px !important; }
.height32 { height: 32px !important; line-height: 32px !important; font-size: 32px !important; }

.w100pr { width: 100%; }
.w50pr { width: 50%; }
.w25pr { width: 25%; }
.w4 { width: 4px !important; }
.w5 { width: 5px !important; }
.w8 { width: 8px !important; }
.w12 { width: 12px !important; }
.w15 { width: 15px !important; }
.w20 { width: 20px !important; }
.w25 { width: 25px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w45 { width: 45px !important; }
.w55 { width: 55px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w240 { width: 240px !important; }
.w260 { width: 260px !important; }
.w280 { width: 280px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w430 { width: 430px !important; }
.w435 { width: 435px !important; }
.w440 { width: 440px !important; }
.w550 { width: 550px !important; }

/* --- ORION SUBPAGE --- */

.btnTopBuy,
.btnTopTry,
.btnTopBuy:hover,
.btnTopTry:hover,
.btnBuy,
.btnTry,
.btnBuy:hover,
.btnTry:hover {
	display: block; padding: 6px; padding-left: 8px; padding-right: 14px; text-align: left;
	background-color: #F2F2F2; font-size: 13pt;
	border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;
}

.btnFeature {
	position: absolute; width: 440px; left: 10px;
}

.btnTopBuy,
.btnTopTry,
.btnTopBuy:hover,
.btnTopTry:hover {
	position: absolute; width: 420px; left: 10px;
}
.btnTopBuy:hover,
.btnTopTry:hover,
.btnBuy:hover,
.btnTry:hover {
	background-color: #FAFAFA; color: #556655; text-decoration: none;
}

.btnTopTry,
.btnTopTry:hover,
.btnTry,
.btnTry:hover {
	padding-left: 16px; padding-right: 6px;
}

.btnTopBuyD2,
.btnTopTryD2,
.btnTopBuyD2:hover,
.btnTopTryD2:hover {
	width: 400px; display: block; padding: 6px; padding-left: 8px; padding-right: 14px; text-align: left;
	background-color: #F2F2F2; font-size: 13pt;
	border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;
	margin-left: auto; margin-right: auto;
}
.btnTopBuyD2:hover,
.btnTopTryD2:hover {
	background-color: #FAFAFA; color: #556655; text-decoration: none;
}

.btnTopTryD2,
.btnTopTryD2:hover {
	padding-left: 16px; padding-right: 6px;
}

.featurestable .title {
	color: #333;
	font-size: 14pt;
	padding-bottom: 4px;
}
.featurestable .content {
	padding: 2px; padding-top: 4px; padding-bottom: 4px; line-height: 15pt;
}
.featurestable a {
	color: #CC0000;
}


.shortfeatures {

}

.shortfeatures .item, .shortfeatures .itemsm {
	margin: 12px; font-weight: bold; color: #333; font-size: 11pt;
	display: block; height: 24px;
	background-image: url('layout/icons/dialogok24.gif');
	background-repeat: no-repeat;
	padding-left: 34px;
}
.shortfeatures .itemsm {
	height: 21px; font-size: 10pt;
	background-image: url('layout/icons/dialogok24sm.gif');
}

.bg { background-color: #FAFAFA; padding: 11px; border: 1px solid #D9D9D9; }
.bgs { background-color: #FAFAFA; padding: 5px; border: 1px solid #D9D9D9; }
.brddrk { border: 1px solid #EFEFEF; }
.bgdrk { background-color: #EFEFEF; border: 1px solid #EFEFEF; }
.bgdtitle { padding: 8px; padding-left: 10px; font-size: 12pt; background-color: #F0F0F0; height: 25px; display: block; margin-bottom: 20px; }
.borderD9 { border: 1px solid #D9D9D9; }
.clist { width: 100%; line-height: 17pt; }
.clist td, .clist th { padding: 0px; margin: 0px; vertical-align: top; text-align: left; }
.clist th { padding-right: 5px; }
.morevspace td, .morevspace th { padding-top: 8px; padding-bottom: 4px; }
.rlink { color: #CC0000 !important; }
.wlink { color: #FFFFFF !important; }
.blink { color: #3C4C70 !important; }
.rlinklg { color: #DD0000 !important; }
.inputsubmit { border: 1px solid #333; cursor: pointer; background-color: #FFF; }

.newsarea a {
	color: #CC0000 !important; text-decoration: none;
}
.newsarea a:hover {
	color: #CC0000 !important; text-decoration: underline;
}
.newsarea ul {
	/* margin: 8px; margin-top: 16px; margin-bottom: 16px; */
	margin-left: 8px; margin-right: 8px;
}
.newsarea .imagearea {
	margin-top: 28px; margin-bottom: 28px; text-align: left;
}

.pdodshort {
	text-align: center; border: 1px solid #F0F0F0;
	padding: 20px; padding-left: 45px; padding-right: 45px; padding-bottom: 30px;
}

.dataform {
	margin: 0px; padding: 0px;
}
.dataform table {
	margin-top: 15px;
}
.dataform table td, .dataform table th {
	padding-top: 6px; padding-bottom: 5px; padding-right: 10px; vertical-align: middle;
}
.textsubmit {
	border: none; background: none; cursor: pointer; color: #CC0000; text-decoration: none;
	font-size: 11pt; font-family: "Open Sans", sans-serif;
}
.textsubmit:hover {
	text-decoration: underline;
}

.aboutustab { width: 100%; }
.aboutustab td { padding-top: 10px; padding-bottom: 28px; vertical-align: top; }
.aboutustab .fitem td { padding-bottom: 0px; vertical-align: top; }
.aboutustab img { margin-top: 4px; }
.aboutustab .content { padding-top: 4px; }

/* --- Form validation classes { */

.formvalel_css {
	border: 1px solid #D9D9D9;
	background-color: #FFFFFF;
	padding: 5px;
}

.formvalel_css_focus {
	border: 1px solid #D9D9A9;
	background-color: #FFFFF0;
	padding: 5px;
}

.formvalel_css_err {
	border: 1px solid #F9C9C9;
	background-color: #FFF8F8;
	padding: 5px;
}
.inputcheck, .checkboxlabel {
	vertical-align: middle;
	cursor: pointer;
}

/* } Form validation classes --- */

.orionplayerbg {
	height: 228px; background-image:url('layout/screens/player.bg.jpg'); background-repeat: no-repeat;
}

/* } Mouse hint helper --- */

#mousehelp {
	position: absolute;
	top: 0px; left: 0px; width: auto;
	border: none; padding: 0px;
	background-color: none;
}
#mousehelp table {
	width: auto !important;
	table-layout: auto !important;
}
#mousehelp_text {
	border: 1px solid #333333;
	padding: 4px;
	width: auto !important;
}
#mousehelp_text,
#mousehelp_text .intext {
	color: #000000;
	font-size: 9pt;
	line-height: 13pt;
	background-color: #DFDFDF;
}
#mousehelp_head {
	display: block;
	border-bottom: 1px solid #333333;
	margin-bottom: 3px; padding-bottom: 2px;
}

.image_preview
{
	width: 510px;
}

#bgrepeat
{
	background-image: url('layout/topbg.gif');
	background-repeat: repeat-x;
	background-position: top center;
}

/*

@media screen and (min-width: 400px) and (max-width: 1400px)
{
	.pagecontent
	{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}

	.image_preview
	{
		width: 420px;
	}
}

*/

.itemlist
{
	display: block;
	vertical-align: middle;
	height: 24px;
	background-image: url('layout/bcircle.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}


/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
	position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
		position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

#jssor_1 { position: relative; margin: 0 auto; width: 1920px; max-width: 100% !important; height: 570px; overflow: hidden; visibility: hidden; }
#dyna_width_1 { cursor: default; width: 1920px; height: 570px; overflow: hidden; position: relative; }


#cookiebar
{
	display: block;
	position: fixed;
	bottom: 0px; left: 0px;
	z-index: 999;
	width: 100%; height: 72px;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	visibility: visible;
}

#cookiebar_in
{
	background-color: #333333;
	height: 70px;
	margin-top: 1px;
}

#cookiebar_text
{
	color: #F0F0F0;
	padding: 10px;
	font-size: 12pt;
	position: relative;
}

#cookiebar_link
{
	color: #DD2222 !important;
}

#cookiebar_button
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 140px;
	height: 27px;
	color: #F0F0F0 !important;
	background-color: #DD2222 !important;
	text-align: center;
	padding-top: 3px;
	cursor: pointer;
}

.banner_image
{
	border-radius: 0px !important;
	outline: none !important;
	image-rendering: pixelated !important;
	background-repeat: no-repeat;
	background-position: top center !important;
	width: 1920px;
	height: 570px !important;
}


/* -------------------------------------------------------------------------- */

#pg_register_banner
{
	margin: 0px;
	padding: 0px;
	height: 340px;
	width: 100% !important;

	background-image:url('layout/subbanner-register.jpg');
	background-repeat: no-repeat;
	background-position: center center;

	image-rendering: pixelated !important;
	text-align: center;
	vertical-align: middle;

  background-size: auto auto;
}