/*

	-- -- -- -- -- -- --
	Cacidi Systems Aps 2007
	-- -- -- -- -- -- --
	
	
*/



	a:link {
		color: #888;
		text-decoration: none;
	}
	a:visited {
		color: #888;
		text-decoration: none;
	}
	a:hover {
		color: #000;
	}
	
	h1, h1 a, h1 a:hover, h1 a:link, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:link, h2 a:visited {
		color: #000;
		font-family: "Verdana", arial, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0.1em;
		padding: 15px 0;
		margin: 0 0 0em 0;
		text-decoration: none;
	}
	
	h2, h2 a, h2 a:hover, h2 a:link {
	padding: 0;
	
	}
	
	
	p {
		font-family: "Verdana", arial, sans-serif;
		color: #000;
		font-size: 8pt;
		line-height: 1.6;
		margin: 0;
	}
	
	p.two {
		font-family: "Verdana", arial, sans-serif;
		color: #888;
		font-size: 7pt;
		line-height: 1.6;
		margin: 0.1em 0;
		display: inline;
	}
	
		p.small {
		font-family: "Verdana", arial, sans-serif;
		color: #888;
		font-size: 6pt;
		line-height: 1.6;
		margin: 0.1em 0;
		display: inline;	
	}

	
	
	p.three, p.three a, p.three a:link, p.three a:hover, p.three a:visited {
	color: #000;
	font-size: 7pt;
	line-height: 0.6;
	text-decoration: none;
	display: inline;
	}
	
		
	p.three a:hover {
	color: #888;
	}
	
	p.four, p.four a, p.four a:link, p.four a:hover, p.four a:visited {
	color: #000;
	font-size: 7pt;
	line-height: 0;
	text-decoration: none;
	float: right;
	padding-right: -7px;
	margin-top: -3px;
	display: inline;
	}
	
		
	p.four a:hover {
	color: #888;
	}
	
	.white {
	color: #000;
	}

	em {
	font-style: normal;
	}
	.bold {
	font-weight: bold;
	}
	
	.red {
	font-weight: bold;
	color: #000;
	/*color: #8e1304;*/
	
	}
	
	
	
	li {
		color: #999;
		font-size: 1.5em;
		padding: 0;
		margin: 0 0 0 1em;
		line-height: 2;
	}
	
	ul {
		padding: 0;
		margin: 0;
		}
	
	

	
	
	
	#footer p, #footer li {
		color: #000;
		border-top: dotted 1px #aaa;
		text-align: center;
		font-size: 7pt;
		font-weight: normal;
	}
	
	
	
	
	body {
	
		font: 76% "Verdana", arial, sans-serif;
		margin: 0 0 0 0;
		text-align: center;
		background-color: #d3d3d3;
	}
	

/*------------Navigation Bar-----------------*/

div#navbar
{
  height: 40px;
  width: 100%;
  padding-top: 5px;
}
div#navbar ul#nav {
  height: 20px;
  margin: 0px;
  padding: 0px;
  background: url(images/nav.jpg) repeat-x;	
/*  overflow: hidden;*/
}

* html div#navbar {
height: 50px;
}
/*div#navbar > ul#nav {
  background: url(images/nav.jpg) repeat-x;	
}*/

div#navbar li {
  list-style-type: none;
  display: inline;
  margin-left: 7px;
  padding-left: 0px;
  float: left;

}
	
div#navbar li a#link, div#navbar li a#logout, div#navbar li a#logoutONE, div#navbar li a#logoutTWO, div#navbar li a#login, div#navbar li a#loginONE, div#navbar li a#loginTWO, div#navbar li a#home  {
  font: 7pt "Verdana", arial, sans-serif;
  line-height: 2.2;
  white-space: nowrap;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  padding: 7px 10px;
  color: #FFF;

  padding: 0px 0px 0px 10px;
}

div#navbar li a#home {
padding: 0px;
padding-top: 4px;

}

div#navbar li a#logout, div#navbar li a#login {
margin-left: 84px;
}

div#navbar li a#logoutONE, div#navbar li a#loginONE {
margin-left: 66px;
}

div#navbar li a#logoutTWO, div#navbar li a#loginTWO {
margin-left: 50px;
}

div#navbar li a#logout, div#navbar li a#logout {
margin-left: 84px;
}

div#navbar li a#logoutONE, div#navbar li a#logoutONE {
margin-left: 66px;
}

div#navbar li a#logoutTWO, div#navbar li a#logoutTWO {
margin-left: 65px;
}

