@charset "utf-8";

div#footer h4, div#content div.infobox, div#content div.infobox img, 
div#content div.servicebox, div#content div.servicebox img,
div#content div.know-how { behavior:url(http://www.tigerlab.com/js/iepngfix_v2/iepngfix.htc); }

img {border:2px solid #eee; padding:1px;}
p {font-size:14px;}
h2, h3 {font-weight:bold; margin-bottom:10px; font-family:Georgia,"Times New Roman",Times,serif;}
h2 {font-size:1.8em;}
h2 span, p span, div#copyright span, h3 span, h1 span {color:#FF9900;}
p b {color:#0066FF;}
p img {float:left; margin-right:12px;}

div.right {text-align:right;}
div.f-right {float:right;}
div.bottom {padding-bottom:10px;}
span.red {color:#ea4141;}
span.white {color:#ffffff;}

body {background:url(../images/background.gif) repeat-x #FFFFFF;}

/* header */
div#header #logo {margin-bottom:2px; margin-top:8px;}

div#header div#top-menu {text-align:center;}
div#header div#top-menu div {font-size:18px;}
div#header div#top-menu div a {display:block; padding-top:67px; padding-bottom:16px; color:#aaaaaa; text-decoration:none;}
div#header div#top-menu div a:hover, div#header div#top-menu div a.selected {background:url(../images/top-menu-selected.gif) repeat-x; color:#444444;}

div#header div#language {margin-top:10px;}
div#header div#social-network {margin-top:75px;}
div#header input#search {background:url(../images/search.gif) no-repeat; border:none; height:18px; padding-left:10px; position:relative; *margin-top:-1px;}

/* breadcrumbs */
div#breadcrumbs, div#contact, div#copyright, div#bottom-to-top {padding-top:4px; padding-bottom:4px;}
div#breadcrumbs a {text-decoration:none; color:#000000;}
div#breadcrumbs a:hover {text-decoration:underline;}
div#breadcrumbs a.selected {font-weight:bold; color:#b92020;}

/* banner */
div#banner {background-color:#000000; height:173px;}

/* content */
div#content a {color:#ad0000; text-decoration:none;}
div#content a:hover {text-decoration:underline;}

/* content - white box */
div#content div.tl {float:left; width:10px; height:16px; background:url(../images/content-top-left.gif) no-repeat;}
div#content div.tm {float:left; height:9px; height:15px; border-top:1px solid #e1e1e1; background-color:#FFFFFF;}
div#content div.tr {float:right; width:10px; height:16px; background:url(../images/content-top-right.gif) no-repeat;}
div#content div.bl {float:left; width:10px; height:25px; background:url(../images/content-bottom-right.jpg) no-repeat;}
div#content div.bm {float:left; height:15px; border-bottom: 1px solid #E1E1E1;}
div#content div.br {float:right; width:10px; height:25px; background:url(../images/content-bottom-left.jpg) no-repeat;}

div#content div.w71 {width:710px;}
div#content div.w41 {width:410px;}
div#content div.w69 {width:690px;}
div#content div.w67 {width:670px;}
div#content div.w93 {width:930px;}
div#content div.w91 {width:910px;}
div#content div.w21 {width:210px;}
div#content div.w23 {width:228px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; *width:226px; _width:228px;}

/* content - box */
div#content div.new-infobox {float:left; width:273px; height:240px; background:url(../images/box-home-new.png) no-repeat; padding:15px 19px;}
div#content div.new-infobox h2, div#content div.news-infobox h2, div#content div.servicebox h2, div#content div.fullwidthbox h2, div#content div.profilebox, div#content div#partner h2 {margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
div#content div.new-infobox h3, div#content div.servicebox h3, div#content div.fullwidthbox h3, div#content div.profilebox h3 {margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
div#content div.new-infobox p, div#content div.news-infobox p,  div#content div.servicebox p, div#content div.fullwidthbox p, div#content div.profilebox p {font-size:13px; text-align:right; margin:0; padding:0;}
div#content div.new-infobox img, div#content div.news-infobox img, div#content div.servicebox img, div#content div.fullwidthbox img, div#content div.profilebox img {border:none; float:left; margin-right:12px;}
div#content div.new-infobox a, div#content div.news-infobox a, div#content div.servicebox a, div#content div.fullwidthbox a, div#content div.profilebox a {color:#0066FF;}

div#content div.infobox {float:left; width:432px; height:180px; background:url(../images/box-home.png) no-repeat; padding:15px 19px;}
div#content div.infobox h2, div#content div.servicebox h2, div#content div.fullwidthbox h2, div#content div.profilebox, div#content div#partner h2 {margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
div#content div.infobox h3, div#content div.servicebox h3, div#content div.fullwidthbox h3, div#content div.profilebox h3 {margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
div#content div.infobox p, div#content div.servicebox p, div#content div.fullwidthbox p, div#content div.profilebox p {font-size:13px; text-align:right; margin:0; padding:0;}
div#content div.infobox img, div#content div.servicebox img, div#content div.fullwidthbox img, div#content div.profilebox img {border:none; float:left; margin-right:12px;}
div#content div.infobox a, div#content div.servicebox a, div#content div.fullwidthbox a, div#content div.profilebox a {color:#0066FF;}

div#content div.profilebox {float:left; width:184px; height:210px; padding:15px 19px;}
div#content div.servicebox {float:left; width:312px; height:210px; padding:15px 19px;}
div#content div.fullwidthbox {float:left; width:672px; height:410px; padding:15px 19px;}
div#content div.box-green-large {background:url(../images/box-green-large.png) no-repeat; height:270px;}
div#content div.box-green-xlarge {background:url(../images/box-green-xlarge.png) no-repeat; height:370px;}
div#content div.box-green-width {background:url(../images/box-green-width.png) no-repeat; height:270px;}
div#content div.box-green-height {background:url(../images/box-green-height.png) no-repeat; height:870px;}
div#content div.box-green-medium {background:url(../images/box-green-medium.png) no-repeat; height:240px;}
div#content div.box-green-small {background:url(../images/box-green-small.png) no-repeat; height:210px;}
div#content div.box-blue-small {background:url(../images/box-blue-small.png) no-repeat; height:210px;}
div#content div.box-yellow-small {background:url(../images/box-yellow-small.png) no-repeat; height:170px;}
div#content div.box-brown-tiny {background:url(../images/box-brown-tiny.png) no-repeat; height:115px;}
div#content div.box-grey-small {background:url(../images/box-grey-small.png) no-repeat; height:60px;}
div#content div.box-grey-width {background:url(../images/box-grey-width.png) no-repeat; height:300px;}
div#content div.box-grey-width2 {background:url(../images/box-grey-width2.png) no-repeat; height:150px;}
div#content div.box-grey-xlarge {background:url(../images/box-grey-xlarge.png) no-repeat; height:440px;}
div#content div.box-grey-small {background:url(../images/box-grey-small2.png) no-repeat; height:170px;}
div#content div.box-grey-height {background:url(../images/box-grey-height.png) no-repeat; height:870px;}
div#content div.box-grey-tiny {background:url(../images/box-grey-tiny.png) no-repeat; height:60px;}
div#content div.box-grey-mobile {background:url(../images/box-grey-mobile2.png) no-repeat; height:420px;}
div#content div.box-grey-mobile-de {background:url(../images/box-grey-mobile2-de.png) no-repeat; height:450px;}
div#content div.box-brown-height {background:url(../images/box-brown-height.png) no-repeat; height:890px;}
div#content div.box-brown-height-2 {background:url(../images/box-brown-height-2.png) no-repeat; height:770px;}
div#content div.box-brown-small {background:url(../images/box-brown-small.png) no-repeat; height:240px;}
div#content div.box-brown-width {background:url(../images/box-brown-width.png) no-repeat; height:280px;}
div#content div.box-grey-contact {background:url(../images/box-grey-contact-2.png) no-repeat; height:820px;}
div#content div.box-grey-contact-form {background:url(../images/box-grey-contact-form.png) no-repeat; height:760px;}
div#content div.box-brown-pricing {background:url(../images/box-brown-pricing.png) no-repeat; height:530px;}
div#content div.box-grey-news {background:url(../images/box-grey-width4.png) no-repeat; height:130px;}

div#content div.fullwidthbox div.center,
div#content div.fullwidthbox div.center p {text-align:center; font-size:12px;}
div#content div.fullwidthbox div.center img {float:none;}

/* content - content */
div#content div.content {padding-left:19px; padding-right:19px; background-color:#FFFFFF; float:left; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
div#content div.content p {margin-bottom:1.5em;}
div#content div.content p + p {margin:0; text-indent:0;}

/* content - side menu */
div#content div.menu {padding-top:9px; padding-left:9px; padding-right:9px; *padding-left:8px; *padding-right:8px; border-top:1px solid #e1e1e1;}
div#content ul#submenu {padding:0; margin:0; line-height:22px;}
div#content ul#submenu li {list-style:none; padding:0px 10px;}
div#content ul#submenu li.sub {margin-left:12px;}
div#content ul#submenu li a {display:block; padding-left:12px; background:url(../images/submenu.gif) no-repeat 0 7px; width:180px; color:#b3b3b3; font-weight:bold; font-size:13px;}
div#content ul#submenu li a:hover, div#content ul#submenu li a.selected {background:url(../images/submenu-selected.gif) no-repeat 0 7px; color:#ad0000; text-decoration:none;}
div#content ul#submenu li.sub a {width:168px;}

/* content - side info */
div#content div#side-info {padding:0 5px 10px 5px; width:220px;}
div#content div#side-info h3 {margin-bottom:10px; text-align:left; line-height:20px; font-size:14px;}
div#content div#side-info p {margin-bottom:2px; font-size:12px;}
div#content div#side-info p, div#content div#side-info p + p {margin:0; text-indent:0; text-align:justify;}

div#content div#privacy {padding-top:14px; padding-bottom:24px;}
div#content div#privacy p {margin-bottom:8px;}
div#content div#privacy p, div#privacy p + p {margin:0; margin-bottom:8px; text-indent:0;}
div#content div#privacy p.last {margin-bottom:20px;}

div#content div#packages h2 {padding-left:10px;}
div#content div#packages p {margin-bottom:8px; padding:0 10px;}
div#content div#packages p, div#packages p + p {margin:0; padding:0 10px; margin-bottom:8px; text-indent:0;}
div#content div.package {float:left; margin-right:10px; width:140px; height:200px; padding:10px;}
div#content div.package ul {margin-bottom:8px; margin-right:0; height:124px;}
div#content div.package li {line-height:16px; padding-bottom:4px;}
div#content div.package p {padding-top:20px;}

div#content div.bronze {background:url(../images/box-bronze.png) no-repeat;}
div#content div.silver {background:url(../images/box-silver.png) no-repeat;}
div#content div.gold {background:url(../images/box-gold.png) no-repeat;}
div#content div.platinium {background:url(../images/box-platinium.png) no-repeat;}

div#content div.know-how {float:left; margin-right:10px; width:150px; height:190px; padding:10px; background:url(../images/box-know-how.png) no-repeat;}
div#content div.know-how h3 {font-size:14px;}
div#content div.know-how ul {margin-bottom:0; margin-right:0; margin-left:24px;}
div#content div.know-how li {line-height:16px; padding-bottom:4px;}

div#content div.last {margin-right:0;}
3
div#content div.f14 {font-size:14px;}
div#content div.f14 h3 {font-size:16px;}
div#content div.f14 ul {font-size:12px;}
div#content div.f14 p {margin-bottom:10px;}

/* content - content web frameworks */
div#content div.frameworks li {margin-bottom:6px; line-height:20px;}
div#content div.frameworks p {margin-bottom:0;}

/* content - contact form */
div#content form {padding:0 10px; margin:0px;}
div#content form#contact label {float:left; width:300px; margin-bottom:10px;}
div#content form#contact input {float:left; width:200px; margin:0;}
div#content form#contact div {float:left; margin-bottom:10px;}
div#content form#contact div.error_highlight {border:1px solid red;}
div#content form#contact p {float:right; margin:0 5px; padding:0;}
div#content form#contact textarea {float:left; width:495px; height:120px; margin:0;}
div#content form#contact textarea.error_highlight {border:2px solid red;}
div#content form#contact div#errors {float:right; width:150px; margin-bottom:10px;}
div#content form#contact input#id_submit {float:left; width:100px; margin-top:10px;}
div#content form#contact label#id_incontact {float:left; width:300px; margin-bottom:10px; margin-top:20px;}
div#content form#contact div#choices {width:210px; margin-bottom:10px}
div#content form#contact div#choices div.choices-in {width:200px; margin-bottom:0;}
div#content form#contact div#choices div.choices-in input {float:left; width:30px; margin-right:6px; top:3px; position:relative;}
div#content form#contact div#choices div.choices-in label {float:left; width:140px; margin:3px 0;}

/* fix for ie6 */
div#content div.content p.ie6-bottom-0, div#content div#side-info p.ie6-bottom-0, p.ie6-bottom-0 {margin-bottom:0;}

/* footer */
div#footer {background-color:#222222;}

div#footer div#site-links, div#footer div#product-links {padding:15px 30px; border-right:1px dotted #EEEEEE; height:148px;}
div#footer div#contact-form {width:308px; padding:15px 30px; *padding:15px 20px; float:left;}
div#footer div#contact-form a {text-decoration:underline; color:#FDFFD1;}
div#footer div#contact-form a:hover {text-decoration:underline; color:#FFE47A;}
div#footer div#contact-form img {border:none; padding:0; margin-top:12px;}
div#footer div#contact-form span.red {color:#FFFFFF;}
div#footer h4 {color:#FFFFFF; font-weight:bold;}

div#footer ul.links {padding:0; margin:0;}
div#footer ul.links li {color:#FFFFFF; list-style:none;}
div#footer ul.links li a {color:#fdffd1; text-decoration:none;}
div#footer ul.links li a:hover {color:#FFE47A; text-decoration:underline;}

div#footer h4 {margin-bottom:10px;}
div#footer h4.home {background:url(../images/icon-home.png) no-repeat; padding-left:20px;}
div#footer h4.products {background:url(../images/icon-products.png) no-repeat; padding-left:20px;}
div#footer h4.services {background:url(../images/icon-services.png) no-repeat; padding-left:20px;}
div#footer h4.contact {background:url(../images/icon-contact.png) no-repeat; padding-left:20px;}
div#footer h4.keywords {background:url(../images/keyword-2.png) no-repeat; margin-top:15px; padding-left:20px; width:16px; height:16px;}

/* copyright */
div#copyright a {font-weight:bold; color:#000000; text-decoration:none;}
div#copyright a:hover {text-decoration:underline;}

div#bottom-to-top a {color:#000000; text-decoration:none;}
div#bottom-to-top a:hover {text-decoration:underline;}
div.ref{padding:0 0 0 20px;}
div#content div.fullwidthbox div.ref p{padding: 0 0 10px 0;}
div.ref ul li{padding: 0 0 10px 0;}

/* news */
div#content div.box-grey-news .news_more_link {float:right;}
div#content ul.news_images_list {padding:20px 0 0;}
div#content ul.news_images_list li {
    float:left; 
    height:140px; 
    margin:0 15px 0 0;
    width:140px;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
}
div#content ul.news_images_list li a.single_image{
    display:block;
    background-color:#ffffff;
    border:1px solid #cccccc;
    float:left;
    height:130px;
    width:130px;
    padding:3px;
    z-index:0; 
    position:relative;
}

div#content ul.news_images_list li a.single_image span { 
    width:130px; 
    height:130px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    display:table-cell!important;
}
div#content ul.news_images_list li a.single_image span img{
    display:inline-block!important;
    margin-right:0;
    float:none;
    padding:0;
}
/* welcome text */
div#content h1.welcome {
    font-size:21px;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:bold;
    margin-bottom:10px;
}

