* {
    margin: 0;
    padding: 0;
}
a > img {
    border-style: none;
}
body {
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    background: #FFF url(http://c38729.r29.cf2.rackcdn.com/bg.jpg) repeat-x fixed;
}
noscript p {
    padding: 15px;
}

/* MASTER LAYOUT 
----------------------------------------------------------*/
#shadow {
    width: 1076px;
    background: url(http://c38729.r29.cf2.rackcdn.com/bg_shadow.png) repeat-y;
    margin-left: auto;
    margin-right: auto;
}
#page {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#header {
    background: url(http://c38729.r29.cf2.rackcdn.com/bg_header.jpg) repeat-x;
    width: 940px;
    height: 107px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
    text-align: left;
}
#top-nav {
    float: right;
    width: 748px;
    height: 20px;
    list-style: none;
    margin-top: 8px;
}
#top-nav > li {
    float: right;
    padding-right: 10px;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    color: #6A737B;
    position: relative;
}
#top-nav > li > a {
    color: #6A737B;
    text-transform: uppercase;
    text-decoration: none;
}
#top-nav > li > a:hover {
    color: #455560;
}
/* region submenu */
#region {
    width: 398px;
}
#mainbuttons {
    clear: both;
    float: right;
    width: 434px;
    height: 25px;
    list-style: none;
    margin-top: -40px;
    margin-right: -30px;
}
#mainbuttons li {
    float: left;
    margin-right: 7px;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background-color: #009DC9;
    width: 140px;
    height: 25px;
}
#mainbuttons li a {
    margin-top: 5px;
    color: #FFF;
    text-decoration: none;
    display: block;
    width: 140px;
    height: 25px;
}
#mainbuttons li:hover {
    color: #FFF;
    background-color: #5ACAEC;
    width: 140px;
    height: 25px;
}
#mainbuttons #mainbutton-last {
    margin-right: -10px;
}
#logo {
    clear: both;
    background: url(http://c38729.r29.cf2.rackcdn.com/logo_transoft_new.png) no-repeat;
    width: 180px;
    height: 56px;
}
#logo a {
    display: block;
    width: 175px;
    height: 56px;
}
#menu-nav {
    clear: both;
    background-color: #E4E5E6;
    width: 940px;
    height: 22px;
    list-style: none;
    padding: 0 30px;
    padding-top: 7px;
}
#menu-nav > li {
    float: left;
    padding-right: 30px;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    cursor: pointer;
}
#menu-nav > li > a {
    color: #6A737B;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
#menu-nav > li > a:hover {
    color: #455560;
}
#menu-nav #menu-tollfree {
    margin-right: -40px;
    color: #009DC9;
    font-size: 11px;
    float: right;
    cursor: default;
}
/* hover menu */
.hovermenu-nav {
    position: relative;
}
.hovermenu {
    position: absolute;
    border: 2px solid #CCC;
    background-color: #E4E5E6;
    left: -80px;
    top: 16px;
    padding: 6px 12px 18px 0;
    z-index: 1000;
    display: none;
}
.hovermenu > div {
    font-family: Verdana, Sans-Serif;
    float: left;
    padding: 0 9px 0 18px;
    border-right: 1px solid #CCC;
}
.hovermenu > div.last-hovermenu {
    border: none;
}
.hovermenu p {
    color: #6A737B;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 12px;
    font-size: 12px;
}
.hovermenu ul {
    list-style-type: disc;
    margin-left: 18px;
    line-height: 1.5em;
    color: #6A737B;
    font-size: 12px;
}
.hovermenu a {
    color: #6A737B;
    text-decoration: none;
    font-size: 12px;
}
.hovermenu a:hover {
    color: #455560;
}