div#navbar li a:link {
text-decoration: none;
}
div#navbar li a:hover{
color: #888;
}

div#navbar li div {
  height: 20px;
  position: absolute;
  margin-top: -10px;
  margin-left: 12px;
  text-align: left;
  display: none;
}

* html div#navbar li div{
margin-top: 11px;
margin-left: -38px;
}


div#navbar li:hover a#sublink, div#navbar li.over a#sublink {
  font: 7pt "Verdana", arial, sans-serif;
  color: #000;
  line-height: 2.2;
  white-space: nowrap;

  padding-right: 10px;

}

div#navbar li:hover a#sublink:hover, div#navbar li.over a#sublink:hover {
color: #888;
}

div#navbar li:hover div#link-hover, div#navbar li.over div#link-hover {
  display: inline;
}

div#img {

}

a img {
border: none;
}

div#langa {
margin-bottom: 2px;
text-align: right;

padding-top: 9px;
}

div #langa li, div #langa li a, div #langa li a:link {
list-style-type: none;
display: inline;
font-family: "Verdana", arial, sans-serif;
font-size: 7pt;
color: #000;
line-height: 1.5;
white-space: nowrap;



}

div #langa li a:hover {
text-decoration: underline;
}

div#motto {
float: left;
text-align: left;
font-family: "Verdana", arial, sans-serif;
font-size: 10pt;
color: #000;
display: inline;
line-height: 1.5;
padding-top: 4px;
padding-bottom: 2px;
}

* html div#motto {
padding-top: 0px;
}
 
div #motto p.five {
font-size: 7pt;
display: inline;
color: #000;
}	

/* index */
div#A-side {
margin-left: 0px;
}

div#A-side li {
list-style-type: circle;
font-size: 10pt;
}

div#B-side {
margin-left: 15px;
}

div#B-side li {
list-style-type: none;
font-size: 10pt;
}


div#C-side {
margin-left: 45px;
}

div#C-side li {
list-style-type: none;
font-size: 10pt;
}

div#nadaINDEX{
border-bottom: 1px solid #888;
margin-bottom: 20px;
}


div#screens {
padding-top: 10px;
float: left;
width: 70%;
}

div#right2 {
margin-right: -38px;
margin-top: 5px;
float: right;
width: 30%;
}

div#right2 li {
list-style-type: none;
display: inline;
}

div#right {
margin-top: 10px;
padding-top: 10px;
float: right;
width: 160px;
background-color: #d0d9d9;
height: 350px;

}

div#right li, div#right li#make, div#right li#publish, div#right li#login, div#right li#create, div#right li#print, div#right li#two {
list-style-type: none;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
text-align: center;
margin-left: 0px;
padding-left: 20px;
}

div#right li#make:hover, div#right li#publish:hover, div#right li#login:hover, div#right li#create:hover, div#right li#print:hover {
background-color: #a6bbbb;
}

div#right li#make:hover p, div#right li#publish:hover p, div#right li#login:hover p, div#right li#create:hover p, div#right li#print:hover p {
color: #5c6868;
}

div#right li#two {
padding: 0px;
padding-left: 20px;
padding-top: 55px;
text-align: left;
}

div#arrow3 {
float: right;
margin-top: -12px;
margin-right: 16px;
}

/* company */
div#country
{
float: left;
width: 135px;
height: 300px;
}

* html div#country {
height: 320px;
}

div#country ul#navi {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

 
	
div#country li {
  list-style-type: none;
  display: inline;
  margin: 0px;
  padding: 0px;

/*  float: left;  */
}

div#country li a#link {
  font: 7pt "Verdana", arial, sans-serif;
  color: #000;
  line-height: 1.5;
  white-space: nowrap;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}

div#country li a:link {
text-decoration: none;
}

div#country li a:hover {
color: #888;
}

div#country li div#link-hover {
/*  height: 30px;*/
  position: relative;
  display: none;
  text-align: left;

}
div#country li div#link-hover ul {
  padding-top: 10px;
}

div#country li:hover a#sublink, div#country li.over a#sublink {
  font: 7pt "Verdana", arial, sans-serif;
  color: #888;
  line-height: 2.0;
  white-space: nowrap;
  display: block;
  
  padding-left: 17px;
  padding-right: 16px;

}



div#country li:hover a#sublink:hover, div#country li.over a#sublink:hover {
color: #000;
}

div#country li:hover div#link-hover, div#country li.over div#link-hover {
  display: inline;
}

div#textfloat {
float: right;
width: 70%;

}

div#nada {
margin-top: 90px;
margin-left: 208px;
}