/* footer keywords */
div#footer #contact-form .keyword_link a {
    text-decoration:none;
}

/* mobile solutions new */
div#content div#mobile-solutions a {color:#0066FF;}
div#content div#mobile-solutions img {border:none; float:left; margin-right:12px;}
div#content div#mobile-solutions p {font-size:13px; text-align:right; margin:0; padding:0 10px; margin-bottom:8px; text-indent:0;}
div#content div#mobile-solutions h2 {padding-left:10px; margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}


/* FIX REFERENCES PAGE LIST */
div#content div.w67-ref {width:670px;}
div#content div.w67-ref div.image img{
    display:inline-block!important;
    margin-right:0;
    float:none;
    padding:0;
}

/* references image */
div#content div.w67-ref div.image{
    display:table-cell;
    float:left;
    width:156px;
    height:145px;
    vertical-align:middle;
}

div#content div.w67-ref div.image a.single_image {
    display:block;
    background-color:#ffffff;
    border:1px solid #cccccc;
    float:left;
    height:139px;
    width:150px;
    padding:3px;
    z-index:0; 
    position:relative;
}

div#content div.w67-ref div.image a.single_image span { 
    width:150px; 
    height:139px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    display:table-cell!important;
}

div#content div.w67-ref div.image *{
    display:block;
    vertical-align:middle;
}
.ie7-fixed{ 
    *display: inline-block!important;
    *height: 100%;
}
div#content div.w67-ref div.image img{
    display:inline-block!important;
    margin-right:0;
    float:none;
    padding:0;
}
div#content div.w67-ref p{
    margin-bottom:0.5em;
}
div#content div.w67-ref p a{
    color:#0066FF;
    font-size:11px;
    float:right;
}