#footer {
    clear: both;
    background: #E4E5E6 url(http://c38729.r29.cf2.rackcdn.com/bg_footer.jpg) repeat-x;
    width: 1000px;
    padding-top: 30px;
}
#footer-nav {
    width: 1000px;
    height: 235px;
    border-bottom: 1px solid #FFF;
}
#footer-nav li {
    float: left;
    list-style: none;
    line-height: 1.5em;
    padding: 0 50px 0 50px;
    border-right: 1px dotted #6A737B;
    height: 175px;
}
#footer-nav li span {
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #009DC9;
    text-transform: capitalize;
}
#footer-nav li a {
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    color: #6A737B;
    text-decoration: none;
}
#footer-nav li a:hover {
    color: #455560;
}
#footer-nav #footer-lastsection {
    border-right: 0 dotted #000;
}
#facebook-link {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQANUAAD1dmjpamPb29lhslOfo6dre5lJmobK51+zt7TdekniVzFhnm1F6ulhqpD1XiEhgjzpUhlltlU5rlzdRg36SxEtkn1x4qvHz9kVinuPk5VRupkBaiy1IfNne5iVBc+rr7PHx8nWNwTFLfzROgY+cwERcjU9smaivtHyLuY+gxEVdjURci2d/sDNXjDVbkPv7+z5vs4OYy/z8/E5mlrO62ClMiE1po0FgnDNWijRXlklmoUd7vEVjn1FspWZ8rwAAACH5BAAAAAAALAAAAAAQABAAAAahwELkMSsaj49IYUA60J7Q6IE0WKF82KwWi1KVNL2weBzWlDa2tNqWushk6o1DR6/r3O+6A8Lr+3lvLH8QExg3h4hviDcYEyMVAJEAL5SVkRUjIgYBnAECn6CcBiIcDTmnqCAgqDkNHB4LNbKzCAizNQseCQo7vb4EBL47CgktIQwwyckZGcoMIS4mFhQx1dUfH9YUFiYdEjjg4Scn4TgSHUEAOw%3D%3D);
    background-repeat: no-repeat;
    padding-left: 22px;
}
#twitter-link {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAACSLyyCEx6fY47jg6cTl7CKg2rPe6K3b5sbm7tDr8+X0+5TK2WKqtJzP32Osueb0+r3i7H68ynK2wFaksMrn8GWstoXAz1yotZvN3efz9qfW5ySn397t79fu96HR4KTX4hx/wXGzwYzE1He3xrvh66rW4Nju9mqwvRh+wjCr4CKS0KnW38fm78zp8cvp8tHr9NLs9cbk8SuLycjm77Dc50Op27rh67Xf6Z3P4IDK6bng6aXY4i6l3CCZ1cPl7ana5MXl7S+RzqfV6jij2cPj8JnN3onL6Lff7b/j7Mro8qHW4cXl77ng6prT39fu9rrg6bXe8NDr9Pv+/+Lz+UmfqgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAAfEgBkeGlCFhocaHhkYClKOj5COChhFD1OXmJmXDzgNJk6gHR2gpKAmDQtRqjEgIDCqsKoLIkm1RCgoLwm7LrVJIhZLwi0BxcUyLcJLFhFIzhQA0dFBFM5IESMQTEwzKipCCOE22xAjISQGBj5DPTVHLCw36SQhJ0wHBzRGBfwFPAj4mJxwMECAQR05UmzYkAKIwQEOLgxQQlHJDwIYCeygOODChBIfmogcSfJDiQkVJKx4wrKlyxUSKnBgQKWmzZs1GXAIBAA7);
    background-repeat: no-repeat;
    padding-left: 22px;
}
#linkedin-link {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAADCGxy2Lykqf1zGJyTOHyCuFxiiExmys10eb1JjF5G2t10KJvdLg60J5ryZvp0aX0tPi7lCV0F+PxzmGumip1b7b8kGHvCiFxjSCtzF+tD2KvVCg1lWUz1mUzy5wpUyW0Vqp3i16sfD2+2SQxzqLwA52vHKv2F+Uzoa95RtooSt2rSBrpC1voyhyqkSX0iiIyEOZ0yqIyDeGxkad1iqDxRp8wBZjnTKGxxl+wTmIvdLl8imGxyyIyDWEuhB3vHy020CTzyeCxTSJyT2LyabM5hVinDyOzDmKyjCOzDmQzi6JyVao3Wy041Gk2miVzkeXyL/c8w9cl////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAAfLgBALJE+FhockCxAWCRVQj5CRFQkWPShMGyYmG0ydnkwoORogSwpSUgpLqqtLIBoTTU0HpwextrYTGAICLxQUOAHBAUgzuxgZCAgxpyWnOlIiBzAIGSEPLjvMp9siPA8hKh9AF6c+p0Q/pxcfKi0RRgWnNacF8VIFES0OHEcAp0GnAPiTAoCDgxUdbhA4JeQUgYVSCHRYkeIEjQGnkpwagFHKgBMpbEiQYUCJSZMGSioZIqGIhwYjnMicSXNEAw8MWETZybPnThYMAgEAOw%3D%3D);
    background-repeat: no-repeat;
    padding-left: 22px;
}
#youtube-link {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAPvNzd/m6ffMzGxtbvrOzfebm+Pq7fScnPvMzLXBx+Tq7a67wLxOQN5nVNdpVO44OK66wXh6fMAvLuzw8sMpKPSAgO7x8/BWRbs8P/emprouLu9oVe46MsItK/JhT7a7vqg5O7bCx+rt7mhoaam2vau4vu9KO+o5Of///2doaO40NKWzurAnKENCQrG+xIOFhu3V1bA+P/ekpfm/v62xs/GDg/jY2N40M667wYeJinx+f+BFPre8vu9ravvLzPnZ2eh4cV9gYJmcnUpKScvO0Pvm5o+Rkv7y8sPIylBPT/JmZvvLy2hpabK/xWlpari9v8LHyoGDhUVEROyMjPCmpVlYWPiysnByc9vi5tbf4+0uMOvw8t5sVsPO0pscH+0qLPz9/dLb4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAAfPgCILIV2FhochCyIlE2COj5COEyU4FlstRC1bm5ybFk0JCgY6TjlGVUIvSC8GBgoJLgEBT1JQIzQjKTwpsgEuEFjBQ1gDHwPFA8FYECRZzklZEUFREUxXzlkkK2Hc3d7eKxgcX+Tl5uQcGBQmMkc+WvBL8PMmFB0XKggqGRUZCFYVZiBQcqGDBA8PACQsAABAgQIoHHqQoGHDCQIXDxAgcOAAiho9Nmhg0WCHgBtUfghYOcVGESANWMRg4ICLzZs4HTCIAQOEl59Ag/4EASMQADs%3D);
    background-repeat: no-repeat;
    padding-left: 22px;
}
#rss-link {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAPmiRficPvjHpPiZOvzn2NJ0Q/Th1/ibRfu4c/SdV/WSPPifUd9wKdloJfidS+Z7MOWGTf7Xr+h+MfeeUfmmXNFyQuN1LOFzK9trJueITvmkSOqBN+qBM/SfXPiaP/iXOfjk2fvfy/miV+OAPPq8g91uKOV4Lv3r3f3s3vjAmPSaWfWQOve2i/q0df3m1fieQud9NPzcw/eROPqrVvSKM/jBmf3gx+l/NPaufvvUt/i1gfWROPWQPvmjV/aWQvjBm/706/7y6fmiVPiiVfaXP/egVfeSNfOPRfiZRPq+i/iiR/iiUPeSM/SMNfKGM/vgzdVlJfaHJv7w4/SPOfORS/SKNPaTNvWROvGBMfrKpvzi0Pm7i/rOr/WcUtNkJf749PWNNvaqcveQNf3t4feUNPeRMfeWN/WYTfi2gf738v3v5fSSQvesdPeVP/WkZv3lz/qrZPmfQfmlSPCJOf7ZsPmoZM9gJP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAAfZgCAZG3OFhocbGSAQJBF0j5CRESQQMAhLCgpESnKdnjMINxwaK3d3BAJdLwCsrBocEnFTprQCV3G4uBIPATtObixqpgRrAcYBDyYDTSECYVgpw2AD1CYWH1W0IVQ4pgJWZh8WFx40P0+maSo1pmdkHhcMB2VGPGxfd1pHQXdcTAcMSjhok8OFDjSmtmS5M8aHgxIYFkwwdaIIijsxkpiasABDAxFDgNx5I8bGHSktTFEQ0QBKAhkU4CCJAqemkJo9EngpMKJDnZ9Ag3YYUcBABTtIkypFWsFAIAA7);
    background-repeat: no-repeat;
    padding-left: 22px;
}
#partner-logos {
    margin-top: 18px;
    line-height: 1em;
}
#partner-logos > span {
    margin-bottom: 6px;
    display: block;
}
#partner-logos > a {
    display: block;
    width: 65px;
    height: 20px;
}

