﻿@charset "utf-8";

/* Servolutions CSS Main Document v2 02.03.2011 with countries flags */
/* v3 10.03.2011 4 flags only and header text hidden by way of major indent instead of display:none in css */
/* v4 16.03.2011 red div */
/* v5 18.07.2011 likebuttons */
/* v6 24.01.2012 5 flags */
/* v7 30.04.2012 p.wide */
/* v8 15.08.2012 downloadlink */
/* v9 14.09.2012 testimonials in right margin of page*/

body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
}
th {
	border:0px;
	border-bottom:1px dotted #66CCFF;
}
table {
	border-collapse:collapse!important;
}

a, input {
	-webkit-transition: all 0.5s ;
		-moz-transition: all 0.5s ;
        -ms-transition: all 0.5s ;
        -o-transition: all 0.5s ;
		transition: all 0.5s ;
		cursor: pointer;
}

h1 {
font-size:24px;
color:#66CCFF;
margin:8px 0;
}

p{
font-size:14px;
margin:8px 0;
}

/********* PAGE WRAPPER ********/
div.wrapper {
width:864px;
}

/********* righ tpart ********/
.rightpart
{
	float:right;
	width:176px;
	height:auto;
	border:1px solid #000;
	margin-right:14px;
	padding-left:4px;
	padding-right:2px;
}

.rightpart p
{
	padding:2px;
	width:174px;
	margin:0px;
}
	
/********** LOGO ************/

/* do not display the page header */
/* old version: div.header h1 span { display: none } */

/* header text with major text indent */
div.header h1 span { 
display: block;
text-indent:-2000%;
}



/* instead display an alternative image */
div.header h1 { 
	background-image: url(../Images/logo_216.png); 
	background-repeat:no-repeat; 
	width:216px;
	height:47px;
	border:none;
	margin-top: 0px;
}

/* do not display the page header */
div.header p span { display: none }

/* instead display an alternative image */
div.header p{ 
	background-image: url(../Images/logo_216.png); 
	background-repeat:no-repeat; 
	width:216px;
	height:47px;
	border:none;
	margin-top: 0px;
}

span.right_border {
border-left:2px dotted #3399CC;
border-bottom:2px dotted #3399CC;
width:16px;
height:47px;
position:absolute;
left:216px;
top:0;
}

span.bottom_border {
border-top:2px dotted #3399CC;
border-right:2px dotted #3399CC;
width:216px;
height:16px;
position:absolute;
left:0;
top:47px;
}

/***** MAIN MENU ***********/

div.header ul {
margin:24px 0 0 0;
padding:0 5px 0 0;
list-style-type:none;
float:right;
}

div.header li {
display:inline;
float:left;
margin-right:5px;
}

div.header li a:link, div.header li a:active, div.header li a:visited{
display:block;
background:#66CCFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFF;
text-decoration:none;
width:83px;
height:24px;
padding:4px 10px 0;
}

div.header li a:hover {
background:#000000;
}

/**** MAIN CONTENT WRAPPER ****/

div.main_content {
border:1px solid #000;
width:621px;
min-height:500px;
height:auto;
float:left;
padding:20px 5px 20px 20px;
}

/* for Internet Explorer */
* html .main_content {
height:504px;
}

div.main_content_index {
border:1px solid #000;
width:621px;
min-height:500px;
height:auto;
float:left;
padding:0px 5px 20px 20px;
}

/* for Internet Explorer */
* html .main_content_index {
height:504px;
}

/*** MAIN CONTENT HOMEPAGE ***/

div.main_content_index div.container {
border-bottom:2px dotted #66CCFF;
padding-top:15px;
height:55px;
}

div.main_content_index div.container img{
display:block;
float:left;
border:none;
}

div.main_content_index div.container img.right{
display:block;
float:right;
margin-right:10px;
border:none;
}

div.main_content_index div.container img.middle{
display:block;
float:none;
margin-right:10px;
margin-left:10px;
border:none;
}

div.main_content_index div.container p{
font-size:12px;
color:#000;
margin:0 108px 10px 298px;
}

/*** MAIN CONTENT other pages ***/

div.main_content li.linespaced {
margin-top: 12px;
}

div.main_content table {
border: none;
border-collapse: collapse;
}

div.main_content tbody {
border: none;
border-collapse: collapse;
}

div.main_content tbody td {
border-left:2px dotted #66CCFF; 
border-top:2px dotted #66CCFF; 
border-right:none; 
border-bottom:none; 
padding:5px;
}

div.main_content tbody td.firstcolumn {
border-left:none; 
}

div.main_content thead td {
border: none;
border-left:none; 
border-right:none; 
font-weight: bold;
}

div.main_content thead td.firstcolumn {
border-left:none; 
}

div.main_content a.downloadlink:link, div.main_content a.downloadlink:active, div.main_content a.downloadlink:visited{
display:inline;
background:#66CCFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFF;
text-decoration:none;
text-align: center;
width:125px;
height:24px;
padding:4px 20px 4px 20px;
}

div.main_content a.downloadlink:hover {
background:#000000;
}


/********* like button table ********/

div.main_content table.likebuttons {
border: none;
border-collapse: collapse;
width:500px;
}

div.main_content tbody td.likebuttons {
border-left:none; 
border-top:none; 
border-right:none; 
border-bottom:none; 
width:125px;
}

