@charset "utf-8";



/* CSS Document */



@font-face {



    font-family: 'Swis721LtCnBTLight';



    src: url('font/swisscl-webfont.eot');



    src: url('font/swisscl-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/swisscl-webfont.woff') format('woff'),

    url('font/swisscl-webfont.ttf') format('truetype'),

    url('font/swisscl-webfont.svg#Swis721LtCnBTLight') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'Swis721LtCnBTLight';



    src: url('font/swisscl-webfont.eot');



    src: url('font/swisscl-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/swisscl-webfont.woff') format('woff'),

    url('font/swisscl-webfont.ttf') format('truetype'),

    url('font/swisscl-webfont.svg#Swis721LtCnBTLight') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'Swis721CnBTRoman';



    src: url('font/swz721c_0-webfont.eot');



    src: url('font/swz721c_0-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/swz721c_0-webfont.woff') format('woff'),

    url('font/swz721c_0-webfont.ttf') format('truetype'),

    url('font/swz721c_0-webfont.svg#Swis721CnBTRoman') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'Swis721CnBTBold';



    src: url('font/swz721bc_0-webfont.eot');



    src: url('font/swz721bc_0-webfont.eot?#iefix') format('embedded-opentype'),

    url('font/swz721bc_0-webfont.woff') format('woff'),

    url('font/swz721bc_0-webfont.ttf') format('truetype'),

    url('font/swz721bc_0-webfont.svg#Swis721CnBTBold') format('svg');



    font-weight: normal;



    font-style: normal;



}



body {



    font: 12px Verdana, Arial, Helvetica, sans-serif;



    margin: 0;



    padding: 0;



    color: #000;



}



ul, ol, dl {



    padding: 0;



    margin: 0;



}



h1, h2, h3, h4, h5, h6, p {



    margin: 0;



    padding: 0;



}



a img {



    border: none;



}



a:link {



    color: #000;



    text-decoration: none;



}



a:visited {



    color: #000;



    text-decoration: none;



}



a:hover, a:active, a:focus {



    text-decoration: underline;



}



.wrap {



    width: 1000px;



    background-color: transparent;



    margin: 0 auto;



}



#header {



    width: 1000px;



    height: 94px;



    padding: 0;



    margin-top: 0px;



    margin-right: auto;



    margin-bottom: 0;



    margin-left: auto;



}



#header .logo {



    width: 330px;



    float: left;



    padding-top: 0px;



    margin: 18px 0px 0px 0px;



}



#header .right_text {



    float: right;



    width: 175px;



    text-align: center;



    margin: 40px 20px 0 0;



}



.content {



    padding: 10px 0 10px 10px;



}



.content p {

    padding: 0px 0px 15px 0px;

    line-height: 20px;

    text-align: justify;

    line-height: 20px;

}



.content h1 {



    margin: 0px 0px 15px 0px;



    font-family: 'Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-weight: bold;



    font-size: 22px;

    border-bottom: double 3px #999;



}



#slider_box {



    width: 1000px;



}



#slider_box .left_box {



    width: 749px;



    height: 383px;



    float: left;



}



#slider_box .left_box_home {



    /*background:url(images/video-bg.jpg) left top no-repeat; */



    width: 749px;



    /*height:380px;*/



    height: 390px;



    float: left;



    overflow: hidden;



}



#slider_box .right_box {



    width: 241px;



    height: 370px;



    background: transparent url(images/right_box.png) no-repeat left top;



    float: right;



    padding-top: 20px;



    padding-right: 10px;



}



.price {



    color: #8B8A8A;



    font-family: 'Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-size: 19px;



    font-weight: bold;



    line-height: 22px;



    margin-left: 40%;



    margin-top: 5px;



    width: 50px;

}



.proname {



    color: #8B8A8A;



    font-family: 'Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-size: 19px;



    font-weight: bold;



    line-height: 22px;



    text-align: center;



    margin: 5px auto;



    /*  margin-left: 40%;

  

      margin-top: 5px;

  

      width: 50px;*/



}



.proname1 {



    color: #8B8A8A;



    font-family: 'Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-size: 11px;



    font-weight: bold;



    text-align: center;



    margin-top: 10px;



}



#button1 {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    background: url(images/button1.png) no-repeat center top transparent;



    font-weight: bold;



    font-size: 15px;



    width: 172px;



    height: 41px;



    line-height: 41px;



    color: #fff;



    padding-left: 0px;



    text-align: center;



    margin: 12px 0px 15px 30px;



}



#button1 a {

    color: #fff;

    text-decoration: none;

}



#button1 a:hover {

    text-decoration: underline;

}



