﻿/* --------------- Fonts END ---------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

html { margin: 0; padding: 0; min-height:100%;}

body{padding:0; margin:0;
font-weight:400; color:#41484b; -webkit-font-smoothing:antialiased; font-smoothing: antialiased;
font-style: Normal;
font-variant: normal;
font-size: 13px;
line-height: 20px;
font-family: 'Open Sans', Arial; min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
img{padding:0;margin:0; border:0;}
form{padding:0;margin:0;}
input{padding:0;margin:0;}
textarea{padding:0;margin:0;}
select{padding:0;margin:0;}
h6{padding:0;margin:0;}
h5{padding:0;margin:0;}
h4{padding:0;margin:0;}
h3{padding:0;margin:0;}
h2{padding:0;margin:0;}
h1{padding:0;margin:0;}
li{padding:0;margin:0;}
ul{padding:0;margin:0;}
p {padding:0;margin:0;}
div {padding:0;margin:0;}
ul { list-style: none; }
ol { list-style: none; }

a {text-decoration: none; color:#2f8080; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}
a:hover { text-decoration: none; text-decoration:none; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}


.flt-lft {float:left;}
.flt-rgt {float:right;}

.aln-cntr{text-align:center!important; margin:0 auto 25px; display:block;}
.clear {clear:both; font-size:0; line-height:0;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0;}
ul.bull > li{float:left; clear:both; background:url('../images/bull.png') no-repeat 3px 6px; padding-left:22px; margin-bottom:8px; text-align:justify;}
ul.bull > li a{color:#00529b; text-decoration:none;}
ul.bull > li a:hover{text-decoration:underline;}

.marg-top0{margin-top:0px!important;}
.marg-top25{margin-top:25px!important;}
.marg-top10{margin-top:10px!important;}
.marg-bot0{margin-bottom:0px!important;}
.marg-bot5{margin-bottom:5px!important;}
.marg-bot15{margin-bottom:15px!important;}
.marg-bot25{margin-bottom:25px!important;}
.marg-lft15{margin-left:15px!important;}


h2{clear:both; display:block; overflow:hidden; color:#fff; font-size:30px; line-height:36px; font-weight:600; text-transform:uppercase;}
h3{clear:both; display:block; overflow:hidden; font-size:18px; line-height:24px; font-weight:600; margin-bottom:15px;}
h4{clear:both; display:block; overflow:hidden; font-size:15px; line-height:20px; font-weight:600; margin-bottom:10px; color:#c44927;}
h5{font-size:15px; line-height:28px; color:#5b5b5b; margin-bottom:5px; font-weight:500; text-transform:uppercase; display:block; overflow:hidden; color:#c44927;}


.red{color:red;}

/* --------------- Common Style END ---------------*/