/* news image */
div#content div.box-grey-news div.news_image{
    display:table-cell;
    float:left;
    width:108px;
    height:108px;
    vertical-align:middle;
}
div#content div.box-grey-news  div.news_image a.single_image {
    display:block;
    background-color:#ffffff;
    border:1px solid #cccccc;
    float:left;
    height:100px;
    width:100px;
    padding:3px;
    z-index:0; 
    position:relative;
}
div#content div.box-grey-news  div.news_image a.single_image span { 
    width:100px; 
    height:100px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    display:table-cell!important;
}
div#content div.box-grey-news div.news_image img{
    display:inline-block!important;
    margin-right:0;
    float:none;
    padding:0;
}

/*** SLIDER ***/
div#content div.w891 { width:891px;}
div.box-t, div.box-b { width:950px; height:10px; float:left; }
div.box-tc, div.box-bc { width:930px; height:10px; float:left; background-color:black; }
div.box-tl, div.box-tr,
div.box-bl, div.box-br { width:10px; height:10px; background-color:black; }
div.box-tl, div.box-bl { float:left; }
div.box-tr, div.box-br { float:right; }

div.box-bc { background:url(../images/box_bc.png) repeat-x; }
div.box-tc { background:url(../images/box_tc.png) repeat-x; }
div.box-tl { background:url(../images/box_tl.png) no-repeat; }
div.box-tr { background:url(../images/box_tr.png) no-repeat; }
div.box-bl { background:url(../images/box_bl.png) no-repeat; }
div.box-br { background:url(../images/box_br.png) no-repeat; }

