@import url(reset.css);
@import url(960.css);
@import url(text.css);
@import url(browsers.css);
@import url(jquery.fancybox.css);
/*
 Theme Name: iMaxell
 Author: Ivor Padilla
 Theme URI: http://themeforest.net
 Author URI: http://ivorpadilla.net
 Version: 1.0
 Modified 2010 by aifarfa
*/
/************************************************************************
 TABLE OF CONTENT
 
 1.- HOMEPAGE
 ------------------------------------------------------------------------
 1.1.- GENERAL STYLES & MAIN STRUCTURE
 1.2.- NAVIGATION AND HEADER
 1.3.- BANNER
 1.4.- MAIN CONTENT
 1.5.- TWITTER
 1.6.- FOOTER RELATED
 ************************************************************************/
/* 1.1 General Styles & Main Structure */
body {
    background: #fff;
    font-family: Arial, sans-serif;
    color: #5b5b5b;
}

#page {
    background: transparent url(../img/bg.jpg) repeat-x;
    /*fixed position for additional header*/
    background-position: left top;
}

#page-inner {
    background: transparent url(../img/bg-inner.jpg) repeat-x;
    /*fixed position for additional header*/
    background-position: left top;
}

small {
    font-size: 0.9em;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

a:link, a:visited {
    color: #5b5b5b;
    text-decoration: none;
}

#product-detail p a {
    color: #6677BB;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #7766BB;
    text-decoration: underline;
}

h1 {
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 15px; 
    margin-left: 0px; 
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; 
    font-size: 32px; 
    color: #444444; 
    font-weight: normal; 
    text-shadow: #b2b2b2 1px 1px 2px; 
    padding: 0px;
    /*	font-size:2em;*/
}

h2 {
    font-size:1.8em;
}

h3 {
    font-size:1.5em;
}

h4 {
    font-size:1.2em;
}

h5 {
    font-size: 1.0em;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #212121;
}

#cu3er-container {
    width: 920px;
    outline: 0;
}

/*1.2 Navigation and Header
 -------------------------------------------------------------------------*/
#logo {
    margin-top: 9px;
}

#logo a {
    display: block;
    /*background: transparent url(../img/logo.png) no-repeat;*/
    height: 34px;
    width: 189px;
    /*text-indent: -9999px;*/
    float: left;
}

#logo small {
    color: #fff;
    margin: 8px 0 0 3px;
    float: left;
}

#buttons {
    height: 25px;
    margin-top: 15px;
    padding-top: 0;
    margin-bottom: 0;
}

ul#buttons li {
    float: right;
    margin-right: 12px;
    margin-left: 4px;
}

a.sign-up {
    background: url(../img/signup.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 97px;
    height: 22px;
}

a.login {
    background: url(../img/login.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 97px;
    height: 22px;
}

a:hover.login {
    background: url(../img/login.png) no-repeat 0 -22px;
}

a:hover.sign-up {
    background: url(../img/signup.png) no-repeat 0 -22px;
}

.event {
    width: 100%;
    margin: 20px auto 0px;
}

#header {
    height: 38px;
    margin: 20px auto;
}

#header ul li {
    margin: 0;
    padding: 0;
}

#top-nav {
    /*background: transparent url(../img/cross-pattern-bg.jpg) repeat scroll 0 0;*/
    float: right;
    margin-right: 20px;
}

#top-nav ul{
    list-style: none inside none;
}

#top-nav ul li{
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: center;
}

#top-nav li a {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #464646;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 6px;
    text-decoration: none;
}

#top-nav li a strong {
    text-shadow: 0 0 1px #ccc;
}

#top-nav li a span {
    color: #727272;
    display: block;
    font-size: 11px;
    line-height: 15px;
}

#top-nav ul.menu-bar li a:hover{
    border: 1px solid #D0D7D8;
}

#header .app-menu li a {
    background-image: url("../img/navbg.png");
    background-repeat: no-repeat;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 38px;
    text-decoration: none;
    width: 103px;
}

#header .app-menu #go-home {
    background-position: left top;
    width: 222px;
}

#header .app-menu #go-home:hover {
    background-position: 0 -38px;
}

#header .app-menu #go-product {
    background-position: -310px 0px;
}

#header .app-menu #go-product:hover {
    background-position: -310px -38px;
}

#header .app-menu #go-contact {
    background-position: -414px 0px;
}

#header .app-menu #go-contact:hover {
    background-position: -414px -38px;
}

#header .app-menu #go-download {
    background-position: -517px 0px;
}

#header .app-menu #go-download:hover {
    background-position: -517px -38px;
}

#header .app-menu #go-eshop {
    background-position: -620px 0px;
}

#header .app-menu #go-eshop:hover {
    background-position: -620px -38px;
}

#search-box {
    float: right;
    height: 38px;
    /*margin-right: 38px;*/
    overflow: hidden;
}
#search-box form {
    margin-top: 4px;
}
#search-box legend {
    display: none;
}
#search-box .submit {
    display: none;
}

