*{ -moz-box-sizing: border-box; box-sizing: border-box; } .head{ /*background-color: #949494;*/ background-color: #FFF; } header h1, footer, .contentWrapper { /*max-width: 1200px;*/ margin: 0 auto; } h1, h2, h3 { margin: 0; margin-bottom: 0; } .rnd2px { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .rnd5px { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .rnd10px { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rnd15px { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } div.center{ margin : 0 ; width : auto ; } div.inner{ margin : auto ; } .expando1 { width:100%; background-color:#f2f2f2; color: #696969; padding: 2px; margin-bottom: 1px; cursor: pointer; } .wrapper { min-height: 625px; width: 90%; z-index:0; background-color: #F5F5F5; /*background-color: #A7A7A7;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(../assets/images/buttons/menu-select-down.png?v=1.1); background-repeat: no-repeat; background-position: right center; border: 1px solid #000000; padding-left:3px; padding-right:20px; height:auto !important; } .DivTA { position: inherited; width: 100%; padding-left: 5px; padding-right: 5px; z-index:0; background-color: #FFF; /*background-color: #EAEAEA;*/ height: auto; } .VidXMain{ margin-left: 5%; background-color: #CCC; max-width: 55%; margin-bottom: 5px; padding: 8px; float: left; } video.Vmain{ width: 100%; background-color: #FFF; height: auto; max-height: 540px; } img { width:auto; max-width: 100%; height: auto; } img.asize{ width:auto; max-width: 100%; height: auto; } img.T_logo-sm{ width:auto; max-width: 100%; height: auto; vertical-align: sub; } .indent { text-indent: 10px; } .text_grey { color: #666; font-size: 75%; } .text_gold { color: #39F; font-size: 115%; } .text_usermode { font-size: 75%; color: #CCC; } .no-bullet { list-style-type: none; } .nowrap { white-space: nowrap; } .menulink { line-height: 1.05; font-size: 100%; background-color: #F0F0F0; border: 1px solid #00CED1; padding: 5px; color: #666; text-decoration: none; white-space: nowrap; padding: 5px; box-shadow: 1px 1px 1px #80dfff; } .menulink1 { line-height: 1.05; font-size: 100%; background-color: #F0F0F0; color: #09C; text-decoration: none; white-space: nowrap; font-weight: bold; padding: 5px; border: 2px solid #00CED1; box-shadow: 1px 1px 1px #80dfff; } .menulink_num { font-size: 50%; padding-left: 2px; color: #D1D1D1; } .submenulink { line-height: 0.85; font-size: 80%; background-color: #F0F0F0; border: 1px solid #0CF; padding: 5px; color: #666; text-decoration: none; white-space: nowrap; } .submenulink1 { line-height: 0.85; font-size: 80%; background-color: #F0F0F0; border: 2px solid #0CF; padding: 5px; color: #09C; text-decoration: none; white-space: nowrap; font-weight: bold; } .submenulink:hover, .submenulink1:hover { font-size: 85%; } .textlink { line-height: 1.05; font-size: 100%; color: #666; text-decoration: none; } .pdflink { line-height: 1.05; font-size: 100%; color: #09F; text-decoration: none; } .textlink:hover, .menulink:hover, .menulink1:hover, .pdflink:hover { font-size: 105%; } .JustLeft { text-align: left; text-align-last:left; } .JustCenter { text-align: center; text-align-last:center; } .JustRight { text-align: right; text-align-last: right; } .left { float: left; } .right { float: right; } .floatL { float: left; } .floatR { float: right; } .p05{ margin-left: 0.5%; } .p1{ margin-left: 2%; } .pfull{ font-size: 87.5%; line-height: 1.25; width: auto; max-width: 100%; margin: 5px 5px 5px 5px; padding: 0.5%; margin-left: 10px; padding: 8px; } .figures_M-L{ font-size: 87.5%; line-height: 1.25; width: 40%; margin-bottom: 5px; padding: 8px; } .figures_M-R{ font-size: 87.5%; line-height: 1.25; width: 55%; margin-bottom: 5px; padding: 8px; } .figures_R{ font-size: 87.5%; line-height: 1.25; min-width: 250px; max-width: 35%; padding: 8px; } .figures_L{ font-size: 87.5%; line-height: 1.25; width: auto; min-width: 250px; max-width: 55%; padding: 8px; } .C_SalesBar { background-color: #F0F0F0; clear: both; } .C_P { /*color: #3A3A3A;*/ /*background-color: #F6F6F6;*/ color: #666; background-color: #F9F9F9; /*background-color: #F0F0F0;*/ } .C_T1 { color: #666; background-color: #f2f2f2; } .C_T1h { color: #666; background-color: #e6e6e6; /* #d9d9d9 */ } .C_N { background-color: #F0F0F0; /*background-color: #D8D8D8;*/ } .bluestar { font-size: 115%; color: #09F; } .foot{ display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-color: #FFF; } .footer { background: url(../assets/images/buttons/footerW_SPRITE.png?v=1.02); } .footerL { background: url(../assets/images/buttons/footerLW_SPRITE.png?v=1.02); } .footerM { background: url(../assets/images/buttons/footerMW.png?v=1.02); } .footer, .footerL { width: 100%; height: inherit; min-height: 111px; max-width: 100%; padding-bottom: 0%; background-size: 100% 200%; display: block; } .footerM { width:auto; max-width: 100%; min-height: 80px; max-height: 111px;; padding-bottom: 0%; background-size: 100% 100%; display: block; } .footer:hover, .footerL:hover { background-repeat: no-repeat; -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -o-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); -webkit-transform: scaleY(1.1); -moz-transform: scaleY(1.1); -o-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } .footer, .footerL, .footerM { background-position: 0px 0px; } .footer:hover, .footerL:hover { background-position: 0px -110px; } .pct105:hover{ background-repeat: no-repeat; -webkit-transform: scaleX(1.05); -moz-transform: scaleX(1.05); -o-transform: scaleX(1.05); -ms-transform: scaleX(1.05); transform: scaleX(1.05); -webkit-transform: scaleY(1.05); -moz-transform: scaleY(1.05); -o-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } .pct110:hover { background-repeat: no-repeat; -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -o-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); -webkit-transform: scaleY(1.1); -moz-transform: scaleY(1.1); -o-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } .pct115:hover { background-repeat: no-repeat; -webkit-transform: scaleX(1.15); -moz-transform: scaleX(1.15); -o-transform: scaleX(1.15); -ms-transform: scaleX(1.15); transform: scaleX(1.15); -webkit-transform: scaleY(1.15); -moz-transform: scaleY(1.15); -o-transform: scaleY(1.15); -ms-transform: scaleY(1.15); transform: scaleY(1.15); } .foot-backward { float: right; background: url(../assets/images/buttons/foot-backward.png?v=1.01); background-repeat:no-repeat; background-size:contain; background-position:center; height: 46px; width: 5%; min-width: 46px; } .foot-forward { float: right; background: url(../assets/images/buttons/foot-forward.png?v=1.01); background-repeat:no-repeat; background-size:contain; background-position:center; height: 46px; width: 5%; min-width: 46px; } .foot-up { float: right; background: url(../assets/images/buttons/foot-up.png?v=1.01); background-repeat:no-repeat; background-size:contain; background-position:center; height: 46px; width: 5%; min-width: 46px; } .foot-backward:hover, .foot-forward:hover, .foot-up:hover{ background-repeat: no-repeat; -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -o-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); } .sysv { color: #cccccc; } @media (max-width: 459px){ .wrapper, .DivTA{ width: 100%; } .VidXMain{ margin-top: 2%; margin-left: 5%; max-width: 100%; } .footer{ background: url(../assets/images/buttons/footerW_SPRITE-459.png?v=1.03); } .footerL{ background: url(../assets/images/buttons/footerLW_SPRITE-459.png?v=1.03); } .footerM { background: url(../assets/images/buttons/footerMW_SPRITE-459.png?v=1.03); } .footer, .footerL { min-height: 26px; width: 100%; height: inherit; max-width: 100%; padding-bottom: 0%; background-size: 100% 200%; display: block; } .footerM { width:auto; max-width: 100%; max-height: 26px; padding-bottom: 0%; background-size: 100% 100%; display: block; } .footer:hover, .footerL:hover{ background-position: 0px -26px; } } @media (max-width:960px){ .VidXMain{ margin-top: 2%; margin-left: 5%; max-width: 100%; } .footer{ background: url(../assets/images/buttons/footerW_SPRITE-960.png?v=1.03); } .footerL{ background: url(../assets/images/buttons/footerLW_SPRITE-960.png?v=1.03); } .footerM { background: url(../assets/images/buttons/footerMW_SPRITE-960.png?v=1.03); } .footer, .footerL { min-height: 53px; width: 100%; height: inherit; max-width: 100%; padding-bottom: 0%; background-size: 100% 200%; display: block; } .footerM { width:auto; max-width: 100%; max-height: 53px; padding-bottom: 0%; background-size: 100% 100%; display: block; } .footer:hover, .footerL:hover{ background-position: 0px -53px; } .menulink{ display: block; line-height: 1.2; background-color: #F0F0F0; border: 1px solid #0CF; } .menulink1{ display: block; line-height: 1.2; background-color: #F0F0F0; border: 2px solid #0CF; } } @media (max-width:1366px){ .footer{ background: url(../assets/images/buttons/footerW_SPRITE-1366.png?v=1.03); } .footerL{ background: url(../assets/images/buttons/footerLW_SPRITE-1366.png?v=1.03); } .footerM { background: url(../assets/images/buttons/footerMW_SPRITE-1366.png?v=1.03); } .footer, .footerL { min-height: 76px; width: 100%; height: inherit; max-width: 100%; padding-bottom: 0%; background-size: 100% 200%; display: block; } .footerM { width:auto; max-width: 100%; max-height: 76px; padding-bottom: 0%; background-size: 100% 100%; display: block; } .footer:hover, .footerL:hover{ background-position: 0px -76px; } } @media (min-width: 1367px){ .wrapper, .DivTA{ max-width: 1920px; } }