div.box-c { float:left; width:1020px; }
div.box-cl { background:url(../images/box_cl.png) repeat-y left; float:left; padding-left:10px; }
div.box-cr { background:url(../images/box_cr.png) repeat-y right; float:right; padding-right:10px; }

/* For style inside the box */
div.box-content { 
    float:left; width:980px; padding:10px; margin:0; background-color:#FFF;
}

div.box-content-print-preview {
    float:left; width:980px; min-height:717px; padding:10px; margin:0; background-color:#FFF;
}
    
div.box-content h1 {
    border-bottom:2px solid #8ba475; color:#54691c; font-family:Arial,Helvetica,sans-serif; font-size:28px;
    font-weight:normal; text-transform:none; padding-bottom:7px; margin-bottom:10px;
}

div.box-content-print-preview h1 { 
    float:left; width:100%; text-transform:uppercase; font-size:20px; color:#54691C; border-bottom:1px solid #9BA475;
    line-height:30px;
}

div.box-content div.info { padding:0 20px 20px 30px; width:425px; }
/* For Sample slider */
div#mopSlider01 { height:170px;}
div.holder { height:168px;}
.samplebook{
    width:100px;
    height:160px;
    /*background:url('../images/product_bg.png') repeat-x;*/
    padding-top:43px;
    float:left;
}