.app-menu #search-box {
    background-image: url("../img/navbg.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 38px;
    width: 288px;
    margin-top: 0px;
    position: relative;
}

.app-menu #search-box .text {
    background: url("../img/search_icon.png") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    margin-left: 18px;
    margin-top: 9px;
    padding-left: 20px;
}

.app-menu #search-box .text input {
    background: url("../img/search_input.png") repeat-x scroll left top;
    border: 0 none;
    color: #6D6D6D;
    float: left;
    height: 16px;
    margin: 0;
    padding: 3px 0 0;
    width: 140px;
}

/*1.3 Banner
 -------------------------------------------------------------------------*/
#banner-left {
    margin-top: 18px;
}

#banner-left h1 {
    color: #333;
    line-height: 27pt;
    font-size: 1.8em;
    word-spacing: 0.2em;
    margin: 0px 10px;
    padding: 4px 20px;
    /*border-right:1px solid #a6a6a6;*/
}

#breadcrumb p {
    /*border-left:1px solid #fafafa;*/
    color: #333;
    float: left;
    font-size: 1.1em;
    line-height: 27pt;
    margin-bottom: 0px;
    padding-top: 0px;
}

#breadcrumb a {
    text-decoration: underline;
}

#banner {
    background: transparent url(../img/banner-bg.png) no-repeat scroll left top;
    margin-top: -2px;
    padding-top: 25px;
    position: relative;
    padding-bottom: 0px;
    position: relative;
    height: 300px;
    zoom: 1;
}

#banner-inner {
    background: url(../img/lights-inner.png) no-repeat left top;
    height: 64px;
    position: relative;
    margin-top: -1px;
    zoom: 1;
}

#slider-container {
    position: relative;
    z-index: 50;
    background: url(../img/browser.png) no-repeat bottom center;
    height: 281px;
    margin-top: 19px;
    zoom: 1;
}

#slider-container div.image-slider img {
    position: relative;
    zoom: 1;
    top: 29px;
    left: 13px;
}

/*Remove this _width and put it on the ie.css*/
#slider-container .image-slider h2 {
    position: absolute;
    top: 167px;
    left: 12px;
    width: 100%;
}

#slider-container .image-slider h2 span {
    color: #FFF;
    font: bold 22px / 45px Myriad Pro, Arial Sans-Serif;
    letter-spacing: -1px;
    background: #000;
    /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    letter-spacing: 1px;
}

#slider-container .image-slider h2 span.spacer {
    padding: 0 5px;
}

#banner img#phone {
    position: absolute;
    z-index: 1;
    right: 352px;
    top: 100px;
}

#sliderfade li {
    margin: 0;
}

/*this will fix the extra margin on the slider*/
a.pricing {
    display: block;
    background: url(../img/pricing-btn.png) no-repeat;
    height: 53px;
    text-indent: -9999px;
    width: 283px;
}

a:hover.pricing {
    display: block;
    background: url(../img/pricing-btn.png) no-repeat 0 -53px;
    text-indent: -9999px;
}

#s3slider {
    width: 920px; /* important to be same as image width */
    height: 260px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#s3sliderContent {
    width: 920px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
    margin-bottom: 20px;
}

.s3sliderImage strong {
    font-size: 1.4em
}

.s3sliderImage span {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #000000;
    bottom: 7px;
    color: #FFFFFF;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    left: 0;
    line-height: 15px;
    opacity: 0.7;
    padding: 5px 12px;
    position: absolute;
    width: 896px;
}

.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    margin-left: 0;
}

/*1.4 Main Content
 -------------------------------------------------------------------------*/
.push40 {
    padding-top: 20px;
}

/* just remember this, is needed that negative margin? */
/*
 #mainContent #leftContent a {
 text-decoration:underline;
 }*/
#mainContent .thumb-img {
    float: left;
    margin: 0 10px 0 0;
}

#mainContent .cols p {
    /*width: 273px;*/
    margin: 2px 0px 2px 2px;
}

#leftContent {
    margin-left: -10px;
}

#leftContent .box1 {
    background: url("../img/corner.png") no-repeat top left;
    overflow: hidden;
    padding: 20px 0 0 20px;
    height: 290px;
    width: 280px;
}

#leftContent .box1-home {
    background: url("../img/corner.png") no-repeat top left;
    overflow: hidden;
    padding: 20px 0 0 20px;
    width: 350px;
    height:250px;
}

#leftContent .success_story {
    background: url("../img/corner.png") no-repeat top left;
    overflow: hidden;
    padding: 20px 0 0 20px;
    /* width: 350px;
	height:250px;*/
}

#leftContent .box1 a {
    text-decoration: none;
}

#leftContent .section {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.bloglist .bloglist-item {
    border-bottom: #ccc 1px solid;
    list-style: url('../img/bullet.jpg') outside;
    margin-left: 10px;
    padding: 4px;
}
.bloglist .bloglist-item:hover {
    background-color: #eaf2fb;
}
.bloglist .bloglist-item a {
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
    padding: 5px 10px;
}

