/* CSS Document */
*{ margin:0px;	padding:0px;}
*{font-family:Verdana;font-size:10px;}
/*-----------------LAYOUT--------------------------------------*/
html, body {height: 100%; margin: 0; padding: 0;}
#wrapper{min-height: 100%;width:920px;margin-bottom:-190px;margin-left:65px;}
* html #wrapper {height: 100%;} 
#page-empty {height: 190px; clear: both;}
#footer{height:150px;width:733px;margin-left:230px;padding-top:20px;}

#body{ margin-top:50px;}
#leftPart{width:675px;float:left;}
#rightPart{	margin-left:670px;font-family:Arial, Helvetica, sans-serif;	font-size:11px;padding-left:20px;}

#centerPart{width:500px;margin-left:165px;font-family:Arial, Helvetica, sans-serif;	font-size:11px;padding-left:20px;}
#leftPartSmall{width:165px;float:left;}
/*----------------end LAYOUT---------------------------------*/

/*---FOOTER---------*/
#footer #footer-logo{float:left;background:url(../img/shopGuardFooter.jpg) no-repeat top center;width:178px; height:54px;margin-top:10px;}
#footer-content{float:left;margin-left:10px;margin-top:10px;width:540px;padding-left:5px;}
#footer-content a{text-decoration:none;color:#e12991;font-family:verdana;font-size:11px;}
#footer-content p{margin-bottom:10px;}
/*----end FOOTER----*/

/*---- head MENU block---------------------------*/
#headBlock{}
#head{width:675px; height:110px; background:#4e4e4e; margin-top:10px;}
#logo{background:url(../img/logo.gif) no-repeat top left; width:178px; height:54px; position:relative; top:25px; left:20px;}
#nav{ position:relative; top:25px; left:280px;}
#nav ul{list-style:none;}
#nav ul li{list-style:none;position:relative;display:inline;float:left;}
#nav ul li a{display: block;text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold; color:#FFFFFF; display:block; padding:10px 5px 0px 5px;  height:21px;}
#nav ul li a:hover{background:url(../img/bg-nav.gif) repeat-x top left;}
#nav ul li a.hover{background:url(../img/bg-nav.gif) repeat-x top left;}
#nav ul li ul{position: absolute;left: 0;top:30px;display: block;visibility: hidden;background:#8f8f8f;z-index:10;}
#nav ul li ul li{display: list-item;float: none;}
#nav ul li ul li a{display:block;width:220px;padding:5px 5px;height:15px;font-size:10px;}
#nav ul li ul li a:hover{background:#ffd5e1;color:#e14aba;}
#nav div.activeline{width:auto;background:url(../img/activeline.jpg);height:6px;z-index:1;}
/*--------------------end of head MENU------------------*/

h1.pink{font-size:14px; color:#f52f6a; font-family:Tahoma;}
h1.pink a{ font-size:14px; color:#f52f6a; font-family:Tahoma; text-decoration:none;}
h1.pink a:hover{ text-decoration:underline; cursor:pointer;}
.h2{ color:#000000; font-family:Tahoma; font-size:13px; font-weight:bold; margin-left:10px;}
p.normal{font-weight:normal;}
#corporateNews{
	width:200px;
	float:left;
	margin-left:100px;
	background:url(../img/sign.png) no-repeat top left;
	padding:4px 5px 5px 20px;
	
}
#corporateNews p{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:5px;
}
span.pink a{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	text-decoration:none;
	cursor:pointer;
}

#retailInformation{
	width:200px;
	margin-left:400px;
	margin-top:50px;
	background:url(../img/sign.png) no-repeat top left;
	padding:4px 5px 5px 20px;
}
#retailInformation p{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	margin-left:2px;
}
#retailInformation span.pink a{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:5px;
	text-decoration:none;
	cursor:pointer;
}
#solitions{
	background:url(../img/solutions.jpg) no-repeat left center;
	width:245px;
	height:58px;
	margin-bottom:20px;
}
#octopus2{
	width:245px;
	background:url(../img/Loop_alarm.gif) top center no-repeat;
	padding-top:20px;
}
#octopus2 p{
	padding:10px 20px 10px 20px;
}
#opalguard{
	width:245px;
	background:url(../img/People_counters.gif) top center no-repeat;
	padding-top:20px;
}
#opalguard p{
	padding:10px 20px 10px 20px;}
#loxys{
	margin-top:20px;
	background:url(../img/loxys.jpg) no-repeat;
}
#loxys a{
	display:block;
	width:245px;
	height:202px;
}

