/* CSS Document */

/* Import
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);

@font-face {
    font-family:'Capsuula';
    src: url('Capsuula-webfont.eot');
    src: url('Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('Capsuula-webfont.woff') format('woff'),
         url('Capsuula-webfont.ttf') format('truetype'),
         url('Capsuula-webfont.svg#Capsuula') format('svg');
}

@font-face {
    font-family:'BebasNeue';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeue') format('svg');
}

body 
{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:424242; 
margin:0; padding:0; background:url(../images/body_bg.gif) top repeat-x;
}

/*global*/
h1, h2, h3, h4, h5, form { margin:0; padding:0; font-weight:normal; font-family:'Oswald';}
p { margin:0px; padding:0px; line-height:18px; font-size:13px; text-align:justify;}
.details {line-height:18px; font-size:13px; text-align:justify;}

a { color:#0400fe; text-decoration:none; outline:none;}
a:hover{ color:#ff0000; text-decoration:underline;}
a:active { position: relative; top: 1px; }
.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}
h1 { font-size:19px; color:#000; border-bottom:solid 5px #E0DCDC; padding-bottom:10px; margin-bottom:13px; color:#000;}
h2 { font-size:18px; color:#909090;}

.main_hold { width:100%}
.main { width:980px; margin:0 auto;}
.logo { margin:0px 0px 11px 0px; width:185px;}
.only_banner{ height:325px; width:990px; margin:0px auto; border-bottom:solid 1px #363E3F;}
.menu_hold { padding-top:26px;}
.banner_hold { background:url(../images/banner_bg.gif) bottom repeat-x; height:325px; width:760px; float:left;}
.tab_hold { margin-top:18px;}
.datails { color:#000000; font-size:11px; line-height:16px; text-align:justify;}

/*banner*/
/* HEADER */
#header { height:301px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:301px; position:absolute; }

.banner_right{ background:#edf6ff; float:right; width:220px; height:318px;margin-top:-13px;}
/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url(../images/headerbg.png); }
#navigation { height:100px; width:980px; margin:0 auto; background-image:url(../images/logo.png); background-position:top left; background-repeat:no-repeat; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url(../images/btn_back.png); }
#next { background-image:url(../images/btn_next.png); }
#control { background-image:url(../images/btn_pause.png); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:278px; margin:0 auto; width:980px; z-index:50;}
#headernav { padding-left:880px; }
/**/

.box_content { border-left: solid 1px #B6B6B6; border-right: solid 1px #B6B6B6; background-color:#fff; padding:5px 0px; font-size:11px; color:#333333; line-height:16px; text-align:justify;}

.tab_shadow { background:url(../images/tab_sep.gif) left no-repeat;}
.contect_hold { background:url(../images/middle_bg.gif) bottom repeat-x; border-bottom:solid 1px #B2B9BC; padding-top:22px; padding-bottom:20px;}

.content_box { width:224px; float:left;}
.content_box h1 { font-size:17px; color:#000; border-bottom:solid 5px #E0DCDC; padding-bottom:10px; margin-bottom:13px; color:#000;}
.content_box a img {
border-top:solid 1px #fff; border-bottom:solid 1px #fff;
}
.content_box a img:hover {
border:solid 1px #E3E3E3;
-moz-box-shadow: 0 0 5px 2px #ccc;
-webkit-box-shadow: 0 0 5px 2px #ccc;
box-shadow: 0 0 5px 2px #ccc;
}

.readmore { color:#1F1F1F; font-size:12px; font-family:'Oswald';}
.readmore:hover { color:#EB7E2D; text-decoration:underline;}

.mail { color:#0400fe; font-weight:bold;}
.mail:hover { color:#247DB5;}


/*footer*/
.footer_hold { font-size:11px; color:#848484; margin-bottom:10px;}
.footerborder { background-color:#ff0103; height:5px; margin-bottom:15px;}
.footer_heading { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#5A5A5D;}
.footerlinks ul { margin:0px; padding:0px; list-style:none;}
.footerlinks ul li { color:#5A5A5D; font-size:11px; line-height:18px;}
.footerlinks ul li a { color:#5A5A5D; background:none; padding-left:0px; font-size:11px;}
.poweredby { color:#4C4C4C; font-weight:bold;}

/**/
.slideOutTip{
	/* The products wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	font-size:12px;
	color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify;
	overflow:hidden;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
	
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-family:'Oswald',Arial, Helvetica, sans-serif;
	font-size:11px; color:#ccc;
	white-space:nowrap; width:130px;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	margin-right:5px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

.plusIcon{
	/* The plus icon */
	width:19px;
	height:19px;
	background:url(../images/but-magnify.png) no-repeat center center;
	margin:2px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; background-color:#fff; color:#565555;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 1px #E3E3E3;
-moz-box-shadow: 0 0 1px 2px #E9E9E9;
-webkit-box-shadow: 0 0 1px 2px #E9E9E9;
box-shadow: 0 0 1px 2px #E9E9E9;
}

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}

.openLeft .tipTitle{ float:right; padding:0 0 0 0px;}
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0;}

.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.products > p{ display:none;}

/* The styles below are only necessary for the styling of the demo page: */

.products{ background: url(../images/product_linel.gif) no-repeat center top;
	height:60px;
	margin:20px auto;
	position:relative;
	width:980px;
}

.spaceBottom{
	margin:0 0 10px;
}

.spaceTop{
	margin:10px 0 0;
}

.productline_hold { background:url(../images/productline_bg.gif) top center no-repeat; padding-top:30px;}
.linebar { width:15px; position:absolute; z-index:999; margin-top:-3px;}


/*25 april 2012*/
.inner_banner { height:194px; border-bottom:solid 1px #363E3F; background-color:#B0ADB4; padding-top:1px; text-align:center;}

.rightpanel { width:225px; float:right}
.rightlinks {}
.rightlinks ul { margin:0px; padding:0px; list-style:none;}
.rightlinks ul li{ background-color:#EAEAEA; margin-bottom:2px;}
.rightlinks ul li:hover {background-color:#FFFFFF;

}
.rightlinks ul li a{ color:#444444; display:block; padding:4px 4px 4px 10px; font-size:11px; font-weight:bold; text-align:left;}
.rightlinks ul li a:hover{ color:#000FFF; display:block; padding:4px 4px 4px 10px; background-color:#FFFFFF; text-decoration: none; font-size:12px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}


/*-----contact form-------*/
.grid_6 { width:450px;}
.contactform {padding-top:5px}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
a.button2 {color:#fff;}
a.button2:hover {color:#fff;}
.dark .bottom_row  a.button2:hover {color:#2a241f;}
.button2_hover { background:#2a241f  }
.button {padding:0 20px; height:31px; line-height:31px; display:inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration:none; position:relative; z-index:15; overflow:hidden}
.button strong {position:relative; z-index:15; font-weight:normal}

.button_hover {position:absolute; bottom:-41px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:100%; height:41px; left:0; padding:0 !important;  }
.input_icon_name {position:absolute; width:29px; height:19px; left:10px; top:8px; background: url(../images/name_icon.png) no-repeat 0% 0%;}
.input_icon_email {position:absolute; width:29px; height:19px; left:10px; top:8px; background: url(../images/mail_icon.png) no-repeat 0% 0%; }
.input_icon_website {position:absolute; width:29px; height:19px; left:10px; top:8px; background: url(../images/website_icon.png) no-repeat 0% 0%; }
.input_icon_country {position:absolute; width:29px; height:19px; left:10px; top:8px; background: url(../images/country.png) no-repeat 0% 0%; }

.button2 {padding:0 18px; height:35px; line-height:35px; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; position:relative; z-index:15; overflow:hidden}
.button2 strong {position:relative; z-index:15;font-weight:normal}
.button2_hover {position:absolute; bottom:-35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:100%; height:35px; left:0; padding:0 !important }

.height input, .height_area textarea {background: #fff;border: 1px solid #c1c1c1;padding: 10px 10px 9px 45px; width:360px;color: #333;line-height: 12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline:none;   display:block; float:left}
.height_area textarea { width:395px; height:100px; padding-left:10px;}
.height {height: 42px;position: relative; overflow:hidden}
.height_area {position: relative; overflow:hidden;}
.height label {width:73px; padding:0 0 0 5px; display:block; float:left; height:34px; line-height:34px; font-size:12px; font-style:normal; font-family:Arial, Helvetica, sans-serif}

.homelinks{ font-size:12px; color:#ffffff; padding:10px; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.homelinks:hover{ color:#CCCCCC; text-decoration:none;}

.links{ padding:5px; border-bottom:1px dashed #94caed;}
.links:hover{ border-bottom:1px dashed #559fce;}
.link{ padding:4px; border-bottom:1px dashed #ccc; font-size:12px; text-decoration:none;}
.link:hover{ font-size:12px; text-decoration:none;}

.content {}
.content p { margin-bottom:10px;}
.logo_text{ color:#0a0efd; font-weight:bold; font-style:italic; font-family:tahoma, arial; font-size:16px; text-transform:uppercase;}