.latest_news {
    left: 86px;
    margin-right: 27px;
    margin-left: -28px;
}

.latest_news a {
    display: block;
    padding: 5px;
    text-decoration: none;
}

.about-text {
    margin-right: -10px;
    margin-bottom: 50px;
}

.about-text h1 {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
    /*text-transform:uppercase;*/
}

.about-text p.intro {
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*credit Astute theme */
.submit input.cupid-blue,
a.cupid-blue {
    display: inline-block;
    background: #d7e5f5;
    background: -moz-linear-gradient(top, #d7e5f5 0%, #cbe0f5 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7e5f5), to(#cbe0f5));
    border-top: 1px solid #abbbcc;
    border-left: 1px solid #a7b6c7;
    border-bottom: 1px solid #a1afbf;
    border-right: 1px solid #a7b6c7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    color: #323232;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 9px 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;

}

.submit input.cupid-blue:hover,
a.cupid-blue:hover {
    background: #ccd9e8;
    background: -moz-linear-gradient(top, #ccd9e8 0%, #c1d4e8 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd9e8), to(#c1d4e8));
    border-top: 1px solid #a1afbf;
    border-left: 1px solid #9caaba;
    border-bottom: 1px solid #96a3b3;
    border-right: 1px solid #9caaba;
    -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
    box-shadow: inset 0 1px 0 0 #f2f2f2;
    color: #163659;
    cursor: pointer;
}

.submit input.cupid-blue:active,
a.cupid-blue:active {
    border: 1px solid #8c98a7;
    -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
    -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
    box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
}

a.read-more{
    display: inline-block;
    text-decoration: underline;
}

#mainContent .about-text h2 {
    font-size: 1.5em;
    line-height: 26px;
    /*text-transform:uppercase;*/
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

#mainContent .about-text h3 {
    line-height: 26px;
    margin-bottom: 0;
}

#product-page {
    margin-right: -10px;
    margin-bottom: 50px;
}

#product-page .title {
    max-width: 550px;
    margin-bottom: 5px;
    margin-left: 28px;
}

#product-page h1,
#product-page h2 {
    border-bottom: 1px solid #ccc;
    color: #5B5B5B;
    margin-bottom: 0;
}
#product-page .sub-category {
    padding-left: 20px;
    border-bottom: 1px solid #e6e5e5;
    padding: 5px 0 15px;
}
#product-page .sub-header {
    cursor: pointer;
    font-size: 1.4em;
    margin-bottom: 5px;
}
#product-page .sub-header:hover {
    background-color: #eee;
}

#product-page .title small {
    font-size: .88em;
}

#product-page p.intro {
    font-size: 1em;
    border-bottom: 1px solid #e6e5e5;
    margin-left: 10px;
    padding: 5px 0 15px;
}
p.intro a {
    text-decoration: underline;
}

p.headline {
    background-color: #F7F7EF;
    color: #7A7764;
    display: inline-block;
    font-size: larger;
    margin-top: 10px;
    padding: 4px 14px;
    text-align: center;
    width: 100%;
}

.support-page h2 {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 5px;
    text-transform: inherit;
}

.support-page .box1 h3 {
    border-bottom: 1px dotted #CCC;
    line-height: 26px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.support-page .intro {
    font-size: 1.2em;
    margin-top: 20px;
}

.support-page label {
    display: inline-block;
    width: 110px;
}
.support-page table.result {
    margin: 20px auto;
}
.support-page table.result,
.support-page .result td {
    border: #3b5999 solid 1px;
}
.support-page .result th {
    background-color: #dedbd1;
}
.support-page .result th,
.support-page .result td {
    padding: 5px;
}

.downloads-result {
}

.downloads-list {
}

.downloads-list li {
    border-bottom: 1px solid #E6E6E6;
    margin-left: 20px;
    padding: 17px 0 13px;
}

.downloads-list li a {
    color: #2276bb;
    font-size: 14px;
    font-weight: bold;
}

.downloads-list li .title {
    padding-bottom: 9px;
}

.downloads-list li .desc {
}

.downloads-list li .meta {
    margin-bottom: 10px;
    padding: 2px
}

/*********************************************************************************************************
 1.4.1 Showcase
 **********************************************************************************************************/
#showcase {
    position: relative;
    zoom: 1;
}

.scroll {
    height: 652px;
    width: 670px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    zoom: 1;
    clear: left;
}

#showcase .scrollContainer div.panel {
    height: 670px;
}

.img-container {
    padding-bottom: 17px;
    background: url("../img/thumb-container.jpg") no-repeat bottom center;
}

.header {
    border-bottom: 1px dotted #CCC;
    color: #FFFFFF;
	background-color:#EB6F00;
    font-size: 100%;
    font-weight: bold;
	text-align:center;
    margin: 10px 0 10px 0;
}

.headline {
    text-align: center;
    color: #333;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px dotted #CCC;
    margin: 10px 0 10px 0;
}

.box-title {
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 2px;
}

.siteref .model {
    text-transform: uppercase;
}