* html div#nada {
margin-top: 24px;
}

div#nada ul {
border-top: 1px solid #888;
}

div#nada2
{

}

/* STORE */
div#textfloatSTORE {
text-align: center;
width: 100%;
margin-bottom: 2px;
}

div#doublefloat {
width: 50%;
margin-bottom: 20px;
margin-top: 20px;
float: left;

}

div#doublefloatB {
width: 50%;
margin-bottom: 20px;
margin-top: 5px;

float: left;
}

div#nadaSTORE, div#nadaSTORE2, div#nadaSTORE3{
border-bottom: 1px solid #888;
}



div#contain {width: 100%;margin: 0 auto;}
div#invoice {margin-top: 10px;padding-top: 190px;}
table#tab p {font-family: 'Myriad Pro', 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;font-weight: normal;color: #888;font-size: 8pt;line-height: 1.2;}
div#invoice h1{color: #000;font-family: 'Myriad Pro', 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;font-size: 11pt;font-weight: bold;text-align: center;}
div#img2 {text-align: center;float: right;}
p bold{font-weight: bold;}
p u {text-decoration: underline;}


/* FAQ */
div#nadaFAQ{
border-bottom: 1px solid #888;
margin-bottom: 20px;
}

div#pics4{
float: right;
margin-top: -52px;

}

div#pics4 img {
margin-left: 10px;
}

div#text {
margin-top: 20px;
margin-right: 30px;
}

div#vertical {
float: right;
width: 4%;

margin-right: 2px;
margin-top: 20px;
}

div#vertical img {
margin-top: 10px;
margin-left: -12px;
}

div#wrapper {
margin-top: 20px;
float: left;
width: 93%;

margin-bottom: 10px;
border-right: 1px solid #888;
}

/* Multimedia */
div#multimediaBIG
{
width: 45%;
height: 150px;
float:left;
padding-top: 0px;
padding-bottom: 40px;
padding-left: 20px;
}

* html div#multimediaBIG {
height: 250px;
h\eight: 250px;
}

div#multimediaBIG ul#navi, div#multimediaBIG ul#nava {
margin: -7;

}

 

div#multimediaBIG li {
  list-style-type: none;
  margin-top: 30px;
  margin-left: 0px;
  display: inline;
  padding: 0px;

}
	
div#multimediaBIG li a#linkAPPLE, div#multimediaBIG li a#linkWIN {
  font: 7pt "Verdana", arial, sans-serif;
  color: #000;
  line-height: 2;
  white-space: nowrap;
  font-weight: normal;
  width: 206px;
  text-decoration: none;

  padding: 0px 0px 0px 10px;
  display: inline-block;
}




div#multimediaBIG li a:link {
text-decoration: none;
}

div#multimediaBIG li a:hover {
color: #000;
}

div#multimediaBIG li div#link-hover {
  position: relative;
  display: none;
  text-align: left;
}

div#multimediaBIG li div#link-hover ul {
padding-top: 10px;
}

div#multimediaBIG li:hover a#sublink, div#multimediaBIG li.over a#sublink {
  font: 7pt "Verdana", arial, sans-serif;
  color: #888;
  line-height: 2.0;
  white-space: nowrap;
  background-color: #333;
  display: block;
  padding-left: 32px;
  padding-right: 16px;
  width: 201px;
}



div#multimediaBIG li:hover a#sublink:hover, div#multimediaBIG li.over a#sublink:hover {
color: #000;
}

div#multimediaBIG li:hover div#link-hover, div#multimediaBIG li.over div#link-hover {
  display: inline;
}


div#button {
}

div#button2 {
background: #d3d3d3;

}

div#button2 ul#br {
}
	
div#button ul#br {

}
	
div#button ul#bl {
padding: 8px;
padding-right: 7px;
}

div#button2 ul#bl {
padding: 7px;
padding-right: 7px;
}

div#arrow {
background-color: #FFF;
float: right;
padding-left: 30px;
margin-top: -10px;
}

div#arrowPRE {
float: right;
padding-left: 50px;
margin-top: -10px;
}

div#cart {
float: right;
padding-left: 10px;
margin-top: -10px;
}

div#print {
float: right;
padding-left: 10px;
margin-top: -9px;

}

div#cart2 {
float: left;
padding-right: 8px;
margin-top: 8px;
}


/* DARK GREY BOX START */	
ul#lb {background: url(images/LBDark.png) 0% 100% no-repeat #d3d3d3;}
ul#lt {background: url(images/LTDark.png) 0% 0% no-repeat;}
ul#rb {background: url(images/RBDark.png) 100% 100% no-repeat;}




