@charset "utf-8";
html, body {
	margin: 0!important;
	padding: 0!important;
}
body {
	background:#fff url(../images/bg.gif) top repeat-x;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
        text-align: left
}
a, a:visited, a:link, a:active {
	color:#00318c;
	text-decoration:none;
}
a:hover {color:#073c9f;}

a.big {
	font-size:18px;
	color:#ff0000;
        text-decoration: underline
}

a.big:hover {
	color:#4e4e4e;
}

img{border:0;}
ul{list-style:none}
#container, .footer span{
	margin:0 auto;
	width:985px;
	padding:0;
}
.header, .header h1, .header h3, .header h4, .main, .main-box, .main h2, .main p, .main-title, .main-title h2, .menu li, .mcnt, .vsmb, .vsmc, .vsmd, ul.stb, .stb li, .rytcnt, .leftcnt, .rbox, .rbox p, .lftvid, .footer, .footer p, .footer li, .wslp ul, .wslp li, .wslp ul, .wslu ul, .wslu li, .wslu li a, .wslu li b, .wslu li p, .wslu li span, .wslu li strong, #loading, .lft-ssub, .lft-ssub span, a.xlink, .dvdlu ul, .dvdlu li, ul.promo-box, .promo-box li {
	float:left;
	margin:0;
	padding:0
}
.header h1{
	background:url(../images/one-bg.png) no-repeat;
	text-indent:-99999px;
}
.header h3, .header h4{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}
.header{
	position:relative;
	width:985px;
}
.header h1{
	width:286px;
	height:50px;
	margin:3px 0 0 10px
}
ul.menu{
	float:right;
	width:auto;
	margin:13px 0 10px;
	padding:0
}

.main-box{
	width:963px;
	border:1px solid #b0eafa;
	background:#e4f8ff;
	margin:30px 0;
	padding:10px;
}

.main-title{
	position:relative;
	width:931px;
        padding: 15px;
	border:1px solid #d8d8d8;
	background:#f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
}

.main-title h2{
        width: 100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
        font-weight: bold;
}

.main{
	position:relative;
	width:931px;
        min-height: 600px;
	border:1px solid #d8d8d8;
	background:#fefefe;
        padding: 15px;
        margin: 0px;
        border-top: 0;
}

.main h2{
        width: 100%;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
        font-weight: bold;
        padding-bottom: 5px;
}

.main p{
        width: 100%;
        padding-bottom: 15px;
}


.menu li{
	display:inline-block;
	padding:5px 5px 7px;
	background:url(../images/mdv.gif) top right repeat-y;
}
.menu li:last-child{ background:none}
.menu li a{
	display:block;
	padding:4px 10px;
	font-size:12px;
	color:#555;
	text-shadow:1px 1px 0 rgba(255,255,255,.4);
}
.menu li a:hover, .menu li.sltd a{
	background:#e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.header h3{
	width:100%;
	margin:15px 0 0 0px;
	font-size:24px;
	text-align:center;
	letter-spacing:-1px
}

.header h4{
	width:100%;
	margin:0 0 15px 0;
	font-size:20px;
	color:#00318c;
	text-align:center;
	letter-spacing:-1px
}

ul.stb {
	width:954px;
        height: auto;
        margin: 0 1px 15px 0;
}

.stb li{
        background:url(../images/arrow.gif) left no-repeat;
        text-indent: 15px;
}

.stb li{
	display:inline;
        width: 318px;
        margin:5px 0 5px 0; 
}

.stb li a, .stb li a:visited, .stb li a:link, .stb li a:active {
	height:26px;
	text-align: left;
}

.stb li a:hover {
	text-decoration:underline;
}