/* ---- ------ for NEWS ---- ----- ----- ---------- ------*/
#imgnews{
	background:url(../img/news.gif) no-repeat top left;
	width:245px;
	height:58px;
	margin-bottom:80px;
}
div.news{
margin-left:165px;
margin-bottom:50px;
width:480px;
display:block;
float:left;
}
div.news h4{
padding-left:20px;
margin-bottom:20px;
display:inline;
font-size:13px;
letter-spacing:1px;
background:url(/img/sign.png) no-repeat scroll left top;
}
div.new p.bold {
font-size:12px;
background-color:#acf;
}
div.news h4 img{
float:left;
}
div.news span{
font-size:9px;
letter-spacing:1px;
}
div.news img{
margin-right:15px;
margin-bottom:10px;
padding:2px;
}
div.news a b{
font-size:9px;
}
div.news ul{
list-style:none;
margin-left:10px;
margin-top:10px;
}
div.news ul li{
padding-left:15px;
}

div.nav{
color:#E12991;
position:absolute;
bottom:170px;
}
div.nav span{
font-size:15px;
font-weight:bold;
}
div.nav form input{
border:none;
background:none;
cursor:pointer;
color:#E12991;
font-size:11px;
font-weight:bold;
}
div#prev{
margin-left:165px;
}
div#next{
margin-left:600px;
}
a.arrow{
text-decoration:none;
color:#E12991;
font-size:10px;
float:right;
padding-right:10px;
padding-left:10px;
}
/*-----------------end News----------------------------------*/

/* ---- ------ for References ---- ----- ----- ---------- ------*/
#linkReferences{
	width:170px;
	float:left;
}
#linkReferences h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px 10px;
}
#linkReferences p{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:10px;
	margin-top:5px;
}
#fotoReferences{
	width:500px;
	margin-left:170px;	
}
div.foto{
	float:left;
	width:140px;
	padding:5px;
}
div.refs{
	display:block;
	float:left;
	width:145px;
	margin-right:15px;
	margin-bottom:20px;
}
div.refs a img,div.refs img{
	display:block;
	width:120px;
	height:120px;

}
.refs p{
	visibility:hidden;
}

/*----------end references--------------------------*/

/* ---- ------ for About ---- ----- ----- ---------- ------*/
#imgAbout{
	background:#ddd;
}
#textAbout{
	margin-left:165px;
	margin-top:270px;
}
#textAbout p{
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin:15px 0px 10px 0;
} 
#textAbout p span.pink, span.pink{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-left:0;
	margin-top:5px;
}
#linkAbout{
	padding-left:10px;
}
#linkAbout h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px 0;
}
#linkAbout p{
	font-weight:bold;
}
/*  CONTACTS */
#map h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px 10px;
}
#map div{
	margin-right:50px;
}
#rightPart p{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	padding:5px 10px 0px 0px;
}
.listRightPart{
	margin-left:15px;
	font-weight:bold;
}

/* End CONTACTS */

/* PRODUCTS */
#leftPartSmall h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
#leftPartSmall p{
	padding-top:10px;
}
#leftPartSmall p a{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	padding:0px 10px 0px 0px;
}
#leftPartSmall p  a.link:hover {
	color:#586AEA;
}
#leftPartSmall p a.link:link, #leftPartSmall p a.link:visited {
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
}
#leftPartSmall p a.active {
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#E12991;	
}
#benefitsImg{
	float:left;
}
#befitsText{
	margin-top:20px;
	float:left;
	width:290px;
}
#accessories {
	margin-top:10px;
} 
#accessories p,#befitsText p{
	padding:0px 0px 10px 20px;
	background:url(../products/img/fcs.gif) no-repeat top left;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	margin-left:0;
}
#accessories p.head, #befitsText p.head{
	background:url(../img/sign.png) no-repeat top left;
	padding:3px 0px 0px 20px;
	margin-bottom:10px;
}	
#tehnicalInformation{
	float:left;
	width:500px;
}
#tehnicalInformation p a{
	padding:0px 0px 10px 15px;
	background:url(../img/kpcs.gif) no-repeat top left;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;	
	margin-left:0;
	text-decoration:none;
}

#tehnicalInformation p  a:hover {
	color:#586AEA;
}

#ttx{
	float:left;
	margin-top:20px;
}
#ttx #controls{
	float:right;
	display:block;
}
#ttx #controls span{
	padding:0px 10px;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:1px;
	font-size:10px;
	color:#aaa;
	cursor:pointer;
}
#ttx #controls span.active{
	background:#ffd5e1;
	color:#f11;
}
table#ttxTable{
	display:block;
	padding:0;
	
}
table#ttxTable tr td{
	padding:1px 15px 0px;
}
table#ttxTable tr.k0{
	background:#ddf;
}
table#ttxTable tr.k1{
	background:#eee;
}
table#ttxTable tr{
	height:15px;
	font-weight:bold;
	border:1px solid #000000;
}
img#imageTable{
	display:none;
}