#multimedia ul#rb {
height: 350px;
}

div#container2 ul#rb {
padding-bottom: 15px;
}

div#container3 ul#rb {
padding-bottom: 15px;
}

div#container4 ul#rb {
padding-bottom: 15px;
}

div#container5 ul#rb {
padding-bottom: 0px;
}


ul#rt {
background: url(images/RTDark.png) 100% 0 no-repeat;
padding: 15px;
}
	
	
#container {
background-color: #efefef;
width: 850px;
margin: 0 auto;
padding: 20px;
padding-top: 0px;
text-align: left;
}

* html #container {
width: 890px;
w\idth: 790px;
}

#containerTOP {
background-color: #efefef;
width: 850px;
margin: 0 auto;
padding: 20px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;
}

* html #containerTOP {
width: 790px;
w\idth: 790px;
}


div#header {
border-top: dotted 1px #aaa;

}
div#headerTWO {
border-top: dotted 1px #000;
}



/* GREY CONTAINER START */
.ll {background: url(images/linepart.png) top right repeat-y  #FFF; margin: 0 0 0 0}
.lb {background: url(images/lb.png) 0% 100% no-repeat; margin-top: 20px}
.rr {background: url(images/linepart.png) top left repeat-y; margin: 0 0 0 0}
.rb {background: url(images/rb.png) 100% 100% no-repeat}
.bb {background: url(images/linepart.png) repeat-x bottom; margin: 0 14px 0 14px}
.tt {background: url(images/linepart.png) repeat-x top; margin: 0 -14px 0 -14px}
.lt {background: url(images/lt.png) 0% 0% no-repeat}
.rt {background: url(images/rt.png) 100% 0 no-repeat; padding: 10px; padding-bottom: 20px}


* html .ll{padding-bottom: 20px;}
* html .rt{padding-left: 0px; padding-right: 0px}
/* GREY CONTAINER END */
		
		
		
div#content ul#cont100, div#content ul#cont60 {
padding: 20px;
padding-bottom: 35px;
padding-top: 0px;
}

div#content ul#cont60 {
width: 63%;
float: right;
}

* html div#content ul#cont60 {
width: 70%;
w\idth: 70%;
}

* html div#content ul#cont100, div#content ul#cont60  {
padding-bottom: 20px;
p\adding-bottom: 20px;
}



div#content ul#cont100 div#pic {
width: 25%;
}
div#content ul#cont100 div#pic img#resize {
width: 100%;
}

div#content ul#cont100 div#container2 {
float: left;
width: 100%;
padding-bottom: 20px;
}

div#content ul#cont100 div#container3 {
float: right;
width: 35%;
padding-bottom: 20px;
}

div#content ul#cont100 div#container4 {
float: left;
width: 60%;
padding-bottom: 20px;
padding-top: 15px;
}

div#content ul#cont100 div#container5 {
float: left;
width: 100%;
padding-bottom: 20px;
}



div#content ul#cont60 { 
min-height: 300px;
}


div#list {
padding-bottom: 30px;
float: left;

}

div#content img#list
{
float: right;
margin: 8px 0px 15px 25px;
}

div#content img#prod
{
width: 530px;
padding-bottom: 15px;
}

div#content li#links
{
list-style-type: none;
display: inline;
float: right;
clear: both;
}

li#links a, li#links a:link,li#links a:hover {
color: #888;
font: 7pt "Verdana", arial, sans-serif;
font-weight: bold;
letter-spacing: 0.1em;
margin-left: 10px ;
text-decoration: none;
}
	
li#links a:hover {
text-decoration: underline;
}

div#arrow2 {
padding-left: 50px;
margin-top: -12px;
}


div#content li#linksFAQ
{
list-style-type: none;
display: inline;
float: right;
clear: both;
}

div#content li#linksFAQ a, div#content li#linksFAQ a:link, div#content li#linksFAQ a:hover {
color: #888;
font: 7pt "Verdana", arial, sans-serif;
font-weight: bold;
letter-spacing: 0.1em;
margin-left: -10px;

text-decoration: none;
}
	
li#linksFAQ a:hover {
text-decoration: underline;
}


		
div#navbar2
{
 
 width: 100%;
 font: 10pt "Verdana", arial, sans-serif;
 padding: 10px;
 line-height: normal;
 margin-bottom: 5px;
}


div#navbar2 ul {
  list-style: none;
  font-size: 45%;
}