#button2 {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    background: url(images/msync.png) no-repeat center top transparent;



    font-weight: bold;



    font-size: 15px;



    width: 221px;



    height: 41px;



    line-height: 41px;



    color: #fff;



    padding-left: 0px;



    text-align: center;



    margin: 12px 0px 15px 30px;



}



#button2 a {

    color: #fff;

    text-decoration: none;

}



#button2 a:hover {

    text-decoration: underline;

}



#subscribe {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;

    background: url(images/view_download.png) no-repeat center top transparent;

    background-size: 150px;

    font-weight: bold;

    font-size: 15px;

    width: 110px;

    height: 26px;

    color: #fff;

    text-align: center;

    padding: 8px 11px 8px 20px;

    border: 0px;

    cursor: pointer;

    text-transform: uppercase;



}



#search {



    background: url("images/search.png") no-repeat scroll center top transparent;



    border: 0 none;



    color: #FFFFFF;



    cursor: pointer;



    float: right;



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-size: 15px;



    font-weight: normal;



    height: 37px;



    margin-top: 4px;



    text-align: center;



    text-transform: uppercase;



    width: 200px;



    float: left;



}



#button1 a {

    color: #fff;

    text-decoration: none;

}



#button1 a:hover {

    text-decoration: none;

}



#header2 {



    background: transparent url(images/header2.png) no-repeat center top;



    height: 138px;



    width: 978px;



    margin: 0px auto 20px;



    padding-top: 20px;



    padding-right: 10px;



    padding-left: 10px;



}



#h_left {



    width: 420px;



    font-family: Arial, Helvetica, sans-serif;



    font-size: 11px;



    color: #535353;



    float: left;



    margin: 20px 0px 0px;



    /*margin:0 auto; */



    padding-left: 20px;



    padding-top: 30px;



}



#h_left > table {

    margin-bottom: 15px;

}



#h_left label {

    font-size: 14px;

    text-transform: uppercase;

    height: 25px;

    font-weight: bold

}



#h_right {



    color: #535353;



    float: right;



    font-family: Arial, Helvetica, sans-serif;



    font-size: 11px;



    margin-right: 20px;



    margin-top: 12px;



    padding-left: 15px;



    padding-top: 10px;



    width: 415px;



}



#download {



    width: 165px;



    height: 20px;



    background: transparent url(images/download_btn.png);



    color: #535353;



    font-family: Arial, Helvetica, sans-serif;



    font-size: 10px;



    font-weight: bold;



    padding-top: 8px;



    text-transform: uppercase;



    text-align: center;



    margin-left: 3px;



}



#download a {

    color: #535353;

    text-decoration: none;

    outline: none;

}



#download a:hover {

    text-decoration: none;

}



#view_download {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    font-weight: bold;



    font-size: 15px;



    background: transparent url(images/view_download.png) no-repeat center top;



    width: 172px;



    height: 40px;

    margin: 15px 0px 0px;



    line-height: 40px;



    color: #fff;



    text-transform: uppercase;



    text-align: center;

    display: block;

    text-decoration: none;



}



#view_download a {

    text-decoration: none;

    color: #fff;

}



#view_download a:hover {

    text-decoration: none;

}



.textarea_box {



    font-family: Arial, Helvetica, sans-serif;



    font-size: 11px;



    color: #535353;



    border: 1px #dedede solid;



    background-color: transparent;



    height: 20px;



    padding-left: 10px;



    padding-top: 5px;



    width: 190px;



    margin-right: 3px;



}



/* ~~ The footer ~~ */



#footer {



    background: #dedede;



    height: 110px;



    width: 950px;



    color: #000;



    margin-bottom: 15px;



    padding-top: 5px;



    padding-right: 10px;



    padding-bottom: 0px;



    padding-left: 20px;



    margin-top: 0px;



    margin-right: auto;



    margin-left: auto;



}



#footer a {

    color: #000;

}



#footer a:hover {

    text-decoration: underline;

}



#footer .left_footer {



    width: 570px;



    font-family: Verdana;



    font-size: 12px;



    float: left;



    /* line-height:25px;*/



    padding-left: 0px;



}



#footer .right_footer {



    width: 380px;



    float: right;



    text-align: right;



    padding-top: 2px;



}



.hrClass {



    width: 5000px;



}



.copyright {



    width: 400px;



}



.fltrt {



    float: right;



    margin-left: 8px;



}



.fltlft {



    float: left;



    margin-right: 8px;



}



.clearfloat {



    clear: both;



    height: 0;



    font-size: 1px;



    line-height: 0px;



}



.content ul {



    margin: 0px 0px 0px 30px;



    padding: 0px;



}



.content li {



    margin: 0px 0px 0px 0px;



    padding: 0px;



    list-style: disc;



    font-size: 13px;



    line-height: 26px;



}