.siteref .scroller-container {
    height: 90px;
    margin-bottom: 20px;
}

/* 1.4.2 /products
 *******************************************************************************/

#product-list .product-item {
    border-bottom: 1px solid #E6E5E5;
    display: block;
    margin: 2px 20px;
    padding: 10px 0px;
}
#product-list .sub-category li.product-item {
    border-bottom: none;
}
#product-list .new h3 {
    background: transparent url('../img/new-item.gif') no-repeat top right;
    padding-right: 48px;
}

#product-list .product-title {
    font-size: 1.2em;
    line-height: 26px;
    margin-bottom: 10px;
}

#product-list .shortdesc {
    width: 400px;
}

#product-list .product-item a {
    color: #5B5B5E;
}

#product-list .product-item p {
    margin-bottom: 5px;
}

.product-ref {
    color: #ff6600;
    text-transform: uppercase;
}

#product-detail {
    color: #2B2B2B;
    margin-top: 15px;
    margin: 10px 0 20px;
}

#product-detail p {
    margin-bottom: 10px;
}

#product-detail li {
    list-style: square outside;
    margin-bottom: 0.8em;
}

#product-detail table, #product-detail td, #product-detail th {
    border:#dedbd1 1px solid;
}

#product-detail td, #product-detail th {
    padding: 4px 4px 2px 4px;
    vertical-align: middle;
}

/* 1.4.3 /pages/contactus
 *******************************************************************************/
#print-work .title {
    margin-bottom: 20px;
    margin-left: 28px;
}

#print-work p {
    margin: 8px auto
}

#print-work a {
    color: #2276BB;
    text-decoration: underline
}

#print-work span {
    font-weight: bold;
    padding-left: 22px
}

.details1 {
    margin-left: 30px;
}

.address {
    background: url(../img/address-book.png) no-repeat center left
}

.mail {
    background: url(../img/mail.png) no-repeat center left
}

.phone {
    background: url(../img/mobile-phone.png) no-repeat center left
}

.skype {
    background: url(../img/skype.png) no-repeat center left
}

.twitter {
    background: url(../img/twitter.png) no-repeat center left
}

.gwave {
    background: url(../img/gwave.png) no-repeat center left
}

.facebook {
    background: url(../img/facebook.png) no-repeat center left
}

.linkedin {
    background: url(../img/linkedin.png) no-repeat center left
}

label {
    display: none;
}

/*1.4.4 Form Helper
 *******************************************************************************/
.qform {
    padding: 23px 86px;
}

.qform input[type=text] {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #D2D2D2;
    color: #525861;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    max-width: 400px;
    padding: 7px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.qform input[type=text] {
    width: 323px;
}

.qform .input, 
form.advance-search .input {
    margin-bottom: 20px;
}

.qform label {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    width: 90px;
}

.qform .input label.error {
    color: #DA3333;
    width: 90%;
}

.qform .textarea {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #D2D2D2;
    max-width: 440px;
    width: 423px;
    padding: 7px 5px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.qform .textarea textarea {
    color: #525861;
    width: 98%;
}

.qform .textarea label {
    display: none;
}

.qform textarea:focus, .qform input:focus {
    border: 1px solid #929292;
}

.qform button, #contactForm button {
    border: medium none;
    cursor: pointer;
    height: 37px;
    text-indent: -9999px;
    width: 112px;
    margin-left: 180px;
}

.qform button#submit1, .button-submit {
    background: url(../img/button-sprite.jpg) no-repeat scroll 0 0;
}

.qform button:hover#submit1, 
.button-submit:hover {
    background: url(../img/button-sprite.jpg) no-repeat scroll 0 -38px;
}

form.corner-left {
    background:url(../img/corner.png) no-repeat 0 0;
    padding-left: 20px;
    padding-top: 20px;
}
form.advance-search {
    padding-top: 20px;
    margin-bottom: 20px;
}
#sidebar form.advance-search label {
    display: block;
    text-align: left;
    width: auto;
}
.advance-search label {
    color: #525861;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-right: 6px;
    text-align: right;
    width: 78px;
}
form.advance-search div.input select#ProductId {
    width: 244px;
}
form.advance-search div.input select#ProductId option {
    color: #1B72DA;
    text-transform: uppercase;
}

form.advance-search .submit input[type=submit] {
    cursor: pointer;
    font-size: 13px;
    margin-left: 20px;
    min-width: 80px;
    padding: 2px 5px;
}
.nestedtree optgroup {
    font-style: normal;
}
.nestedtree optgroup.level-1 {
    background-color: #fa0;
    color: #F7F7EF;
    text-indent: 0.2em;
}
.nestedtree optgroup.level-2 {
    color: #E67300;
}
.nestedtree optgroup option {
    background-color: white;
    color: #333;
}
.nestedtree option.level-0 {
    font-weight: bold;
}
/* 1.4.5 Questions and Answers
 *******************************************************************************/