div#navbar2 li {
  float: right;	
  padding: 0px;
}

div#navbar2 li#cart {
  float: right;	
  padding: 0px;
}

div#navbar2 li#cart a {
margin-right: 0px;
}

div#navbar2 li#two, div#navbar2 li#three {
  float: left;	
}

div#navbar2 li#three {
margin-left: -10px;
}
	
div#navbar2 a {
  display: block;
  padding: 0px 14px 0px 0px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

div#navbar2 a:hover{
color: #888;
}

div#navbar2 #current{

}

div#navbar2 #current a {
color: #d3d3d3;
padding-bottom: 5px;
}


div#partner{
padding: 100px;
padding-top: 15px;
padding-bottom: 0px;
}


div#users {
float: left;
width: 50%;
}
		
/* webstore process bar*/

div#process {
float: right;
 width: 90%;
 padding-right: 0px;
 padding-top: 5px;
 margin-bottom: 0px;
}


div#process ul {
  list-style: none;
  font-size: 45%;
}
	
div#process li {
  float: right;	
  margin-left: 0px;
}

div#process img#tp {

}

div#processTOP {
float: right;
 width: 90%;
 padding: 10px;
 padding-right: 0px;
 padding-bottom: 0px;
 
}

div#processTOP ul {
  list-style: none;
  font-size: 45%;
}
	
div#processTOP li {
  float: right;	
  padding-left: 35px;
}


/* Sidebar floater */		
#sidebar {
width: 28%;
float: left;
margin: 10px;
margin-top: 20px;
}

* html #sidebar {
width: 26%;
}

#sidebar ul#line {
border-top: solid 1px #555;
}

	
#sidebar p, p1 {
list-style: none;
line-height: 1.2;
font-size: 0.9em;
color: #888;
margin-bottom: 10px;
padding-top: 10px;
}

	

.clearboth { clear: both; }






div#verisign {
float: right;
margin-top: 60px;
}	

div#verisignB {
float: right;
}	

#footer {
clear: both;
margin: 0;
padding-top: 20px;
}

div#picfloater
{
width: 30%;
float: left;
}

div#picfloaterDL {
width: 100%;
}

div#picfloaterIND {
width: 95%;
margin: 0 auto;
}

div#picfloaterDL li, div#picfloaterIND li {
  list-style-type: none;
  margin: 0px;
  height: auto;
  display: inline;	
}

div#picfloater ul#nav, div#picfloaterDL ul#nav, div#picfloaterIND ul#nav {

}
	
div#picfloater li {
  list-style-type: none;
  margin: 0px;
  height: auto;
  display: inline;	
}

div#picfloatDL, div#picfloatIND {
width: 100%;
}

div#picfloatDL img#resizeDL, div#picfloatIND img#resizeIND {
width: 100%;
}
	
div#content ul#cont100 div#picfloat {
width: 80%;
font: 70% "Verdana", arial, sans-serif;
}

div#multimedia div#picfloat {
margin: 0 auto;
}

div#content ul#cont100 div#picfloat img#resize2 {
width: 100%;

}

div#content ul#cont100 ul#wrap {
margin-left: 30%;
margin-top: -18px;
/*clear: left-bottom;*/
}



#multimedia
{
width: 23%;
float:left;
margin-top: 30px;
margin-left: 1.7%;
text-align: center;
display: inline;
}

#multimedia2
{
width: 25%;
float:left;
margin-top: 5px;


text-align: center;
display: inline;
}

* html #multimedia {
margin-left: 3.5%;
}

#multimedia p {
text-align: left;
}






#customer
{
width: 25%;
float: left;
margin-top: 30px;
margin-bottom: 0px;
text-align: center;
}

* html #customer {
width: 24%;
w\idth: 24%;
}

#customer ul {
line-height: 1.2;
width: 170px;
}

#customer p, #customer p a, #customer p a:link, #customer p a:hover {

font: 7pt "Verdana", arial, sans-serif;
text-decoration: none;
margin: 0 auto;
width: 130px;
}



div#content ul#cont100 div#customer div#picfloat2 {
width: 80%;
margin: 0 auto;

}

div#content ul#cont100 div#picfloat img#resize2, div#content ul#cont100 div#customer div#picfloat2 img#resize2, div#content ul#cont100 div#picfloat img#resize2 {
width: 100%;
}

div#content ul#cont100 div#customer div#picfloat2 img#resize3 {
width: 400%;
}

* html div#content ul#cont100 div#customer div#picfloat2 img#resize3 {
margin-left: 20px;
m\argin-left: 20px;
}