#scroll {

    position: relative;

    top: 115px;

    left: 80px;

}



#scroll li {

    margin: 0;

    padding: 0;

    list-style: none;

    position: absolute;

    top: 0;

}



#scroll li, #scroll a {

    height: 15px;

    display: block;

}



#first {

    left: 0px;

    width: 20px;

    background: url(images/scroll.jpg) 0 0;

}



#first a:hover {

    background: url(images/scroll.jpg) 0 -45px;

}



#first a.active {

    background: url(images/scroll.jpg) 0 -45px;

}



#second {

    left: 30px;

    width: 20px;

    background: url(images/scroll.jpg) 0px 0;

}



#second a:hover {

    background: url(images/scroll.jpg) 0px -45px;

}



#second a.active {

    background: url(images/scroll.jpg) 0px -45px;

}



#third {

    left: 60px;

    width: 20px;

    background: url(images/scroll.jpg) -0px 0;

}



#third a:hover {

    background: url(images/scroll.jpg) 0px -45px;

}



#third a.active {

    background: url(images/scroll.jpg) 0px -45px;

}



.cloude {



    background: url(images/cloude-v3.jpg) left top no-repeat;



    height: 169px;



    width: 227px;



}



.label {

    font-size: 14px;

    text-transform: uppercase;

    height: 25px;

    font-weight: bold;

    float: left;

    margin: 15px 20px 0px 0px;

}



.contact_form {



    width: 465px;



    margin: 0px padding : 15 px;



}



.contact_form fieldset {



    background: none repeat scroll 0 0 #DCDCDC;



    border: 1px solid #000000;



    padding: 10px 0 15px 25px;



}



.contact_form legend {



    background: none repeat scroll 0 0 #6C6C6C;



    border: 1px solid #000000;



    color: #FFFFFF;



    font: 16px arial;

    font-weight: bold;



    padding: 5px 15px;



}



.contact_form ul {



    margin: 30px 0px 0px 0px;



    padding: 0px;



    list-style: none;



}



.contact_form li {



    margin: 0px 0px 10px 0px;



    list-style: none;



}



.contact_form label {



    font-size: 12px;



    font-family: Arial, Helvetica, sans-serif;



    width: 100px;



    float: left;



}



.contact_form input {



    width: 300px;



    border: solid #999 1px;



    /*height:22px;*/

    height: 34px;



    padding: 2px



}



.input {



    border: solid 1px #cfcfcf;



    width: 280px;



    height: 26px;



}



.input_search {



    border: solid 1px #cfcfcf;



    width: 200px;



    height: 26px;



    float: left;



}



.contact_form textarea {



    width: 300px;



    border: solid #999 1px;



    height: 66px;



}



#submit {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    background: url(images/subscribe.png) no-repeat center top transparent;



    font-weight: normal;



    font-size: 15px;



    height: 34px;



    color: #fff;



    text-align: center;



    padding: 0px 0px 0px 0px;



    border: 0px;



    cursor: pointer;



    text-transform: uppercase;

    width: 112px;

    margin: 0px 0px 0px 95px;



}



.contract {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    background: url(images/contract.png) no-repeat center top transparent;



    font-weight: normal;



    font-size: 15px;



    height: 34px;



    color: #fff;



    text-align: center;



    padding: 0px 0px 0px 0px;



    border: 0px;



    cursor: pointer;



    text-transform: uppercase;

    width: 112px;



    float: left;



    margin-bottom: 15px;



}



.facebook_ilke {

    width: 120px;

    float: right

}



.facebook_ilke {

    text-align: center !important

}



/*.ilike {float:left; margin-right:15px !important;}*/



.ilike {

    float: left;

    margin-right: 15px !important;

}



#wPLYTtl {

    padding: 0px !important;

}



.music_form {



    width: 600px;



    padding: 10px;



    margin: auto;



    height: 230px;



}



.m_data {



    width: 250px;



    float: left;



    font-family: Arial, Helvetica, sans-serif;



    line-height: 2;



    font-size: 13px;



    color: #535353;



}



.headings {

    font-family: Arial, Helvetica, sans-serif;

    color: #999;

    font-weight: bold;

    font-size: 15px;

}



/*********** Business Technolgies **********/



.logintext h2 {

    text-align: center;

    font-size: 25px;

    text-decoration: underline;

    color: #8F8F8F;

    font-weight: bold;

    margin: 12px 0;

    font-family: Arial, Helvetica;

}



.logintext td strong {

    margin: 0 45px 0 12px;

    /*float:right;*/



}



.logintext .input {

    width: 302px;

}



.logintext input[type="button"] {

    margin: 0px 0 10px 0;

}



