/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

a:link, a:visited {
	text-decoration: none;
	color:#6c8aab;
}


a:hover {
	text-decoration: underline;
	color:#4c637c;
}


input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

hr {
	background-color: #DDD;
	height: 1px;
	border:none;
}



.clear{
	clear:both;
	height:1px;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

div.componentheading, td.contentheading{
	margin:15px 0;
}



/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	margin-bottom: 1px;
}

div.center {
  text-align: center;
}


div#wrapper {
	margin:auto;
	width:960px;
}

div#wrap-top{
	width:710px;
	margin:auto;
	padding:10px 0 0;
}

div#wrap-center{
	margin:12px;
	margin:auto;
	padding:0 0 10px;
}


/*****************************************/
/*** Header ***/
/*****************************************/
#header {
	height:90px;
}

#header-icon {
	background-image:url(../images/header-icon.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:90px;
}

#header-title {
	background-image:url(../images/acybaservices.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:50px;
	margin-right:160px;
}

#header-text {
	margin-right:60px;
}

#header-text h1 {
	margin:10px 0px;
}


#header-text h1 {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#b2b2b2;
}


/*****************************************/
/*** Menu ***/
/*****************************************/


#menu{
	background-image:url(../images/menu-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	height:67px;
	padding-top:14px;

}

#menubar{
	margin-top:-14px;

}

#main-menu {
	width:524px;
	margin: auto;
	padding: 0 1em 0 0;
	list-style-type: none;
}

#menu ul li {
	background-repeat:no-repeat;
}

#menu ul li a {
	display: block;
	background-repeat:no-repeat;
	color:#fff;
	height:20px;
	text-align:center;
	font-size:14px;
	padding-top:8px;
}

li#menu-green a.root{
	background-image:url(../images/mn-green.png);
	width:138px;
}

li#menu-green ul{
	background-color:#94c516;
	width:125px;
	margin-left:4px;
}

li#menu-orange a.root{
	background-image:url(../images/mn-orange.png);
	width:131px;
}
li#menu-orange ul{
	background-color:#e99b3e;
	width:114px;
	margin-left:8px;
}

li#menu-blue a.root{
	background-image:url(../images/mn-blue.png);
	width:128px;
}

#main_menu a:hover{
	text-decoration:underline;
}
li#menu-blue ul{
	background-color:#5b9bcc;
	width:112px;
	margin-left:7px;
}

li#menu-blue ul li ul{
	margin-left:4px;
}

li#menu-red a.root{
	background-image:url(../images/mn-red.png);
	width:126px;
}
li#menu-red ul{
	background-color:#f27c66;
	width:115px;
	margin-left:8px;
}

#main-menu ul li ul li.parent{
	background:url(../images/sub-arrow.png) no-repeat scroll right center;
	padding-right:10px;
	width:100px;
}

/*Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu"	***/
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{background:#fff;
padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:115px;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:29px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:108px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}


/*****************************************/
/*** Boxes Home Page ***/
/*****************************************/



#boxes div {
	float:left;
	text-align:center;
}

#boxes div a {
	font-size:14px;
}

#boxes a, #boxes a:hover, #boxes a span
{
  text-decoration:none;
}

#boxes div.divbox a:hover span
{
  text-decoration:underline;
}

#boxes span.box-title{
	color:#8e9596;
	font-size:26px;
	line-height:22px;
}
#boxes span.box-catch{
	color:#be9188;
}

#boxes div.divbox{
	width:120px;
}

#boxes div.divbox a{
	font-weight:bold;
}


/*****************************************/
/*** Footer ***/
/*****************************************/


div#footer_r {
	padding-top: 10px;
	height: 47px;
	overflow: hidden;
}

div#footer_r div {
	text-align: center;
	font-size: .90em;
	color: #aaa;
}

div#footer_r a:link, div#footer_r a:visited  {
	color: #999;
}


/*****************************************/
/*** Login module ***/
/*****************************************/


div.logger{
	background-color:#707070;
	padding: 3px;
	border:thin solid #DDDDDD;
	border-top:0px;
	border-bottom:0px;
	display:none;
}

div.login{
	color:#fff;
	float:right;
	height:30px;
	width:121px;
	z-index:9999;
	text-align:center;
}

div.login-dw{
	background-image:url(../images/login-arrow.png);
	height:26px;
	font-size:10px;
	cursor:pointer;
	background-position : 0px 0px;
}