.msg-board h2 {
    font-size: 1.4em;
    line-height: 26px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.username {
    color: #3b5999;
    font-size: 100%;
    font-weight: bold;
}

.box {
    background: url("../img/box2-trans.png") repeat-x scroll left top #FFFFFF;
    border: 1px solid #DEDBD1;
    margin: 0 0 15px;
    padding: 18px;
}

.box2 {
    background: url("../img/box2-trans.png") repeat-x scroll left top #F5F4F0;
    border: 1px solid #DEDBD1;
    margin-bottom: 15px;
    padding: 18px;
}

.post .meta {
    border-bottom: 1px dotted #ccc;
    line-height: 25px;
    margin-bottom: 10px;
}

.reply {
    background: none repeat scroll 0 0 #FFF; /*#F8F8F4*/
    border: 1px solid #DEDBD1;
    margin: 0 0 10px;
    padding: 10px;
}

.reply .meta {
    line-height: 25px;
    margin-bottom: 10px;
}

.by-user table {
    border: 1px solid #CCC;
    max-width: 100%;
}

.by-user table td, .by-user table th {
    border: 1px solid #CCC;
    padding: 4px;
}

.by-user li {
    list-style: square outside;
}

.by-user a {
    color: #3B5998;
    font-weight: normal;
}

table.of-content {
    width: 100%
}

table.of-content tr {
    border-bottom: 1px dotted #CCCCCC;
    min-height: 24px;
}

table.of-content td {
    border-collapse: collapse;
    border-left: 1px dotted #CCC;
    padding: 6px 4px;
    text-align: center;
}

table.of-content td.date_field {
    border-left: none;
    border-right: 1px dotted #CCC;
    font-size: 0.9em;
    width: 80px;
}

table.of-content td.topic_field {
    text-align: left;
    min-width: 360px;
}

table.of-content a.topic {
    color: #3b5998;
    display: inline-block;
    font-size: 1.1em;
}

table.of-content a.topic:hover {
    text-decoration: underline;
}

/*********************************************************************************************************
 1.5. Sidebar area
 **********************************************************************************************************/
#sidebar {
    position: relative;
    zoom: 1;
    float: right;
    width: 270px;
    margin-right: 10px;
    padding-left: 36px;
    background: url(../img/separator.jpg) no-repeat top left;
    height: auto !important;
    height: 599px;
}

#sidebar-inner {
    background: transparent url(../img/sep-sidebar-trans.png) no-repeat scroll right top;
    float: left;
    /*margin-right:10px;*/
    min-height: 599px;
    height: auto !important;
    height: 599px;
    padding-right: 26px; /*original: 10px*/
    position: relative;
    zoom: 1;
    width: 270px; /*original: 250px*/
}

#sidebar-inner-home {
    background: transparent url(../img/sep-sidebar-trans.png) no-repeat scroll right top;
    float: left;
    /*margin-right:10px;*/
    min-height: 599px;
    height: auto !important;
    height: 599px;
    padding-right: 26px; /*original: 10px*/
    position: relative;
    zoom: 1;
    width: 206px; /*original: 250px*/
}

#interview {
    width: 270px;
    padding-top: 20px;
}

#interview h3 {
    padding: 0;
    margin: 0 0 0 3px;
}

#interview img {
    padding: 5px;
    background-color: #e2e1e1;
    border: 1px solid #ccc;
}

#sidebar-inner a {
/*    color: #818181;*/
}

#sidebar-inner span.meta {
    font-weight: 400;
    padding-left: 10px;
}

#category ul {
    margin-bottom: 10px;
	background-color:#EDF7FF;
}
/*
#category ul.nav li {
    margin-left: 20px;
    position:relative;
}
#category ul li a {
    display: block;
    line-height: 1.8em;
}
#category ul li a:hover, 
#category ul li.selected li a:hover {
    background-color: #DEDBD1;
}
*/
#category ul.nav li.active {
    list-style: disc outside url("../img/bullet.jpg");
}
#category ul.nav li.active > a {
    color: #3B5998;
    font-weight: bold;
}
ul.nav {
    margin-bottom: 10px;
    margin-left: 10px;
}

ul.nav li {
    margin-left: 0;
    position:relative;
}

ul.nav.level-0 > li{
    margin-bottom: 10px;
}

ul.nav > li > a {
    font-weight: bold;
	color:#EB6F00;
}

ul.nav ul, 
ul.nav li.superfish ul {
    position: absolute;
    top: -999em;
    width: 180px;
}
/* always display level-1 by default */
ul.nav ul.level-1 {
    position: static;
    top: 0;
	margin-left:15px;
}

ul.nav ul li {
    background: none;
    width: 180px; 
/*    z-index:999;*/
    height:auto;
}

ul.nav .level-2 li,
ul.nav .superfish li{
    background: #eee;
}

ul.nav li a {
    display: block;
    line-height: 20px;
    padding: 5px;
}

ul.nav li li a {
    padding:3px 10px;
}

ul.nav li:hover ul, 
ul.nav li.sfHover ul {
    left: 160px; /*<--- match top ul list item width */
    top: 0; /* match top ul list item height */
    z-index: 1000!important;
}