.logintext span {

    float: left;

    width: 100%;

    color: #8F8F8F;

    margin: 27px 0 18px 0;

}



input:focus {

    outline: none;

}



input[type="text"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="number"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="email"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="password"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="url"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="range"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="month"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



input[type="time"]:focus {

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



textarea:focus {

    outline: none;

    border: solid 1px #cfcfcf;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



#thankyou_message {

    position: fixed;

    background: rgba(0, 0, 0, .75);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    display: none;

    z-index: 10000;

    text-align: center;

}



#thankyou_message div {

    width: 366px;

    position: absolute;

    left: 34%;

    top: 35%;

    margin: auto;

    background: white;

    border-radius: 10px;

    padding: 25px 8px 25px 15px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    font-size: 12px;

    font-family: verdana;

    color: #838383;

}



#thankyou_message div h1 {

    color: #000;

    font-size: 23px;

    font-family: inherit;

}



#thankyou_message div p {

    padding: 19px 0 0px 0;

    color: #000;

}



#thankyou_message_screen {

    position: fixed;

    background: rgba(0, 0, 0, .75);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    display: none;

    z-index: 10000;

    text-align: center;

}



#thankyou_message_screen div {

    width: 366px;

    position: absolute;

    left: 34%;

    top: 35%;

    margin: auto;

    background: white;

    border-radius: 10px;

    padding: 25px 8px 25px 15px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    font-size: 12px;

    font-family: verdana;

    color: #838383;

}



#thankyou_message_screen div h1 {

    color: #000;

    font-size: 23px;

    font-family: inherit;

}



#thankyou_message_screen div p {

    padding: 19px 0 0px 0;

    color: #000;

}



.myelement_video #myElement {

    margin: 0 auto;

}



#thankyou_forgotpassword {

    position: fixed;

    background: rgba(0, 0, 0, .75);

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    display: none;

    z-index: 10000;

    text-align: center;

}



#thankyou_forgotpassword div {

    width: 366px;

    position: absolute;

    left: 34%;

    top: 35%;

    margin: auto;

    background: white;

    border-radius: 10px;

    padding: 25px 8px 25px 15px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    font-size: 12px;

    font-family: verdana;

    color: #838383;

}



#thankyou_forgotpassword div h1 {

    color: #000;

    font-size: 23px;

    font-family: inherit;

}



#thankyou_forgotpassword div p {

    padding: 19px 0 0px 0;

    color: #000;

}



/*********** Business Technolgies **********/

.logsign strong {

    text-align: left;

}



.logsign h2 {

    text-align: center;

    color: #a09292;

    font-size: 1.5em;

    font-weight: normal;

    margin: 0px;

    text-decoration: none !important;

}



span.unsubs {

    display: inline-block;

    padding-top: 2%;

}



.bottomMenu {



}

.bottomMenu :last-child::after {
    content: '' !important;
}

.bottomMenuItem {

    display: inline-block;

    line-height: 2.2em;

}



.bottomMenuItem img {

    vertical-align: middle;

}



.bottomMenuItem .cloudIcon img {

    width: 35px;

    margin-right: 5px;

}

.bottomMenuItem .storeIcon img {

    width: 20px;

}

.bottomMenuItem a {
    font-size: 1.2em !important;
}

.bottomMenuItem::after {
    content: "|";
    display: inline-block;
    margin: 0 10px;
}

.bottomMenuItem :last-child::after {
    content: "";
}
.bottomMenuItemLast {
  display: inline-block;
    line-height: 2.2em;  
}

.bottomMenuItemLast img {

    vertical-align: middle;

}



.bottomMenuItemLast .cloudIcon img {

    width: 35px;

    margin-right: 5px;

}

.bottomMenuItem .storeIcon img {

    width: 20px;

}

.bottomMenuItemLast a {
    font-size: 1.2em !important;
}

.bottomMenuItemLast::after {
    content: "";
    display: inline-block;
    margin: 0 10px;
}
.button1 {



    font-family: ' Swis721CnBTBold', Arial, Helvetica, sans-serif;



    background: url(images/button1.png) no-repeat center top transparent;



    font-weight: bold;



    font-size: 15px;



    width: 172px;



    height: 41px;



    line-height: 41px;



    color: #fff;



    padding-left: 0px;



    text-align: center;



    margin: 12px 0px 15px 30px;



}



.button1 a {

    color: #fff;

    text-decoration: none;

}



.button1 a:hover {

    text-decoration: underline;

}

.shipinfo{

    margin-top:10px ;

    margin-bottom:10px ;

    font-family: Arial;

}

.biopage div#myElement_display_button {
    display: none !important;
}

.billingpage #purchase_div1{
display:none;	
}