#page-top-area{background-color:#81b6ab; width:100%; display:block; min-height:285px; margin-bottom:1px;}
.header-area{display:block; background:transparent url('../images/header-bg.png') repeat-x 0 0; min-height:150px; max-height:150px; position:relative; top:7px; z-index:102;}
.wraper{margin:0 auto; width:1000px; position:relative;}
a.blog-link{float:right; background:transparent url('../images/blog-icon.png') no-repeat 100% 0; color:#c44927; font-size:14px; width:150px; padding:25px 0; margin:20px 10px 0 0;}
a:hover.blog-link{color:#333536; background:transparent url('../images/blog-icon2.png') no-repeat 100% 0;}

.dsir-link{float:right; margin:15px 0 0;}


.highlight-txt{position:absolute; top:25px; left:28%; z-index:100;}

.slider-area{position:absolute; margin:0 auto; z-index:80; top:0; left:0; display:block; height:668px;}


/* Navigation */
.navigation-area{clear:both; display:block; position:relative; z-index:103;}

/* --- Navigation Style --- */
ul#navigation{-webkit-font-smoothing:antialiased; list-style-type:none; clear:both; display:block; height:35px;}
ul#navigation > li {float: left; position: relative; top:7px;}
ul#navigation > li > span{background:transparent url('../images/navigation-cone.png') no-repeat 0 0; width:14px; height:14px; z-index:100; position:absolute; left:0; bottom:-22px; display:none;}
ul#navigation > li:hover > span{display:block; position:relative; top:0px;}
ul#navigation > li > a{color:#fff; font-size:14px; border-right:1px #e08863 solid; padding:8px 30px; /*text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);*/ -webkit-transition: all .25s ease; text-transform:uppercase;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
ul#navigation > li:last-child > a{border-right:none!important;}
ul#navigation > li:hover a {background-color:#63696c; text-decoration:none; color:#fff;}

ul#navigation > li > ul {float: left; left: 0; top:33px; opacity: 0; position: absolute; visibility: hidden; z-index: 110; width:250px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
ul#navigation > li:hover ul{opacity: 1;top: 27px;visibility: visible;}
ul#navigation > li > ul > li > a{clear:both; display:block; overflow:hidden; color:#fff; padding:4px 10px; border-bottom:1px #959da1 dotted;}
ul#navigation > li > ul > li:last-child > a{border-bottom:none;}
ul#navigation > li > ul a:hover {background: #c44927;}
span.drop-arrow{background:transparent url('../images/drop-arrow.png') no-repeat 0 0; float:right; height:10px; width:5px; margin-top:6px;}


ul#navigation li ul li{float: none; position: relative;}

ul#navigation li:hover > ul{display: block; width:250px;}
ul#navigation li > ul li:hover{display: block; background-color:#c44927!important;}
ul#navigation li > ul li:hover a{color:#fff!important;}

ul#navigation li ul li a{clear:both; display:block; overflow:hidden; color:#fff; padding:4px 10px; border-bottom:1px #959da1 dotted;}
ul#navigation li ul > li > ul{position: absolute; top:0!important; left:250px; display: none; background-color: #041f78; width:180px;}

ul#navigation > li > ul > li:hover a {background-color:#c44927; text-decoration:none; color:#000;}
ul#navigation li > ul:hover li > ul li a:hover{color:#fff!important; background-color:#63696c;}

/* --- Navigation Style End --- */


.page-path-area{float:right; width:725px; height:78px; padding:50px 0 0 35px; background:transparent url('../images/header-leaf-bg.png') no-repeat 100% 100%; color:#beede3; position:relative; z-index:-1;}


.left-area{float:left; width:240px;}



/* nav menu styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
font-weight: normal;
position: relative;
}
#cssmenu a {
line-height: 1.3;
}
#cssmenu ul {
display: block; 
width: 240px; 
margin: 0 auto; 
}
#cssmenu > ul > li {
}
#cssmenu > ul > li:last-child {
margin: 0;
}
#cssmenu > ul > li > a {
display: block; 
padding: 10px 25px 10px 15px;
color: #d4d4d4;
text-decoration: none;
border-bottom: 1px solid #212121;
background-color: #343434;
background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));
background: -webkit-linear-gradient(top, #343434, #292929);
background: -moz-linear-gradient(top, #343434, #292929);
background: -ms-linear-gradient(top, #343434, #292929);
background: -o-linear-gradient(top, #343434, #292929);
background: linear-gradient(top, #343434, #292929);
}
#cssmenu > ul > li > a > span {
display:block; overflow:hidden;
}
#cssmenu > ul > li > a:hover {
color: #fff;
border-bottom-color: #63696c;
background-color: #63696c;
background: -webkit-gradient(linear, left top, left bottom, from(#63696c), to(#393e40));
background: -webkit-linear-gradient(top, #63696c, #393e40);
background: -moz-linear-gradient(top, #63696c, #393e40);
background: -ms-linear-gradient(top, #63696c, #393e40);
background: -o-linear-gradient(top, #63696c, #393e40);
background: linear-gradient(top, #63696c, #393e40);
}
#cssmenu > ul > li.active {
border-bottom: none;
}
#cssmenu > ul > li.active > a {
color: #fff;
border-bottom-color: #63696c;
background-color: #63696c;
background: -webkit-gradient(linear, left top, left bottom, from(#63696c), to(#393e40));
background: -webkit-linear-gradient(top, #63696c, #393e40);
background: -moz-linear-gradient(top, #63696c, #393e40);
background: -ms-linear-gradient(top, #63696c, #393e40);
background: -o-linear-gradient(top, #63696c, #393e40);
background: linear-gradient(top, #63696c, #393e40);
}
#cssmenu > ul > li.active > a span {
}
#cssmenu > ul > li.has-sub > a span {
background: url(../images/icon_plus.png) 99% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
background: url(../images/icon_minus.png) 99% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
background: #63696c;
display: none;
}
#cssmenu ul ul a {
display: block; 
background: none;
padding: 5px 10px;
text-decoration: none; border-bottom:1px #7f888d solid;
color: #fff;
}
#cssmenu ul ul a:hover {
background: #464c4f;
}

/* left Menu End */



ul.left-icons{display:block; overflow:hidden; margin:0 0 10px; padding-top:20px;}
ul.left-icons > li{text-indent:-9999px; float:left; padding:0 7px; width:17px; border-right:1px #cccfd0 dotted;}
ul.left-icons > li:last-child{border:none;}
ul.left-icons > li > a, ul.left-icons > li > a.asmall, ul.left-icons > li > a.print, ul.left-icons > li > a.email{background:transparent url('../images/left-icons.png') no-repeat 0 0; width:17px; height:15px; float:left;}
ul.left-icons > li > a:hover{background-position:-17px 0;}
ul.left-icons > li > a.asmall{background-position:0 -15px;} ul.left-icons > li > a:hover.asmall{background-position:-17px -15px;}
ul.left-icons > li > a.print{background-position:0 -30px;} ul.left-icons > li > a:hover.print{background-position:-17px -30px;}
ul.left-icons > li > a.email{background-position:0 -45px;} ul.left-icons > li > a:hover.email{background-position:-17px -45px;}

.infrastructure-img-area{display:block; overflow:hidden; clear:both; margin:20px 0; padding:3px; border:1px #ccc solid;}


.right-area{float:left; width:710px; padding:30px 15px 30px 35px; background:#fff url('../images/inner-top-bg.png') no-repeat 0 0;}
.right-area p{display:block; clear:both; margin-bottom:18px; text-align:justify;}
.right-area hr{height:4px; padding:0; margin:20px 0; display:block; overflow:hidden; clear:both; border:none; border-bottom:1px #ebebeb solid; background:transparent url('../images/hr-bg.png') no-repeat 0 0;}

.lft-txt-area-small{float:left; margin-bottom:15px; width:70%;}
.lft-txt-area-small2{float:left; margin-bottom:15px; width:45%;}

.vision-mision-box{background:transparent url('../images/vision-bg.jpg') no-repeat 0 0; display:block; min-height:439px; padding:25px;}
.vision-mision-box ul{width:50%; font-size:14px; line-height:20px;}
.vision-mision-box ul li{margin-bottom:18px; padding-left:10px; list-style-image:url('../images/bull.png');}


ul.management-team{display:block;}
ul.management-team li{float:left; width:46.5%; border:1px #ccc solid; margin:1%; border-top:1px #c44927 solid; color:#828282;}
ul.management-team li:hover{border-color:#c44927;}
ul.management-team li a{display:block; overflow:hidden; color:#828282; padding:6%;}
ul.management-team li a:hover{background-color:#c44927; color:#fff!important}
ul.management-team li a:hover span{color:#fff!important}
ul.management-team li span{margin-bottom:8px; font-weight:500; font-size:16px; line-height:22px; display:block; overflow:hidden; color:#242424;}



.header-txt{display:block; overflow:hidden; margin-bottom:20px; font-size:16px; text-transform:uppercase; font-weight:300; padding-bottom:10px; border-bottom:1px #ccc dotted;}
.header-txt span{font-size:22px; font-weight:600; line-height:34px;}

/* Online Application
====================================================================== */

form.careers{margin:25px 0; float:left; clear:both; width:100%;}

.lebel-outer {width:100%; margin-bottom:5px; overflow:hidden}
.lebel-outer2 {width:80%; margin:10px 0 0; overflow:hidden; float:right;}

.lebel-lft {float:left; width:190px}
.lebel-lft label {font-family:verdana; font-size:11px; color:#404040}
.lebel-lft label span {color:#C70017}
.lebel-lft label span.seperator {float:right; margin-right:10px}
.label-details {float:left; width:256px; margin-bottom:5px;}
.label-details .security-code {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#FF0000}
.btn-submit {margin:10px 0 0 80px}
.btn-submit1 {margin:10px 40px 0 0px}

.label-details > input[type="text"]{border: 1px solid #a7a9ac; background:#fff; padding:3px 5px; color:#000; font:Normal 11px/13px 'Arial';}
.label-details > select{border: 1px solid #a7a9ac; padding:3px 5px; color:#000; width:250px;}



/* ----------- tab Containt ------------------ */

ul.tabs { margin: 10px 0; padding: 0; float: left; list-style: none; height: 34px; border-bottom: 3px solid #c44927; width: 100%; font-size:13px;}
ul.tabs li {
float: left; cursor: pointer; padding: 0 18px ; height: 28px; line-height: 28px; font-weight: normal; overflow: hidden; position: relative; border-top: 5px solid #fff; color:#fff; margin-right:2px;
background-color: #343434;
background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));
background: -webkit-linear-gradient(top, #343434, #292929);
background: -moz-linear-gradient(top, #343434, #292929);
background: -ms-linear-gradient(top, #343434, #292929);
background: -o-linear-gradient(top, #343434, #292929);
background: linear-gradient(top, #343434, #292929);
}
ul.tabs li:hover{color:#fff; background:#c44927; border-top: 5px solid #c44927;}	
ul.tabs li.active{color:#fff; background:#c44927; border-top: 5px solid #c44927;}

.tab_container {
border-top: 5px solid #c44927;
border-top: none;
clear: both;
display:block; overflow:hidden; padding:15px 0;
}
.tab_content {
display: none;
position:relative;
}



.download-box{padding:20px 0; background:transparent url('../images/dotted-bg.png') repeat-x 0 0; clear:both;}
a.pdf{float:left; background:transparent url('../images/pdf-icon.png') no-repeat 0 0; line-height:29px; padding-left:36px; color:#63696c; text-decoration:underline;}
a:hover.pdf{text-decoration:none;}


.footer-area{display:block; overflow:hidden; clear:both; background:#63696c;}
.footer-wraper{display:block; margin:20px auto; width:960px; color:#adb6ba; overflow:hidden;}

.footer-links{padding-bottom:20px; float:left; font-family:Arial;}
.footer-links > ul{float:left; font-size:12px; color:#fff; margin-right:85px;}
.footer-links > ul > li{}
.footer-links > ul > li > a{color:#adb6ba; float:left; clear:both; margin-bottom:3px;}
.footer-links > ul > li > a:hover{text-decoration:underline;}
.footer-links > ul > li > a img{float:left; margin-right:10px;}
.footer-links > ul > li.head{color:#fff; font-size:14px; padding:6px 20px 6px 0px; margin-bottom:3px; display:block; overflow:hidden; float:none;}

.footer-links > ul.links2 > li{font-size:14px;}
.footer-links > ul.links2 > li > a{color:#fff; float:left; clear:both; margin-bottom:12px; background:none; padding:0; text-transform:uppercase}
.footer-links > ul.links2 > li > a:hover{text-decoration:underline;}


hr.footer-line{padding:0; margin:0; height:1px; border:0; background:#798084; display:block; clear:both; margin:15px 0;}

.footer-right-area{float:right;}
.footer-right-area p{float:left; margin:12px 15px 0 0;}
.footer-right-area a{float:right; background:transparent url('../images/back-to-top.png') no-repeat 0 0; width:45px; height:49px; text-indent:-9999px;}



/* Contact Area */

.contact-area{width:310px; float:left; margin-left:15px;}
.contact-area img{margin:0 0 20px; float:left;}

ul.contact-details{float:left; width:100%; margin-bottom:30px;}
ul.contact-details li{margin-bottom:10px; clear:both; float:left;}
ul.contact-details li.head{font-size:15px; line-height:28px; color:#5b5b5b; margin-bottom:5px; font-weight:500; text-transform:uppercase; display:block; overflow:hidden; color:#c44927;}

ul.contact-details li.phone, ul.contact-details li.mobile, ul.contact-details li.fax, ul.contact-details li.email
{background:transparent url('../images/contact-icons.png') no-repeat 0 0; padding-left:30px; margin-bottom:12px; margin-top:2px;}

ul.contact-details li.mobile{background-position:0px -32px;}
ul.contact-details li.fax{background-position:0px -64px;}
ul.contact-details li.email{background-position:0px -96px;}



.contact-form{float:right; width:340px;}
.contact-form > p{font-size:13px; line-height:18px; margin-bottom:10px; clear:both; display:block; font-style: italic; color:#ababab;}
.contact-form div{}
.contact-form label{float:left; width:95%; margin-bottom:12px;}
.contact-form span{float:left; width:85px; font-size:12px; margin-bottom:5px;}
.contact-form label input[type="text"]{float:left; width:215px; padding:4px 8px; border:none; background:#f3f3f3;}
.contact-form textarea{float:left; width:210px; padding:5px 10px; border:none; background:#f3f3f3; margin-bottom:15px;}

.contact-form div input[type="submit"]{ margin-left:85px;
-moz-box-shadow:inset 0px 1px 0px 0px #ee5b32;
-webkit-box-shadow:inset 0px 1px 0px 0px #ee5b32;
box-shadow:inset 0px 1px 0px 0px #ee5b32;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c44927), color-stop(1, #e85026));
background:-moz-linear-gradient(top, #c44927 5%, #e85026 100%);
background:-webkit-linear-gradient(top, #c44927 5%, #e85026 100%);
background:-o-linear-gradient(top, #c44927 5%, #e85026 100%);
background:-ms-linear-gradient(top, #c44927 5%, #e85026 100%);
background:linear-gradient(to bottom, #c44927 5%, #e85026 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c44927', endColorstr='#e85026',GradientType=0);
background-color:#c44927;
border:1px solid #9f371b;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
}


.contact-form div input:hover[type="submit"]{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e85026), color-stop(1, #c44927));
background:-moz-linear-gradient(top, #e85026 5%, #c44927 100%);
background:-webkit-linear-gradient(top, #e85026 5%, #c44927 100%);
background:-o-linear-gradient(top, #e85026 5%, #c44927 100%);
background:-ms-linear-gradient(top, #e85026 5%, #c44927 100%);
background:linear-gradient(to bottom, #e85026 5%, #c44927 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85026', endColorstr='#c44927',GradientType=0);
background-color:#e85026;
}


/* Contact Area End */



/* --------------- Index Animation ------------- */
.fluid_container {
bottom: 0;
height: 668px;
left: 0;
position:absolute;
right: 0;
top:0;
z-index: 0;
}

#camera_wrap_4 {
bottom: 0;
height: 100%;
left: 0;
margin-bottom: 0!important;
position:relative;
right: 0;
top:0;
}
.camera_bar {
z-index: 2;
}
.camera_thumbs {
margin-top: -100px;
position: relative;
z-index: 1;
}
.camera_thumbs_cont {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.camera_overlayer {
opacity: .1;
}

/* --------------- Index Animation End ------------- */

.index-mid-box{width:450px; margin:24px; line-height:18px;}
.index-mid-box h2{color:#c44927; text-transform:none; font-size:20px; line-height:22px; font-weight:600; margin-bottom:15px;}
.index-mid-box h3{color:#5c9286; text-transform:none; font-size:20px; line-height:22px; font-weight:600; margin-bottom:10px;}

.txt-1{display:block; overflow:hidden; text-align:justify; margin-bottom:15px;}
.txt-1 a{color:#c44927;} .txt-1 a:hover{text-decoration:underline;}

.txt-2{display:block; overflow:hidden; text-align:justify; font-size:16px; line-height:22px;}

.vision-txt{display:block; border-top:1px #818181 solid;}
.vision-txt p{padding:8px 0; display:block; overflow:hidden; border-bottom:1px #818181 solid;}

ul.index-box-links{display:block; overflow:hidden;}
ul.index-box-links li{float:left; width:176px; height:70px; padding:22px; background:#f0f5f4; margin:0 1px 1px 0;}
ul.index-box-links li:hover{background:#fff5f2;}
ul.index-box-links li img{float:left;}
ul.index-box-links li a{color:#41685c; float:right; width:90px;}
ul.index-box-links li a:hover{color:#c44927;}

.industry-support{margin:30px auto; width:945px; display:block; overflow:hidden; clear:both;}
ul.orange-box{float:right; width:903px;}
ul.orange-box li{float:left; margin-left:1px; background:#c44927; color:#fff; width:274px; height:120px; padding:15px 10px 15px 15px;}
ul.orange-box li:hover{background:#ae3e1f;}
ul.orange-box li img{float:right; margin-top:7%;}
ul.orange-box li div{width:185px; float:left; line-height:16px;}
ul.orange-box li div h4{font-size:16px; line-height:18px; margin-bottom:10px; font-weight:600; color:#fff;}
ul.orange-box li div a{clear:both; float:left; margin-top:10px; color:#fff; text-decoration:underline;} ul.orange-box li div a:hover{text-decoration:none;}


.inrastructure-animation-area{display:block; width:600px; padding:5px; background:#c44927; margin:10px auto 25px;}




/*Define Accordion box*/
/* Main toggle */
.toggle {
background: #fff; /* Main background */

background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#eef1f1));
background-image: -webkit-linear-gradient(top, #ffffff, #eef1f1);
background-image: -moz-linear-gradient(top, #ffffff, #eef1f1);
background-image: -o-linear-gradient(top, #ffffff, #eef1f1);
background-image: -ms-linear-gradient(top, #ffffff, #eef1f1);
background-image: linear-gradient(top, #ffffff, #eef1f1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#eef1f1');

margin-bottom: 10px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;    
}

/* Toggle Link text */
.toggle a.toggle-trigger {
display:block;
padding: 10px 20px 15px 20px;
position:relative;
text-decoration: none;
color: #666; font-weight:bold; font-size:14px;
}

/* Toggle Link hover state */
.toggle a.toggle-trigger:hover {
opacity: .8;
text-decoration: none;
}

/* Toggle link when clicked */
.toggle a.active {
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
-moz-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc;
color: #000;
}

/* Lets add a "-" before the toggle link */
.toggle a.toggle-trigger:before {
content: "-";    /* You can add any symbol, font icon, or graphic icon */
margin-right: 10px;
font-size: 1.3em;
float:left;
}

/* When the toggle is active, change the "-" to a "+" */
.toggle a.active.toggle-trigger:before {
content: "+";
float:left;
}

/* The content of the toggle */
.toggle .toggle-content {
padding: 15px 20px;
}


.popup-content{display:block; overflow:hidden; position:relative; padding:10px;}
.popup-content p, .txt-3{clear:both; margin-bottom:10px; display:block; overflow:hidden;}
.txt-3{font-size:15px; line-height:22px; color:#c44927; font-weight:bold;}
.popup-content h2{color:#81b6ab; font-size:14px; line-height:20px; margin-bottom:25px;}
.popup-content h2 span{font-size:24px; line-height:36px;}

.popup-content img{position:absolute; right:10px; top:10px;}










div#inner2 {
    white-space:nowrap;
    }
    
div#wn2	{ 
	background:rgba(255,255,255,0.9); position:relative; top:7px; z-index:75;
	width:100%; height:36px; font-size:18px; font-weight:700; line-height:32px; color:#d64705; margin:0 auto; border-bottom:1px #cbcbcb solid; display:block; padding:0 0 5px;
	overflow:hidden;
	}
.star{font-size:24px; margin:0 12px; position:relative; top:7px;}











.product-top-details{display:block; overflow:hidden; clear:both; margin-bottom:40px; padding-top:25px;}
.img-area{float:left; width:40%; padding:10px 0; text-align:center; background:#fff; border:1px #ddd solid;}
.product-details{float:right; width:55%;}
.product-details h3{display:block; overflow:hidden; clear:both; margin-bottom:5px; color:#000; font-size:22px; line-height:40px;}

.product-details input[type="number"]{float:left; margin-right:10px; padding:8px; width:40px; height:30px;}
.product-details a{float:left;}

.product-details a:hover img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}


.price{font-size:17px; line-height:24px; margin-bottom:20px; color:#000;}


.save{padding:3px 10px; background:#3a3a3a; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


ul.highlight-point{display:block; clear:both; overflow:hidden; margin-bottom:40px;}
ul.highlight-point li{display:block; float:left; width:42%; margin:1%; padding:10px 0 10px 40px; background:transparent url('../images/highlight-icons.jpg') no-repeat 10px 15px; border:1px #ddd solid;}
ul.highlight-point li:nth-child(1){background-position:10px -23px!important;}
ul.highlight-point li:nth-child(2){background-position:10px -63px;}
ul.highlight-point li:nth-child(4){background-position:10px -101px;}



form.payment-form{display:block; overflow:hidden; clear:both;}
form.payment-form input{padding:5px 10px; background:#fff; border:1px #ccc solid; margin-right:15px; margin-bottom:5px; min-width:200px;}
form.payment-form input[type="submit"]{background:#c44927; border:0; padding:8px 25px; margin-left:155px; margin-top:15px; color:#fff; font-weight:bold; min-width:80px; cursor:pointer;}








/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul#navigation > li {top:8px;}
ul#navigation > li > span{bottom:-21px;}
ul#navigation > li:hover ul{top: 27px;}
}