#copyright {
    background-color: #E4E5E6;
    list-style: none;
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    text-align: center;
    color: #6A737B;
    height: 25px;
    padding-top: 10px;
    border-bottom: 1px solid #939BA1;
}
#content-holder {
    margin-bottom: 50px;
}
#content-holder > h1 {
    padding: 9px 0 0 50px;
    height: 35px;
    background: url(http://c38729.r29.cf2.rackcdn.com/bg_h1.jpg) repeat-x;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    font-family: Lucida Sans Unicode;
}
#page-submenu {
    margin-top: -4px;
    background-color: #009DC9;
    height: 33px;
}
#page-submenu a {
    display: block;
    float: left;
    font-size: 12px;
    font-family: Verdana;
    color: #FFF;
    padding: 9px 26px 0 26px;
    border-right: 1px solid #FFF;
    text-decoration: none;
    height: 24px;
    font-weight: bold;
}
#page-submenu a.last-submenu {
    border: none;
}
#page-submenu a:hover {
    background-color: #5ACAEC;
}
#page-submenu a.selected-submenu, #page-submenu a.selected-submenu:hover {
    background-color: #B44D3F;
}
#page-content, #page-wrapper {
    margin: 33px 60px 10px 50px;
}
#page-content p, #page-content ol, #page-content ul {
    line-height: 1.5em;
}
#page-wrapper p, #page-wrapper ol, #page-wrapper ul {
    line-height: 1.5em;
}
#page-banner {
    display: block;
    margin: 0;
    margin-top: -9px;
}
#page-content a {
    text-decoration: none;
    color: #009DC9;
    font-weight: bold;
}
#page-content a:hover {
    text-decoration: underline;
}