div.login-dw:hover{
	background-position : 0px 26px;
}

div.logger input{
	width:95%;
}


/*****************************************/
/*** modules ***/
/*****************************************/
#form-login p{
	text-align:left;
}

div.logger a{
	color:#FFF;
	font-size:10px;
	text-decoration:underline;
}

div.logger a:hover{
	color:#F27C66;
}

a#register-now{
	color:#94C516;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;

}
a#register-now:hover{
	color:#F27C66;
}
div.v-spacer{
	width:5px;
	height:100%;
}



/*****************************************/
/*** Content Home Page ***/
/*****************************************/


#home-content{
	width:670px;
	margin:auto;
	background-color:#fff;
	border-right:medium solid #CCC;
	border-left:medium solid #CCC;
	padding:0 20px;

}

#home-content h2, div.componentheading,td.contentheading,#home-content h2 a, div.componentheading a,td.contentheading a, div.contentheading{
	color:#be9188;
	font-size:22px;
	font-weight:bold;
	padding-bottom : 5px;
}


#home-content p{
	color:#655e5e;
	font-size:18px;
	line-height:20px;
}

#main-content{
	margin:auto;
	background-color:#fff;
	border-right:medium solid #CCC;
	border-left:medium solid #CCC;
	padding:0 20px;

}
#footer{
	width:540px;
	margin:auto;
	padding: 10px;
	text-align:center;
}

#form-login p input{
	color:#787878;
	background:transparent url(../images/text-input.png) no-repeat scroll right top;
	border:medium none;
	font-weight:bold;
	height:16px;
	margin:0;
	padding:3px 4px;
	vertical-align:top;
	width:106px;
}

#form-login .button{
	background:transparent url(../images/button-login.png) no-repeat scroll left top;
	border:medium none;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	height:18px;
	margin:0;
	padding:0;
	padding-bottom:2px;
	vertical-align:top;
	width:98px;
}

#form-login .button:hover{
	background-position:0 -18px;
	font-weight:normal;

}


#wrap-footer{
	width:560px;
	margin:auto;
	background-color:#FFF;
	background : url(../images/back-footer.png) no-repeat;
	margin-top:10px;
	padding: 10px;

}

.rounded{
	background-color:#FFF;
	padding: 10px;
	margin-bottom: 10px;
	border:thin solid #bbb;
}


#rightcolumn,#leftcolumn{
	background-color:#EEE;
	padding : 0 12px;
	border-right:thin solid #bbb;
	border-left:thin solid #bbb;
}


table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

/*VirtueMart*/
.checkout_link {
	margin-left: 140px;
	background: url( '../images/validcart.png' ) no-repeat left;
	padding:30px 0px 30px 70px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
}


.buy_joomailing{
	margin:auto;
	height:135px;
	width:125px;
	background: url( '../images/buy_joomailing.png' ) no-repeat left;
	margin-bottom:10px;
	}

.showcart{
	background: url( '../images/validcart.png' ) no-repeat left;
	text-align:right;
	margin:auto;
	width:150px;
	height:40px;
	padding-top:40px;
	}

.empty_cart{
	text-align:center;
	width:100%
	}

.empty_cart a{
	color : orange;
	font-size:14px;
	font-weight:bold;
	}

.showcart a{
	color : white;
	font-size:14px;
	font-weight:bold;
	background-color:#999999;
	padding:4px;
	border:1px solid #ffffff;
	}

td.sectiontableheader{
	height : 25px;
	background-color : #cccccc;
	padding : 10px 30px 10px 5px;
	}

td.sectiontableheader, td.sectiontableheader a{
	color : #330099;
	font-size:14px;
	}

tr.sectiontableentry1 td, tr.sectiontableentry2 td{
	padding : 5px 30px 5px 5px;
	}
tr.sectiontableentry1{
		background-color: #f9f9f9;
	}
tr.sectiontableentry2{
		background-color: #eeeeee;
	}
tr.sectiontableentry2:hover, tr.sectiontableentry1:hover {
		background-color: #ffd;
	}
/*************************/
/*   feature Table       */
/*************************/

table.features_table{
	border-collapse: collapse;
	background-color:white;
}
table.features_table tr.features td
{
	padding:4px;
    border: #cccccc 1px solid;
}