.wslu li, .wslu li a{
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.wslu ul, .wslu li, .wslp ul, .wslp li, .dvdlu ul, .dvdlu li {
	display:inline;
	margin:10px 0 0 0;
	width:955px;
	list-style:none;
}

.lft-ssub {
	margin:10px 0px 10px 10px;
	width:707px;
        text-align: left;
}

.lft-ssub span {
        padding-left: 6px;
}

.lft-ssub span a{
        color: #154700;
        text-decoration: underline;
}

a.xlink {
        font-weight: bold;
        font-size: 24px;
        color: #154700;
        text-decoration: underline;
        text-align: center;
        line-height: 40px;
        width: 726px;
        text-transform: uppercase;
}

.wslp li {
	margin:5px 0 15px 15px;
	width: 220px;
        height: 235px;
	background:#fff;
}

.wslp li p img  {
	border:1px solid #bfbfbf;
	margin:0;
        max-width: 200px;
        text-align: center;
        max-height: 235px;
}

.wslu li {
	margin:5px 15px 25px 0;
	width:176px;
	background:#fff;
        border: 1px solid #bfbfbf;
}

.wslu li a, .wslu li b, .wslu li p {
	font-weight:bold;
	font-size:13px;
	color:#154700;
	text-decoration:none;
}

.wslu li b, .wslu li a {
	background:#f9e491;
        width: 164px;
	margin:2px;
        padding: 4px;
	color:#16170f;
	overflow:hidden;
}


.wslu li a {
	background:none;
}

.wslu li p img  {
	border:1px solid #bfbfbf;
        width: 164px;
	margin:0;
}

.wslu li p {
	 width:176px!important;
	 text-align:center;
}

.wslu li p a {
	 	background:none;
}

.wslu li span {
	width:176px!important;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
        padding: 2px 6px 0 6px;
	text-align:left;
}

.wslu li strong {
	width:8px!important;
	font-size:13px;
	font-weight:bold;
	color:#188add!important;
	text-decoration:none;
        line-height: 16px;
	text-align:left;
        padding: 2px 0 0 6px;
}

a.wsl {
	width:142px!important;
	font-size:12px;
	font-weight:bold;
	color:#4e4e4e!important;
	text-decoration:none;
        padding: 2px 0 4px 0!important;
	text-align:left;
}

a:hover.wsl {
	text-decoration:underline;
}

.dvdlu li {
        position: relative;
	margin:0 7px 10px 9px;
        height: 257px;
	width:343px;
	background: #f9e491;
        border: 1px solid #bfbfbf;
}

.dvdlu li h3  {
        position: absolute;
        top: -5px;
        left: 52px;
	font-size:14px;
	font-weight:bold;
}

.dvdlu li span.desc  {
        position: absolute;
        width: 171px;
        top: 28px;
        left: 162px;
}

.dvdlu li span.time  {
        position: absolute;
        top: 174px;
        left: 162px;
}

.dvdlu li span.added  {
        position: absolute;
        top: 194px;
        left: 162px;
}

.dvdlu li b a{
        position: absolute;
        top: 222px;
        left: 162px;
        width: 165px;
        padding: 5px;
	font-size:14px;
	font-weight:bold;
        text-align: center;
        background: #16170f;
        color: #fff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
        display: block;
        cursor: pointer;
}

.dvdlu li p img  {
        position: absolute;
        top: 6px;
        left: 6px;
	border:1px solid #bfbfbf;
	margin:2px 0;
}

.vsmb{
	position:relative;
	width:984px;
	margin: 20px 0 20px 0;
}

.vsmc{
	position:relative;
	width:410px;
	border:1px solid #d8d8d8;
	background:#f2f2f2;
	padding:12px 0;
	margin:5px 15px 0 65px;
}
.vsmc p{
	float:right;
	width:320px;
	line-height:20px;
        font-size: 18px;
	padding:0;
	margin:0 20px 0 0;
}

.vsmc p strong{
        font-weight: bold;
	color: red;
}

.vsmc span{
	position:absolute;
	top:-17px;
	left:-55px
}

.vsmd{
	position:relative;
	width:820px;
	border:1px solid #d8d8d8;
	background:#f2f2f2;
	padding:12px 0;
	margin:5px 15px 0 65px;
        text-align: center;
}
.vsmd a{
	width:660px;
        color: red;
	line-height:20px;
        font-size: 20px;
        font-weight: normal;
	padding:0;
	margin:0;
        text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
}

.vsmd a:hover{
	text-decoration: underline;
}

.vsmd span{
	position:absolute;
	top:-17px;
	left:-55px
}

.toptext{
        float: left;
	width:100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 26px;
        padding-top: 25px
        display: inline; 
}

.pcont{
        float: left;
	width:650px;
        height: auto;
        text-align: center;
        margin: 10px 0 0 0;
        padding-left: 35px;
        display: inline; 
}

ul.promo-box{
	width:542px;
	border:1px solid #b0eafa;
	background:#e4f8ff;
	margin: 0 0 30px 0;
	padding:10px;
        list-style-type: none;
}

.promo-box li{
        background-image: url(../images/okicon.png);
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 20px 20px;
	width:542px;
        font-size: 17px;
        font-weight: bold;
        text-indent: 25px;
        padding: 10px 0;
}

.leftcnt{
	float:left;
	width:564px;
	margin:0;
        padding: 0;
}

.rytcnt{
	float:left;
	width:400px;
	margin:30px 0 30px 20px;
	padding:0;
        display: inline;
}

.rbox{
        position: relative;
	width:378px;
        height: 220px;
	margin:0 0 17px 0;
	border:1px solid #d8d8d8;
	background:#f2f2f2;
	padding:10px;
}

.rbox img{
	width:378px;
        height: 220px;
}

.rbox p{
        position: absolute;
        bottom: 25px;
	width:410px;
        text-align: center;
        color: #fff;
	line-height:18px;
	font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #666,
                    3px 3px 8px black;
}

.lftvid{
	width:664px;
	height:228px;
	margin:20px 0 0 0;
	border:1px solid #e8e8e8
}
.rytvid{
	float:right;
	width: 260px;
        height: 188px;
	margin:20px 0 0 0;
	padding:20px;
	border:1px solid #d8d8d8;
	background:#f2f2f2;
	text-align: center;
}

.rytvid a{
        font-size: 28px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 48px;
	color:#4e4e4e;
}

.rytvid a strong{
        color: red;
        font-size: 30px;
        text-shadow: 1px 1px 1px #666,
                    1px 1px 1px #d8d8d8;
}

.vsmc, .ljoin, .ljoin-main, .ljoin fieldset, .rbox, .main-box{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.footer{
	position:relative;
	width:100%;
	background:#fbfbfb url(../images/bgftr.gif) top repeat-x;
	padding:20px 0;
	min-height:230px
}
.footer span{
	display:block;
}
.footer p{
	width:100%;
	line-height:20px;
	font-size:12px;
	color:#000;
	text-align:center;
	margin:0 0 20px;
}

.mlbutton, .mlbutton:hover, .mlsubmit, .mlsubmit:hover{
        width: 300px;
        padding: 5px;
	font-size:14px;
	font-weight:bold;
        text-align: center;
        background: #f9e491;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #a0a0a0;
	color:#434343;
        margin: 15px 0 0 8px;
        cursor: pointer;
}

.mlbutton:hover, .mlsubmit:hover{
        background: #feffdf;
}

.mlsubmit, .mlsubmit:hover{
        width: 130px;
}

.mlcode{
        width: 100px;
        padding: 5px;
	font-size:14px;
	font-weight:bold;
        text-align: center;
        background: #fff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #a0a0a0;
	color:#434343;
        margin: 15px 0 0 8px;
}





@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */

}
|:-moz-any-link:focus {
outline: none;
}
input[type="image"]:focus {
	outline: none;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
abbr[title], acronym[title] {
	border-bottom: none;
}
*:focus {
	outline : none;
}

.code-button 
{
  background-color: #7fbf4d;
  border: 1px solid #1898d1;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	margin:5px 0 25px 25px!important;
        width: 495px;
        padding:10px;
        text-decoration:none;
        margin: 20px 0;
    cursor: pointer; 
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e9e7e7));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -moz-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -ms-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -o-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: linear-gradient(top, #f2f2f2, #e9e7e7);
	color:#4e4e4e!important;
}
.code-button:hover, code-button:focus 
{
  background-color: #7fbf4d;
  border: 1px solid #53d0fc;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e9e7e7));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -moz-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -ms-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: -o-linear-gradient(top, #f2f2f2, #e9e7e7);
  background-image: linear-gradient(top, #f2f2f2, #e9e7e7);
}

.code-button h5
{
 margin-top: 5px!important;
}

.code-button small
{
 width: 350px!important;
}