/* tag $ accessories */
span.h1{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin-left:0;
	margin-top:5px;
}
.title{
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}

#hard_a a:hover, #detach_a a:hover, #soft_a a:hover, #paper_a a:hover, #deactive_a a:hover, #other_a a:hover, .link:hover{
	color:#586AEA;
}

#hard_a a, #detach_a a, #soft_a a, #paper_a a, #deactive_a a, #other_a a, a.link {
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.refer div{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:0;
	margin-bottom:10px;
}
.tartalom{
	background-color: #FFFFFF;
	font-family: Arial;
        font-weight: normal;
	font-size : 11px;
	margin-top:5px;
	margin-left:0px;
        color: #000000
}
/* end style tag $ accessories */

/* people counters */
#textAbout .blue {
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	}
strong.h1{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin-left:0;
	margin-top:5px;
	}
div#avaibleModels div.colLeft p.colHead{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:0;
	margin-top:15px;

}
/* end people counters*/

/* END PRODUCTS */

/* style gallery  */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;

}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* end style gallery */


/*  */
div.guard{
	margin-left:10px;
	margin-bottom:20px;
	padding-top:10px;
}
div.guard p{
	font-size:9px;
}
div.guard span.pink a{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
	cursor:pointer;
}
div.guard span.pink a:hover{
	text-decoration:underline;
}
/*  */

/* LOOP ALARM*/
div.texLoopAlarm{
	width:725px;
}
div.texLoopAlarm p{
	padding-top:5px;
	padding-bottom:5px;
}
div.texLoopAlarm p.h1{
background-color:#FFFFFF;
color:#000000;
font-family:Verdana;
font-size:13px;
font-weight:bold;
margin-left:0;
margin-top:5px;
}
div.texLoopAlarm p.bold{
	font-weight:bold;
}
div.texLoopAlarm p.head{
background:transparent url(../img/sign.png) no-repeat scroll left top;
margin-bottom:10px;
padding:3px 0 0 20px;
}
div.texLoopAlarm ul{
	list-style:none;
	margin:10px 0px 0px 10px;
}
div.texLoopAlarm ul li{
font-family:Verdana;
font-size:10px;
margin-left:0;
padding:0 0 10px 15px;
background:#FFFFFF url(../img/kpcs.gif) no-repeat scroll left top;
}

div.texLoopAlarm table tr td p {
color:#E12991;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
/* LOOP ALARM*/

.highslide-credits{
	visibility:hidden;
}

/* PEOPLE COUTERS*/
.texLoopAlarm h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}


/*-------------- LOXYS -----------------------------------*/
#logo-loxys{
	float:right;
	margin-top:-20px;
	width:213px;
	height:35px;
	background:url(../img/loxys.png) no-repeat;
	border:0px solid #111;
	display:none;
}
#menu-loxys{
	float:left;
}
#menu-loxys ul{
	list-style:none;
	margin-top:-20px;
}
#menu-loxys ul li a{
	display:block;
	color:#000;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	margin:5px;
	text-decoration:none;
}
#menu-loxys ul li a:hover{
	color:#586AE9;
}
#menu-loxys ul li a.active{
	color:#E12991;
}
#header-loxys{
	float:left;
	width:300px;
	height:70px;
	margin-top:-20px;
	margin-left:20px;
	background:url(../img/header-loxys.gif) no-repeat left top;
	display:none;
}
#header-loxys-all{
	width:500px;
	height:54px;
	margin-top:-12px;
	margin-left:20px;
	float:left;
	background:url(../img/header-loxys-all.gif)  no-repeat right top;
}
#welcome{
	margin-top:70px;
	margin-left:175px;
	width:500px;
	text-align:justify;
}
#advantages-loxys{
	float:left;
	width:150px;
	height:auto;
	margin-left:20px;
	margin-top:10px;
	padding-right:10px;
	border-right:1px solid #888;
}
#advantages-loxys p{
	margin-top:5px;
	background:url(../img/kpcs.gif) no-repeat left 3px;
	padding-left:15px;
}
#media-loxys{
	float:left;
	width:320px;
	height:auto;
	margin:10px;
}
div.loxys{
	margin-top:20px;
	margin-left:10px;
	display:block;
	width:300px;
	height:170px;
	border:0px solid #111;
	border-top:1px solid #999;
	padding-top:20px;
}
div.loxys img{
	float:left;
	padding-right:20px;
}
div.loxys h4{
	font-size:13px;
}
div.loxys p{
	margin-top:10px;
}
/*--------------end  LOXYS -----------------------------------*/

/* --- */
div.textMain{
	margin-left:160px;
}
div.textMain p{
	margin:10px 5px 10px 5px;
}

/* --- */