table.features_table tr.features_cat{
	padding: 5px 15px;
	border: #cccccc 1px solid;
	background-color:#5471B5;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}

table.features_table tr.features:hover{
	background-color:#CDE6E3;
}

table.features_table{
	border-spacing: 0px 1px;
}
table.features_table tr{
	height : 25px;
}

table.features_table tr.features_key{
	background-color : #DFEBFE;
}

ul{
	list-style-image: url('../images/puceniv2.png');
}

ul li ul{
	list-style-image: url('../images/puceniv3.png');
}

div.acymailing_mootoolsbutton{
	margin:auto;
	width:319px;
}

div.acymailing_introtext{
	padding : 10px;
	text-align:center;
	}

div.acymailing_finaltext{
	padding : 10px;
	font-size : 12px;
	}

table.acymailing_form{
	border:3px solid #DDDDDD;
	margin:10px auto;
	padding:5px;
	text-align:center;
}

h3{
	background-color:#EEEEEE;
	color:#135CAE;
	font-size:16px;
	font-weight:normal;
	padding:8px 40px;
	border: 1px solid #DDDDDD;
}

h4{
	background-color:#EEEEEE;
	margin-left:50px;
	padding:4px 40px;
}

#footer{
	text-align:center;
}
#copyrights{
	font-size:10px;
}

#main-content-bottom{
	background : url( '../images/main_bas.png' );
	height : 17px;
	width : 100%;
}

#main-content-top{
	background : url( '../images/main_haut.png' );
	height : 17px;
	width : 100%;
}

#home-content-bottom{
	background : url( '../images/front_bas.png' );
	height : 17px;
	width:716px;
	margin:auto;
}

#home-content-top{
	background : url( '../images/front_haut.png' );
	height : 17px;
	width:716px;
	margin:auto;
	margin-top : 10px;
}

#rightcolumn-top{
	background : url( '../images/right-top.png' );
	height : 9px;
	width:100%;
	}

#rightcolumn-bottom{
	background : url( '../images/right-bottom.png' );
	height : 9px;
	width:100%;
	}
#downloadbutton{
	background : url('../images/downloads.png') no-repeat;
	width : 319px;
	height : 84px;
}

#downloadbutton:hover{
	background-position:0 -84px;
}

img.imgthumb{
	margin : 3px;
	border : 2px solid #888;
}

img.imgthumb:hover{
	border : 2px solid #6C8AAB;
}

.tool-text{
	background-color: #dddddd;
	border-right : 2px solid #6C8AAB;
	border-bottom : 2px solid #6C8AAB;
	border-left : 2px solid #6C8AAB;
	padding : 2px;
	}
.tool-title{
	background-color: #dddddd;
	border-right : 2px solid #6C8AAB;
	border-top : 2px solid #6C8AAB;
	border-left : 2px solid #6C8AAB;
	padding : 4px;
	font-size : 14px;
	font-weight : bold;
}

#language{
	width:100%;
	text-align:right;
	position:absolute;
	top:20px;
	right:5px;
}


div#jlanguage{
	position:absolute;
}

div#jlanguage a.flag {
	padding-right:5px;
	display:block;
	float:left;
	width:32px;
	height:24px;
	background-repeat:no-repeat;
	background-image:url('../images/lang32.png');
	opacity:0.5;
	filter : alpha(opacity=50);
}
div#jlanguage a.flag:hover, #jlanguage a#active_language{
	opacity:1;
	filter : alpha(opacity=100);
}

div.yoo-tooltip-toggler, span.hasTip, .features_table span.hasTip, .features_table div.yoo-tooltip-toggler{
	border-bottom:1px dashed #990000;
	cursor : help;
}

.contentpaneopen div.yoo-tooltip-toggler,.contentpaneopen span.hasTip{
	border-bottom:0;
	display:inline;
	padding-left:5px;
}

.features_table span.hasTip, .features_table div.yoo-tooltip-toggler{
	border-bottom:1px dashed #990000;
	cursor : help;
	padding-left:0px;
}

div#searcharea{
	float:right;
}

div#twitter{
	position:fixed;
	width:80px;
	height:50px;
	bottom:0px;
	right:2px;
}

div#video_create_newsletter{
	background-image:url('../images/video_create_a_newsletter.png');
	width:300px;
	height:180px;
	border:2px solid #CCCCCC;
}
div#video_create_newsletter:hover{
	background-position:0 -190px;
}