ul.nav li:hover li ul, 
ul.nav li.sfHover li ul {
    top: -999em;
}

ul.nav li li {
    /* background: #353535; */
    border-bottom: 1px dotted #ccc;
    position:relative;
/*    z-index:999!important;*/
}

ul.nav li li:hover ul, 
ul.nav li li.sfHover ul {
    left: 160px; /* <--- match ul width */
    top: 0;
}
ul.nav li li:hover li ul, ul.nav li li.sfHover li ul {
    top: -999em;
}
ul.nav li li li:hover ul, 
ul.nav li li li.sfHover ul {
    left: 160px; /*<--- match ul width */
    top: 0;
}

#inner_menu li {
    /*border-right: 1px #818181 solid;*/
    display: block;
}
#inner_menu a {
    font-weight: bold;
}

#sidebar .sidebar-h2 {
    text-transform: none;
    background: url(../img/rss-trans.png) no-repeat center right;
    width: 265px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
}

#sidebar .casestudies-h2 {
    text-transform: none;
    background: url(../img/pencil-ruler-trans.png) no-repeat center right;
    width: 265px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
}

#sidebar a {
    color: #818181;
    font-weight: 700;
}

span.post_name {
    font-weight: bold;
    background: url(../img/bullet.jpg) no-repeat 0 4px;
    padding-left: 14px;
}

#sidebar span.meta {
    font-weight: 400;
    padding-left: 10px;
}

form.shoutbox .text label {
    display: inline-block;
    width: 60px;
}

form.shoutbox .text input {
    background: url(../img/input-bg.jpg) repeat-x top left;
    width: 195px;
    height: 14px;
    padding: 4px 0 6px 7px;
}

form.shoutbox .input label.error {
    color: #DA3333;
    width: 100%;
}

form.shoutbox .text input, form.shoutbox .textarea textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    color: #6d6d6d;
    border: 1px solid #D2D2D2;
    margin: 6px 5px 0 0;
}

form.shoutbox .text input:focus, form.shoutbox .textarea textarea:focus {
    border: 1px solid #929292;
}

form.shoutbox .textarea textarea, form.shoutbox .input #QuestionTitle {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 7px 5px;
    width: 250px;
}

form.shoutbox input.button {
    background: url(../img/submit.png) no-repeat 0 0;
    height: 21px;
    width: 56px;
    border: transparent;
    font-size: 0;
    display: block;
    line-height: 0;
    margin-top: 7px;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}

form.shoutbox input:hover.button {
    background: url(../img/submit.png) no-repeat 0 -22px;
}

/*latest question*/
#question-latest ul li {
    position: relative;
}

.stats {
    background: none repeat scroll 0 0 #EEEEEE;
    display: inline-block;
    line-height: 14px;
    margin: 0;
    padding: 4px 6px;
}

.status {
    display: inline-block;
    margin-top: 0;
    padding: 4px;
    text-align: center;
    width: 60px
}

.stats .unanswered {
    background: none repeat scroll 0 0 #9A4444;
    color: #FFFFFF;
}

.stats .answered {
    background: none repeat scroll 0 0 #45842C; /*was #75845C*/
    color: #FFFFFF;
}

.stats .pending {
	background-color: #FC0;    /*background: none #FFAE00;
    color: #FFFFFF;*/
}

/*News Sidebar Begins*/
.news {
    width: 270px;
    float: left;
    clear: both;
    padding-bottom: 30px;
}

.news ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.news li {
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.news li a:hover {
    background: #f9f9f9;
}

.news .selected {
    background: #ececec;
}

.meta_sub {
    padding: 0 4px;
    border-right: 1px solid #DDD;
}

.meta {
    display: block;
    font-size: 11px;
    line-height: 14px;
    position: relative;
    zoom: 1;
    top: 3px;
}

#top .news a {
    padding: 6px 3px;
    width: 286px;
}

#top #latest_news .post_name {
    font-size: 13px;
    display: block;
}

#top #latest_news a {
    display: block;
    padding: 5px 3px 10px;
    text-decoration: none !important;
}

#sidebar-inner #latest_news a, #sidebar-inner .news a {
    display: block;
    padding: 8px 3px;
    text-decoration: none;
}

#sidebar-inner span.post_name {
    font-weight: 700;
    background: url(../img/bullet.jpg) no-repeat 0 6px;
    padding-left: 14px;
}

/*News Sidebar Ends*/
/*Inner Sidebar Begins*/
.menu {
    width: 250px;
    float: left;
    clear: both;
    padding-bottom: 5px;
}

.menu ul {
    left: 86px;
    margin-right: 0px;
    margin-left: -28px;
    padding: 0;
    list-style-position: outside;
    list-style-type: none;
}

.menu li {
    border-bottom: 1px solid #f9f9f9;
    /*margin-left:5px;*/
}

#top .menu a {
    padding: 6px 3px;
    width: 286px;
}

#top #inner_menu .post_name {
    font-size: 13px;
    display: block;
}