/* LOADING AREA 
----------------------------------------------------------*/

#loading-message {
    position: absolute;
    display: none;
    z-index: 9999;
    background: url(http://c38729.r29.cf2.rackcdn.com/ajax_loading.gif) no-repeat;
    width: 220px;
    height: 19px;
}

/* TOOLTIP STYLES
--------------------------------------------------------*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    opacity: 1;
    padding: 5px;
}
#tooltip h3 {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
}
#tooltip div {
    margin: 0;
}

/* FLOATING SIDE BAR
--------------------------------------------------------*/
#floating_sidebar {
 position:fixed;
 left: 0;
 top: 100px;
}


/* BANNER STOP
--------------------------------------------------------*/
#banner-stop {
    position: absolute;
    left: 850px;
    top: -50px;
    list-style: none;
}
#banner-stop li {
    float: left;
    margin-right: 5px;
    border: 2px solid #455560;
    background-color: #455560;
    color: #FFF;
    font-size: 10px;
    cursor: pointer;
    width: 24px;
    height: 18px;
    text-align: center;
    padding-top: 8px;
}
#banner-stop li.active-banner {
    background-color: #FFF;
    color: #455560;
    font-weight: bold;
}
/* SIDE SHOPCART
--------------------------------------------------------*/

div#shopcart-holder {
    display: none;
    position: absolute;
    left: -105px;
    top: 57px;
}
div#shopcart {
    width: 300px;
    border: solid 1px #CCC;
    background-color: #FFF;
    font-size: 10px;
}
div#shopcart p.float-left, div#shopcart p.float-right {
    width: 130px;
    padding: 4px 8px 4px 8px;
}
div.shopcart-itemname {
    cursor: pointer;
    padding: 8px 8px 4px 8px;
}
div.shopcart-itemdetail {
    cursor: pointer;
}
div.shopcart-itemdetail ul {
    list-style: none;
    margin: 2px 10px;
    padding: 0;
}
div.shopcart-itemsub {
    border-bottom: 1px solid #CCC;
}
div#shopcart-summary {
    padding: 4px 8px 4px 8px;
    border-bottom: 1px solid #CCC;
}
a.shopcart-remove {
    width: 100px;
    padding: 4px 14px 4px 8px;
    float: right;
    display: block;
    text-align: right;
    color: #000;
    font-weight: normal;
}
a#shopcart-close {
    width: 142px;
    padding: 4px;
    float: left;
    display: block;
    text-align: center;
    color: #FFF;
    height: 12px;
    background-color: #009DC9;
    text-decoration: none;
}
a#shopcart-close:hover, a#shopcart-checkout:hover {
    color: #FFF;
    background-color: #5ACAEC;
    text-decoration: none;
}
a#shopcart-checkout {
    width: 141px;
    padding: 4px;
    float: right;
    display: block;
    text-align: center;
    color: #FFF;
    height: 12px;
    background-color: #009DC9;
    text-decoration: none;
}
div#shopcart-json {
    display: none;
}

/* OTHERS 
--------------------------------------------------------*/

.red-font {
    color: Red;
}
.gray-font {
    color: #6A737B;
    font-size: 10px;
}
.strong-font {
    font-weight: bold;
}
.full-width {
    width: 100%;
}
.gray-box {
    padding: 10px;
    background-color: #E4E5E6;
}
.hide {
    display: none;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear {
    clear: both;
}
.solid-top {
    border-top: 1px solid #000;
}
.solid-bottom {
    border-bottom: 1px solid #000;
}
.point-cursor {
    cursor: pointer;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
input.standard-input {
    width: 180px;
}
select.standard-input {
    width: 182px;
}
table {
    border-spacing: 0;
}
.disclaimer {
    color: #6A737B;
    font-size: 10px;
    text-decoration: none;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #CCC;
    -moz-border-radius: 8px;
    border-radius: 8px;
    clear: both;
}
.navigate-button {
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background-color: #009DC9;
    width: 140px;
    height: 25px;
    cursor: pointer;
    margin: 12px;
    padding-top: 1px;
}
.navigate-button:hover {
    background-color: #5ACAEC;
    width: 140px;
    height: 25px;
}
.navigate-button[disabled="disabled"]:hover {
    background-color: #5ACAEC;
    width: 140px;
    height: 25px;
}