/*****************/


div.main_content {
font-size:12px;
color:#000;
}

div.main_content img{
display:block;
float:left;
border:none;
}

div.main_content img.right{
display:block;
float:right;
margin-top: 12px;
margin-right:15px;
border:none;
}

div.main_content img.middle{
display:block;
float:none;
margin-left: 100px;
margin-top: 12px;
margin-right:15px;
border:none;
}

div.main_content p.wide{
margin: 12px 0px 0px 0px;
}

div.main_content p{
font-size:12px;
color:#000;
margin: 12px 216px 0px 0px;
}

div.main_content ul{
font-size:12px;
color:#000;
margin: 12px 216px 0px 0px;
}

div.main_content ul img{
margin-right: 216px;
}

div.main_content ul p{
margin-right: 0px;
}

div.main_content ul ul{
margin-right: 0px;
}

div.main_content ol{
font-size:12px;
color:#000;
margin: 12px 216px 0px 0px;
}

div.main_content ol img{
margin-right: 216px;
}

div.main_content ol p{
margin-right: 0px;
}

div.main_content table p{
margin-right: 0px;
}

div.main_content blockquote {
font-size:12px;
color:#000;
margin-right: 0px;
}

div.main_content h2{
font-size:24px;
color:#000;
margin:0 216px 10px 0px;
}

div.main_content h3{
font-size:18px;
color:#000;
}

div.main_content h4{
font-size:16px;
color:#000;
}

div.main_content h5{
font-size:15px;
color:#000;
}

div.main_content a.seeanswer:link, div.main_content a.seeanswer:active, div.main_content a.seeanswer:visited{
display:block;
background-color: #FFCC00;
font-weight: bold;
height: 16px;
font-size:10px;
color:#000;
text-decoration:none;
text-indent:3px;
text-align:center;
vertical-align: bottom;
width: 80px;
}

div.main_content p.red {
color: red;
}


/********* LEFT COLUMN ********/

div.left_column {
width:206px;
height:300px;
float:left;
clear:both;
margin-left:9px;
}

div.left_column img{
border:none;
}

/****** SIDE MENU ******/
div.left_column ul {
margin:0 0 24px;
padding: 0;
list-style-type:none;
}

div.left_column ul.t_nav li {
border-top:1px solid #000;
padding: 0;
}

div.left_column ul.t_nav li.last {
border-bottom:1px solid #000;
}

div.left_column ul.t_nav li a:link, div.left_column ul.t_nav li a:active, div.left_column ul.t_nav li a:visited{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
display:block;
width:206px;
height:23px;
color:#000;
text-decoration:none;
text-indent:3px;
}

div.left_column ul.t_nav li a:hover {
color:#66CCFF;
background-color: #000000;
}

div.left_column ul.b_nav li, div.left_column div.container {
border-top:1px dashed #000;
padding: 0;
}

div.left_column ul.b_nav li.last a:link, div.left_column ul.b_nav li.last a:active, div.left_column ul.b_nav li.last a:visited{
}

div.left_column ul.b_nav li.last, div.left_column div.container  {
border-bottom:1px dashed #000;
}

div.left_column ul.b_nav li a:link, div.left_column ul.b_nav li a:active, div.left_column ul.b_nav li a:visited{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:light;
display:block;
width:206px;
height:23px;
color:#000;
text-decoration:none;
}

div.left_column ul.b_nav li a:hover{
color:#66CCFF;
background-color: #000000;
}

#countries{
border:0 none;
margin-top:27px
}
#countries a{
	display: inline;
	/*margin: 0px 1% 1px 8%;*/ /* 4 flags */
	margin: 0px 8px 1px 3px; /* 5 flags */
}
#countries a:hover{
	height: 20px;
	background-color: transparent;
	background-image: url('images/fbg.png');
}


/********* LIVE SUPPORT **********/
div.left_column div.container h3 {
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:light;
color:#000;
text-decoration:none;
text-indent:3px;
}

div.left_column div.container p {
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:light;
color:#000;
text-decoration:none;
text-indent:3px;
}

div.left_column div.container b{
color:#66CCFF;
text-indent:3px;
}

div.left_column div.container a:link, div.left_column div.container a:active, div.left_column div.container a:visited  {
margin: 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:light;
display:block;
width:206px;
height:24px;
color:#000;
text-decoration:none;
text-indent:3px;
}

div.left_column div.container a:hover{
color:#66CCFF;
background-color: #000000;
}

/******** FOOTER *******/

div.footer {
clear:both;
margin-left:216px;
}

div.footer p{
font-size:9px;
margin:5px 0 0;
}

div.footer div.container{
float:left;
display:block;
width:168px;
height:60px;
}

div.footer ul{
margin:0;
padding:0;
list-style-type:none;
}

div.footer li{
display:inline;
margin:5px 0 0;
}

div.footer a:link, div.footer a:active, div.footer a:visited{
font-size:9px;
color:#66CCFF;
text-decoration:none;
}

div.footer a:hover {
color: #000000;
}

div.footer li a:link, div.footer li a:active, div.footer li a:visited{
padding-right:8px;
border-right:1px solid #66CCFF;
}

div.footer li.last a:link, div.footer li.last a:active, div.footer li.last a:visited{
border-right:none;
}