#top #inner_menu a, .menu a {
    display: block;
    padding: 5px 3px 10px;
    text-decoration: none;
}

/*
 #sidebar-inner .menu a {
 background:url(../img/bullet.jpg) no-repeat 0px 14px;
 padding:8px 3px 8px 14px !important;
 }*/
#sidebar-inner .menu a {
    background: transparent url(../img/bullet.jpg) no-repeat 0px 14px;
    display: block;
    padding: 8px 3px 8px 14px;
    text-decoration: none;
}

#sidebar-inner .menu a:hover {
    background: #f9f9f9 url(../img/bullet.jpg) no-repeat 0px 14px;
}

#sidebar-inner span.post_name {
    font-weight: 700;
    background: url(../img/bullet.jpg) no-repeat 0 6px;
    padding-left: 14px;
}

.page-nav a, .page-nav .current, .page-nav .disabled {
    background: url("../img/btn-pagenav.png") no-repeat scroll 0 0 transparent;
    color: #252525;
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    padding: 5px 0 0;
    text-align: center;
    width: 30px;
}
.page-nav .disabled {
    display: none;
}
.page-nav .current, .page-nav a:hover {
    background: url("../img/btn-pagenav.png") no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    text-decoration: none;
}
.page-nav .pages {
    float: right;
    margin-top: 8px;
}
#paginate-nav .disabled, .pagenavi .disabled {
    display: inline;
    color: #adadad;
    margin-left: 0.6em;
}

#paginate-nav .current {
    color: #5b5b5e;
    font-size: larger;
    font-weight: bolder;
}

#paginate-nav .paginate-counter {
    display: inline-block;
    float: right;
}

.sortable header.sort-nav {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}
.sortable header span {
    display: block;
    float: left;
    margin-right: 5px;
}
.sortable header a {
    display: block;
    float: left;
    padding: 0 14px;
    margin-right: 10px;
    background-color: #EEE;
    color: #666;
}

/*1.5 Twitter (we all know, no many people use twitter but this could be useful for
 ads, or another content, I've name it twitter to make it easy for you to recognize it.)
 -------------------------------------------------------------------------*/
#twitter {
    padding: 20px 20px 0;
    background: #f9f9f9;
    margin: 40px auto 65px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 877px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#twitter .twitter-bird {
    float: left;
    margin-right: 15px;
}

.tweet {
    color: #707070;
    font-size: 1.0em;
    font-family: georgia;
}

.tweet .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tweet .tweet_list li {
    overflow: auto;
    padding: 5px 0 24px;
    margin: 0 0 0 17px;
}

.tweet .tweet_list li a {
    color: #2276BB;
}

.tweet .tweet_list li .tweet_text {
    font-size: 1.3em;
}

.tweet .tweet_list .tweet_avatar {
    background: url("../img/twitter-trans.png") no-repeat left top;
    float: left;
    overflow: hidden;
    padding-right: 108px;
    padding-bottom: 70px;
    margin-top: 6px;
}

.tweet .tweet_list .tweet_avatar img {
    vertical-align: middle;
    padding: 2px;
    position: absolute;
    top: 0px;
    left: -1000px;
    /*background:#ddd;*/
    /*border:1px solid #aaa;*/
}

/* categories list
 -----------------------------------------------*/
#catalog ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(../img/bullet.jpg);
    list-style-position: inside;
}

/*1.6 Footer
 -------------------------------------------------------------------------*/
#footer {
    margin: 0 auto;
    padding: 10px;
    width: 960px;
}

#footer ul {
    margin: 0 53px 27px 0;
}

#footerbg {
    background: url(../img/footer-bg.jpg) repeat-x;
    background-color: #F1F1F1;
    clear: both;
    overflow: hidden;
}

#footer h4 {
    font-size: 1.1em;
    margin: 16px 0 8px;
    padding: 0;
    /*text-decoration:underline;*/
    color: #4b4b4b;
}
#footer .footer-col{
    display: inline;
    float: left;
}
#footer ul li {
    margin: 0;
    padding: 0;
    list-style-image: url(../img/bullet.jpg);
    list-style-position: inside;
}

#footer a {
    color: #5b5b5b;
    text-decoration: none;
}

#footer a:hover {
    color: #111;
    text-decoration: underline;
}

#newsletter {
    width: 300px;
    margin: 17px 0 0 17px;
}

#newsletter h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 3px;
}

#newsletter p {
    margin: 0;
}

#newsletter input.input {
    color: #6d6d6d;
    width: 120px;
    background: url(../img/input-bg.jpg) repeat-x top left;
    border: 1px solid #cecece;
    height: 14px;
    float: left;
    padding: 4px 0 6px 7px;
    margin: 6px 5px 0 0;
}

#newsletter input.button {
    background: url(../img/submit.png) no-repeat 0 0;
    height: 21px;
    width: 56px;
    border: transparent;
    font-size: 0;
    display: block;
    line-height: 0;
    margin-top: 7px;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}