.samplebook .pic{
    float:left;
    width:80px;
    height:80px;
    padding:0 10px 0;
    margin-top:-30px;
    vertical-align: middle;
    display: table-cell;
}
.samplebook .pic a {
    display: block;
    height: 90px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 3px;
    top: 0;
    width: 90px;
    z-index: 0;
    border: 1px solid #E1E1E1;
}

.samplebook .pic a span {
    display: table-cell !important;
    height: 80px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}
.samplebook .sample_title{
    color: #000000;
    float: left;
    font-family: Arial;
    font-size: 9px;
    font-style: normal;
    font-weight: bolder;
    height: 25px;
    padding: 19px 20px 0;
    text-align: center;
    width: 78px;
}

.samplebook .sample_style{
    float:left;
    width:78px;
    color:#aaa;
    text-align:center;
    padding:0 20px 5px;
    font-size: 87%;
    
}

.clear{
    clear:both;
}

.indi{
    color:#ffffff !important;
}
#theImagesSlider img {   
    float: left;
    padding: 5px;
    
}
/*** NEWS ***/
div#content div.news-infobox {float:left; width:368px; padding:1px 19px; border-left:2px solid #9BA475;}
div#content div.news-infobox h2 { 
    text-align:left;    
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -5px;
}
div.news-1 { text-align: center;}    
div.news-2 { float:left; padding-top: 10px;}