/* CSS Document */



body{ margin:0 auto;  font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#4C4D50; text-align:justify; background:url(../images/bg.jpg) repeat-x #373631; }



.page{  background:url(../images/page_bg.jpg) repeat-x bottom; width:100%; float:left;}



.wrap{ width:924px; margin:0 auto; padding: 0 12px 10px; position:relative;}



*{ margin:0px; padding:0px; list-style:none; }



	



/********************************************************  FONT - FACE  *******************************************************/



@font-face {

    font-family: 'CandaraBold';

    src: url('../fonts/candarab_0.eot?') format('eot'),

         url('../fonts/candarab_0.woff') format('woff'),

         url('../fonts/candarab_0.ttf') format('truetype'),

         url('../fonts/candarab_0.svg#webfontmIJlhxfW') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'AgencyFBRegular';

    src: url('../fonts/agencyr.eot?') format('eot'),

         url('../fonts/agencyr.woff') format('woff'),

         url('../fonts/agencyr.ttf') format('truetype'),

         url('../fonts/agencyr.svg#webfontu8NPxhsG') format('svg');

    font-weight: normal;

    font-style: normal;



}









/********************************************************  ALL  *******************************************************/



a{ text-decoration:none; outline:none; }



a img{ border:none; }



.clear{ font-size:0px; margin:0px; padding:0px; clear:both; line-height:0px; width:0px; height:0px;}



h1, h2, h3{ line-height:normal;}



h1{ font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#818284; text-transform:uppercase; margin:0 0 15px;}



h3{ color:#D72127; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;}



input:focus{ border:0px; outline:none;}



.horizental_row{ background:url(../images/hr.gif) repeat-x; height:1px; margin:15px 0; border:0px; font-size:0px; line-height:0px; clear:both;}

















/********************************************************  HEADER  *******************************************************/



#header{ height:122px; padding:0 2px;}



.header-top-panel{ color: #9C9890; font-size: 15px; font-weight: bold; height: 27px; line-height: 27px; padding: 0px 20px 0 0; text-align: left; text-transform: uppercase;}



.header-top-panel img{ margin:3px 0 0;}



.header-top-panel #member-login{ float:right;}



.header-top-panel #member-login input.submit { background: url("../images/click-here.jpg") no-repeat; color: #000000; font-family: Verdana; font-size: 11px; font-weight: bold; height: 23px; line-height: 23px; margin:2px 0 0; #margin-top:-1px; text-align: center; vertical-align: middle; width: 87px; border:0px; position:relative;}



.header-top-panel #member-login img{ float:left; margin:8px 5px 0 0;}

.header-top-panel #right_info{ float:left;}



#header #logo{ float:left; margin:20px 0 0 40px;}



#header #nav{ float:right; margin:43px 10px 0 0; position:relative; z-index:10;}



#social_links{ width:30px; float:right; position:absolute; top:140px; right:-13px;}



#social_links img{ margin:5px 0;}



a.fb{background:url(../images/facebook.jpg) no-repeat; width:30px; height:108px; float:right; margin-bottom:10px;    }



a:hover.fb{	background:url(../images/facebook_on.jpg) no-repeat;}



a.twit{background:url(../images/twitter.jpg) no-repeat; width:30px; height:108px; float:right;   }



a:hover.twit{	background:url(../images/twitter_on.jpg) no-repeat;}



.sitelinks ul li{	width:186px;	float:left; font-weight:bold;}



.sitelinks ul li ul li{font-weight:normal; }



.sitelinks a{	color:#000000;}	



.sitelinks a:hover{ text-decoration:underline;}

a.fade-right{ float:right; background:url(../images/right_info.gif) no-repeat;width:481px; height:22px;}

a:hover.fade-right{background:url(../images/right_info_fadein.gif) no-repeat;}





/********************************************************  INNER - MIAN - HEADER  *******************************************************/



#inner_main_header{ height:107px; background:url(../images/inner_main_header.jpg) bottom repeat-x #EAE9E7; padding:10px; margin:0 0 10px; position:relative; width:896px; left:-32px; top:-22px; z-index:1;}















/********************************************************  GALLERY  *******************************************************/



#gallery{}



#gallery li{ float:left; margin:0px; background:url(../images/gallery_box.gif) no-repeat; height:73px; width:260px; padding:8px; margin:4px;}



#gallery li img{ opacity:1;filter:alpha(opacity=100)} 



#gallery li img:hover{ opacity:0.7;filter:alpha(opacity=70)} 



















/********************************************************  CONTACT US  *******************************************************/



.contact_us{}



.contact_us input, .contact_us label, .contact_us select, .contact_us textarea{ margin:0; float:left; padding:0 5px; border:1px #E5E9EC solid; height:20px; vertical-align:middle; font:12px/20px Arial, Helvetica, sans-serif; width:250px;}



.contact_us input:hover, .contact_us select:hover, .contact_us textarea:hover{ border-color:#cacaca;}



.contact_us input.btn{ width:70px; color:#fff; background:#261C12; font:11px/28px bold Arial, Helvetica, sans-serif; height:28px; border:0px; margin-right:10px;}



.contact_us input.btn:hover{ background:#CC9964; color:#000000;}



.contact_us label{ padding:0 10px 0 0; border:0px; width:105px; }



.contact_us select{ padding:0px; width:260px;}



 .contact_us textarea{ height:150px; line-height:16px;}



.contact_us table tr td{ padding-bottom:10px;}















/********************************************************  PRODUCTS  *******************************************************/



.products{}







.products_pages{}



.comparision_table_btn{ height:20px; padding-bottom:20px;}



.comparision_table_btn a{ background:url(../images/comparision_table.png) no-repeat top; height:19px; width:123px; float:right; display:block; text-indent:-999em;}



.comparision_table_btn a:hover{ background-position:bottom;}



.products_pages .product_left{ width:635px; float:left;}



.products_pages .product_left .lft{ width:295px; float:left;}



.products_pages .product_left .rght{ width:340px; float:left;}



.products_pages #product_links{ width:205px; font-size:11px; font-family:Verdana; border:1px #373631 solid; float:right;}



.products_pages #product_links h4{ color:#ffffff; background:url(../images/products_links.png) repeat-x; height:24px; text-transform:uppercase; padding-left:10px; line-height:24px; font-size:11px;}



.products_pages #product_links ul li{ background:url(../images/products_links_aro.gif) no-repeat 7px; border-top:1px #373631 solid;  line-height:24px;}



.products_pages #product_links ul li a{ color:#3C3B37; line-height:24px; display:block; padding:0px 0px 0px 10px;}



.products_pages #product_links ul li a:hover{  background:url(../images/products_links.png) repeat-x -7px; color:#FFFFFF; }



.eye_zone{ background:url(../images/eye_zone.gif) no-repeat; height:50px; padding-left:95px; margin:0 0 45px;}



.eye_zone h2{ font-size:24px; color:#767676; font-weight:bold; text-transform:uppercase; padding-top:11px;}



.eye_zone h2 span{ font-size:19px; display:block;}





/********************************************************  GALLERY1 *******************************************************/



.gallery1{}







.gallery1_pages{}



.comparision_table_btn{ height:20px; padding-bottom:20px;}



.comparision_table_btn a{ background:url(../images/comparision_table.png) no-repeat top; height:19px; width:123px; float:right; display:block; text-indent:-999em;}



.comparision_table_btn a:hover{ background-position:bottom;}



.gallery1_pages .gallery1_left{ width:635px; float:left;}



.gallery1_pages .gallery1_left .lft{ width:295px; float:left;}



.gallery1_pages .gallery1_left .rght{ width:340px; float:left;}



.gallery1_pages #gallery1_links{ width:205px; font-size:11px; font-family:Verdana; border:1px #373631 solid; float:right;}



.gallery1_pages #gallery1_links h4{ color:#ffffff; background:url(../images/products_links.png) repeat-x; height:24px; text-transform:uppercase; padding-left:10px; line-height:24px; font-size:11px;}



.gallery1_pages #gallery1_links ul li{ background:url(../images/products_links_aro.gif) no-repeat 7px; border-top:1px #373631 solid;  line-height:24px;}



.gallery1_pages #gallery1_links ul li a{ color:#3C3B37; line-height:24px; display:block; padding:0px 0px 0px 10px;}



.gallery1_pages #gallery1_links ul li a:hover{  background:url(../images/products_links.png) repeat-x -7px; color:#FFFFFF; }



.eye_zone{ background:url(../images/eye_zone.gif) no-repeat; height:50px; padding-left:95px; margin:0 0 45px;}



.eye_zone h2{ font-size:24px; color:#767676; font-weight:bold; text-transform:uppercase; padding-top:11px;}



.eye_zone h2 span{ font-size:19px; display:block;}










/********************************************************  COMPARISION TABLE  *******************************************************/



.comparision_table{ text-align:center;}



.comparision_table .topleft{ background:url(../images/comparision_table_topleft.gif) no-repeat left top; height:34px; padding-left:15px;}



.comparision_table .topright{ background:url(../images/comparision_table_topright.gif) no-repeat right top; height:34px; padding-right:15px; display:block; line-height:34px;}



.comparision_table .topmid{ background:url(../images/comparision_table_topmid.gif) repeat-x top; height:34px; display:block; font-weight:bold; color:#a03d1f;}



.comparision_table .middle{ border-left:1px #cacaca solid; border-right:1px #cacaca solid; padding:10px 5px;}



.comparision_table .botleft{ background:url(../images/comparision_table_botleft.gif) no-repeat left bottom; height:15px; padding-left:15px;}



.comparision_table .botright{ background:url(../images/comparision_table_botright.gif) no-repeat right bottom; height:15px; padding-right:15px; display:block;}



.comparision_table .botmid{ background:url(../images/comparision_table_botmid.gif) repeat-x bottom; height:15px; display:block; font-size:10px; line-height:10px;}



























/********************************************************  SITE MAP  *******************************************************/



.site_map{}























/********************************************************  CONTENT  *******************************************************/



#content{ background:url(../images/content_bg.png) no-repeat top; padding-top:5px; }



#content .container{ background:url(../images/container_bg.png) repeat-y; padding:20px 35px 25px; line-height:20px; min-height:400px;}



#content .our_vision{ width:415px; float:left; font-size:13px; line-height:20px;}



#content .our_vision a{ color:#4C4D50;}



#content .our_vision a:hover{ color:#E12329;}



#content .our_vision .picbox{ background:url(../images/picbox.jpg) no-repeat; height:102px; margin-bottom:20px;}

#content .our_vision .picbox1{ no-repeat; height:102px; margin-bottom:20px;}

a.demo_previous{ background:url(../images/previous_button_plain.gif) no-repeat; height:28px; width:80px; float:left; display:block;  }

a:hover.demo_previous{ background-position:bottom;}

a.demo_next{ background:url(../images/next_button_plain.gif) no-repeat; height:28px; width:80px; float:left; display:block;  }

a:hover.demo_next{ background-position:bottom;}

a.trial_link{ background:url(../images/link_trial_30days_off.jpg) no-repeat; height:49px; width:178px; float:right; display:block; text-indent:-999em; }

a:hover.trial_link{ background-position:bottom;}



#content .our_vision.digital_signage{ float:right;}















/********************************************************  FOOTER  *******************************************************/



#footer{ padding:30px 0 0 40px; color:#CABAA2;}



#footer h1{ margin:0 0 10px; padding:0px;}



#footer h1#quicklinks{ padding-left:15px;}



#footer h1 span{ display:none;}



#footer input{ margin:0 0 5px; border:0px; padding:0 5px; width:190px; color:#4C4D50; height:24px; line-height:24px; vertical-align:middle;}



#footer input.submit{ background:url(../images/submit.jpg) no-repeat; width:63px; height:23px; line-height:23px; vertical-align:middle; text-align:center; margin:5px 0 0 85px; color:#000000; font-size:11px; font-weight:bold; font-family:Verdana;}



#footer .timing{ color:#CC9E6F; font-size:12px; font-family:Verdana; font-weight:bold; line-height:18px;}



#footer .timing span{ padding-left:63px; display:block;} 



#footer #footer_top{ height:210px;}



#footer #footer_bottom{ height:24px;}

.mus{float:left; width:85px;}

.mus1{ float:left; width:200px}



#footer .f_left{ width:270px; float:left;}



#footer .f_mid{ width:290px; float:left;}



#footer .f_right{ width:195px; float:left; margin-left:110px;}



#footer .links{}



#footer .links li{ background:url(../images/links_aro.gif) no-repeat 0 8px; padding-left:15px; line-height:24px;}



#footer .links li a{ color:#CABAA2; }



#footer .links li a:hover{ color:#ffffff;}