#newsletter input:hover.button {
    background: url(../img/submit.png) no-repeat 0 -22px;
}

#footer .valid {
    font-size: 1.1em;
    font-family: Georgia;
    font-style: italic;
    color: #767675;
    background: #eaeaea;
    text-align: center;
    border: 1px solid #ccc;
    width: 284px;
}

#footer .valid a {
    color: #668b11;
}

#footer-2 {
    background: #b7b7b7;
    border-top: 1px solid #949494;
    width: 100%;
    margin: 0;
    height: 40px;
}

.copyright {
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
    color: #444;
    text-shadow: 1px 1px #ddd;
}

#shadow {
    background: transparent url(../img/shadow.png) no-repeat 0px 150px;
    height: 290px
}

/*1.7 additional elements mod by aifarfa
 ----------------------------------------*/
#sharing {
    float: right;
    height: 28px;
}

.sharing a {
    cursor: pointer;
    text-decoration: none;
}

.sharing {
    float: left;
    margin-right: 10px;
    height: 28px;
}

.sharing .retweet strong {
    font-size: 80%;
}

.sharing .retweet span {
    background: url("../img/tweet.gif") repeat-x scroll 0 -100px transparent;
}
.sharing .print-pdf {
    background: transparent url("../img/icon/pdf_icon.gif") no-repeat 0 0;
    display: inline-block;
    line-height: 28px;
    width: 74px;
}

/* sidebar related products list */
#sidebar .related {
}

#sidebar .related .feature-list-item {
    clear: both;
    margin-left: 15px;
    padding: 0px;
}

#sidebar .related .feature-link {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}

#sidebar .related .feature-link:hover {
    background: #f9f9f9 none repeat;
    cursor: pointer;
}

#sidebar .related .feature-thumb {
    -moz-border-radius: 3px 3px 3px 3px;
    background: #fff none repeat;
    border: 1px solid #D3D3D3;
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 4px;
    overflow: hidden;
    position: relative;
    height: 60px;
    width: 92px;
}

#sidebar .related .title {
    display: block;
    font-weight: 500;
    overflow: hidden;
    width: 140px;
}

#sidebar #related-post a, #sidebar-inner #related-post a {
    color: #6677BB;
    font-size: 100%;
    font-weight: normal;
}

#sidebar .ad-content {
    clear:left;
    margin: 10px auto;
    padding-left:10px;
}

#paymentlogo {
    padding:10px;
    position:relative;
    width:189px;
}
#paymentlogo img {
    left: 30px;
    position:relative;
    text-align:center;
    top:0px
}

a.buttonone {
    float: left;
    height: 17px;
    padding: 3px 10px 0px 10px;
    background-image: url(../img/button-one.gif);
    background-repeat: repeat-x;
    display: inline-block;
    color: white;
    border: #1B72DA solid 1px;
}

span.blink {
    background: transparent url(../img/icon/urgent.gif) no-repeat left center;
    padding-left: 11px;
}

/* Sitemap Layout */
#sitemap h2 {
    font-size: 1.5em;
    line-height: 26px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#sitemap .tree .static {
    color: #333;
    font-size: 1em;
    font-weight: bold;
}

#sitemap .tree-container {
    width: 100%;
}

#sitemap ul.tree {
    margin-bottom: 5px;
}

#sitemap .tree li {
    background:url("../img/arrow_left.png") no-repeat scroll 5px 8px transparent;
    margin: 0px;
    padding: 2px 0 3px 25px;
}

#sitemap .tree li:hover {
    background:url("../img/arrow_left_hover.png") no-repeat scroll 5px 8px transparent;
}

#sitemap .tree li a { color: #76797c;}

#sitemap .tree li a:hover {
    background-color: #eee;
}

#sitemap .tree li#category_1 {
    background: none transparent;
}
#sitemap ul.level_1 {
    overflow: hidden;
    position: relative;
}
/* width by default */
#sitemap .tree ul.level_1 > li {
    display: inline-block;
    float: left;
    width: 30%;
}

.underline {
    color: #000;
    text-decoration: underline;
}

#mytable {
    width: 700px;
    padding: 0;
    margin: 0;
}

caption {
    padding: 0 0 5px 0;
    width: 700px;	 
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

th {
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(/img/bg_header.jpg) no-repeat;
}

th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

td {
    border-right: 0px solid #C1DAD7;
    border-bottom: 0px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}

td.alt {
    background: #FFFFF;
    color: #797268;
    text-align:center;
}

td.alt2 {
    background: #F5FAFA;
    color: #797268;
    text-align:center;
}

th.spec {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(/img/bullet1.gif) no-repeat;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(/img/bullet2.gif) no-repeat;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}

.red_txt {
    color: #F00;
}

#menu-home {
    /*border:2px solid green;*/
    width:206px;
    float:left;
    /*margin:10px 0 10px 5px;*/

}

#content-home {
    /*border:2px solid blue;*/
    width:400px;
    float:right;
    /*margin:10px 0 10px 175px;*/
    /*min-height:500px;*/
}