html,body{width:100%;height:100%;padding:0;background:#fff;margin:0;font-family:arial; background-image:url(../../img/new-home/login-bg.jpg);}
a{text-decoration:none}
.container{width:262px;margin:0 auto;padding-top:200px}
#bar{width:100%;height:70px;padding:0px; background-color:#FFFFFF;}
#container{max-width:1050px;margin:0 auto;}
#loginContainer{position:relative;float:right;font-size:12px}
#loginButton,.mylog-register{display:inline-block;float:right;background:#d2e0ea url(../../img/new-home/buttonbg.png) repeat-x;border:1px solid #899caa;border-radius:3px;-moz-border-radius:3px;position:relative;z-index:30;cursor:pointer}
.mylog-register{ margin-left:20px;}
#loginButton span{color:#445058;font-size:14px;font-weight:700;text-shadow:1px 1px #fff;padding:7px 29px 9px 10px;background:url(../../img/new-home/loginArrow.png) no-repeat 53px 7px;display:block}

.mylog-register span{color:#445058;font-size:14px;font-weight:700;text-shadow:1px 1px #fff;padding:7px 10px 9px 10px;display:block}

#loginButton:hover,.mylog-register:hover{background:url(../../img/new-home/buttonbgHover.png) repeat-x}
#loginBox{position:absolute;top:34px;right:0;display:none;z-index:29}
#loginButton.active{border-radius:3px 3px 0 0}
#loginButton.active span{background-position:53px -76px}
#loginButton.active em{position:absolute;width:100%;height:1px;background:#d2e0ea;bottom:-1px}
#loginForm{width:348px;border:1px solid #899caa;border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;margin-top:-1px;background:#d2e0ea;padding:6px}
#loginForm fieldset{margin:0 0 12px;display:block;border:0;padding:0}
fieldset#body{background:#fff;border-radius:3px;-moz-border-radius:3px;padding:10px 13px;margin:0}
#loginForm #checkbox{width:auto;margin:1px 9px 0 0;float:left;padding:0;border:0;*margin:-3px 9px 0 0}
#body label{color:#3a454d;margin:9px 0 0;display:block;float:left}
#loginForm #body fieldset label{display:block;float:none;margin:0 0 6px}
#loginForm input{width:92%;border:1px solid #899caa;border-radius:3px;-moz-border-radius:3px;color:#3a454d;font-weight:700;padding:8px;box-shadow:inset 0 1px 3px #bbb;-webkit-box-shadow:inset 0 1px 3px #bbb;-moz-box-shadow:inset 0 1px 3px #bbb;font-size:12px}
#loginForm #login{width:auto;float:left;background:#339cdf url(../../img/new-home/loginbuttonbg.png) repeat-x;color:#fff;padding:7px 10px 8px;text-shadow:0 -1px #278db8;border:1px solid #339cdf;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 12px 0 0;cursor:pointer;*padding:7px 2px 8px 2px}
#loginForm span{text-align:center;display:block;padding:7px 0 4px}
#loginForm span a{color:#3a454d;text-shadow:1px 1px #fff;font-size:12px}
input:focus{outline:none}

.customerlogintxts{ max-width:360px; color:#ff0000; float: right;text-align: center;line-height: 25px;}
.customerlogintxts a{color:#214385;}
.mylog-logo{ width:50%; float:left;}
.mylog-logo img{ max-width:250px; margin-top:8px; }
#loginContainer{ width:49%; float:right; margin-top:20px;}
.mylog-content{ max-width:1050px; margin:auto; background-image:url(../../img/new-home/flower-pot.png); background-repeat:no-repeat; height:500px; background-position:0px 15px;}
.mylog-title{font-family:'GillSansLight'; font-size:40px; color:#000000; line-height:80px; float:left; width:100%; text-align:center; margin-top:10px;}
.mylog-book{width:420px; float:left; margin-left:260px;}
.mylog-book img{width:100%; margin-top:50px;}
.mylog-world-wide{width:350px; float:right;}
.mylog-world-wide p{font-family:'GillSansLight'; font-size:22px; text-align:center; line-height:35px; font-weight:bold; color:#292929;}
.mylog-world-wide img{max-width:350px; margin-top:10px;}
.mylog-partners{font-family:'GillSansLight'; font-size:25px; text-align:center; margin-bottom:20px;}
.mylog-partners span{border-bottom:4px solid #002d50; font-weight:bold; padding:0px 5px;}

.mylog-conversion{ width:335px; float:left; margin-left:270px; margin-top:12px;}
.mylog-distribution{ width:335px; float:right;}
.mylog-format-name{ width:100%; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; line-height:50px;}
.mylog-format-img{ width:125px; float:left;}
.mylog-format-img img{ width:100px;}
.mylog-distribution .mylog-format-img img{ margin-top:15px;}
.mylog-format-btn{ width:50%; float:left; text-align:left; margin-top:50px;}
.mylog-format-btn a{ background-color:#214385; color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:14px; border-radius:7px; padding:10px 20px; font-weight:bold;}
.mylog-format-btn a:hover{ color:#000000;}
.mylog-footer{ height:50px; background-color:#002d50; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; float:left; width:100%; line-height:50px; margin-top:20px;letter-spacing:1px;}

.mylog-register-content {background: #fff none repeat scroll 0 0;border: 1px solid #9f9f9f;border-radius: 5px; margin:auto; max-width:1050px;padding: 28px 22px; margin-top:28px;}
.mylog-register-inner {border: 1px solid #e0e0e0;border-radius: 5px;}
.mylog-register-inner .title {background: #eee none repeat scroll 0 0;border-bottom: 1px solid #e0e0e0;}
.mylog-register-inner .title h2 {color: #424242;font-family: "Open Sans",sans-serif;font-size: 15px;font-weight: 600;line-height: 22px;margin: 0;padding: 12px 0 12px 20px;}
.mylog-register-inner table{ min-width:450px; margin-left:100px; line-height:45px;}
.mylog-register-inner table td{padding:5px !important;}
.mylog-register-inner input[type="text"],.mylog-register-inner input[type="password"],.mylog-register-inner input[type="email"],.mylog-register-inner select {
    background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;display: block;font-size: 14px;line-height: 1.42857;padding: 7px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%;}
.mylog-register-inner select{ width:100%;}
.mylog-register-inner input[type="submit"] {
    background: #579ddb;
    color: #fff;
    padding: 6px 17px; font-weight:bold;
    border-radius: 3px; border:0px;
    line-height: initial;
}
.mylog-forgot-icon{ width:100%; text-align:center;}
.mylog-forgot-icon img{max-width:85px; margin-top:15px;}
.mylog-man{ color:#FF0000; font-size:18px;}



@font-face{font-family:'GillSansLight';src:url("../../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot");src:url("../../fonts/99f44245-9d58-4190-a64e-a3376f8b53b3.eot?#iefix") format("eot"),url("../../fonts/bef137ae-8972-46a3-9a77-f0453736e755.woff") format("woff");font-weight:normal;font-style:normal}

@media (max-width:1080px)
{
#container{ margin:0px 15px;}
.mylog-world-wide {float: left;text-align: center;width: 100%;}
.mylog-conversion{ width:335px; float:left; margin-left:100px; margin-top:0px;}
.mylog-distribution{ width:335px; float:right; margin-right:100px;}
}
@media (max-width:890px)
{
#container{ margin:0px 15px;}
.mylog-world-wide {float: left;text-align: center;width: 100%;}
.mylog-conversion{ width:335px; float:left; margin-left:40px; margin-top:0px;}
.mylog-distribution{ width:300px; float:right; margin-right:40px;}
}
/*@media (max-width:801px)
{
.mylog-footer{ margin-top:5px!important;}
}
@media (min-width:800px)
{
.mylog-footer{ margin-top:105px!important;}
}
@media (max-width:700px)
{
.mylog-footer{ margin-top:5px!important;}
}*/
@media (max-width:760px)
{
.mylog-content{ background-image:none;}
.mylog-book{ margin:auto; text-align:center; margin-left:0px; width:100%;}
.mylog-book img{ max-width:350px; margin-top:10px;}
.mylog-title{font-size:25px; line-height:50px; margin-top:10px;}
.mylog-conversion{ float:none; margin:auto;}
.mylog-distribution{ float:none; margin:auto; width:335px;}
.mylog-distribution .mylog-format-name{ float:left;}
.mylog-footer{letter-spacing:0px;}
}