@charset "utf-8";
/* CSS Document */

*, html, p, div, form, ul, ol, li, label, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
body{background: #e3e3e3 url(../images/bg.jpg) no-repeat top center;margin:0;padding:0; font:13px/20px Arial, Helvetica, sans-serif}

p{ margin:0 0 10px 0px;}
a:link{color:#2d57c4;text-decoration:none;}
a:link:hover{text-decoration:underline;}
v:link{color:#2d57c4;text-decoration:none;}
a:visited{color:#2d57c4;text-decoration:none;}
a:active{color:#2d57c4;text-decoration:none;}
a.text_white{color:#fff;text-decoration:none;}
a.text_white:hover{text-decoration:underline;}
img{ border:0;}
.clr{ clear:both;}
.flt{ float:left;}
.frt{ float:right !important; }
.container { width:100%; margin:0px; padding:0px; height:100%; }
.wrapper {margin: 0 auto;  width:1030px; padding:0px;}
.page-wrapper{ float:left; background:#FFFFFF; padding:10px; margin:15px auto; width:1010px;}
.page-wrapper .left-col{ float:left; width:735px; margin:0px; padding:0px; margin-top:10px;}
.page-wrapper .right-col{ float:right; width:257px; margin:0px; padding:0px; margin-top:10px;}
.page-wrapper .left-col-inner{width:228px; margin:0px; padding:0px; margin-top:10px;}
.page-wrapper .right-col-inner{ float:right; width:780px; margin:0px; padding:0px; margin-top:10px;}
.page-wrapper .right-col-inner .top_bg{ float:left; background: #FFFFFF url(../images/inner_top_bg.jpg) repeat-x top; width:99%; padding:9px 0 9px 7px; }
.page-wrapper .right-col-inner .top_bg h2{ font:bold 20px Arial, Helvetica, sans-serif; color:#c3131b; padding:2px 0 8px 0px; }

.header-container { min-height:80px;}
.header { height:82px; margin: 0 auto; padding: 5px 0 0; position: relative; text-align: right; width: 1010px; z-index:9; background:#000001; border-radius:10px;  -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;}
.header .logo {float: left;height:auto; text-decoration: none !important; width: auto; position:relative; z-index:999;}
.header h1.logo { float: left; margin: 0px 0 0 15px;}

/* ===== ======================Menu css here ======================= ===========*/
.nav_container{ height:40px; margin:0px;  position:relative; z-index:99;}
ul.navbar{list-style:none; padding:10px 0 0 0; margin:20px 5px 0px 0px; float:right;}
ul.navbar li{list-style-type:none;float:left;display:inline; position:relative;}
ul.navbar li a{color:#fff; text-decoration:none; padding:12px 9px; font: 16px Arial, Helvetica, sans-serif; }
ul.navbar li a:hover{color:#fff; text-decoration:none; background:#e00710; border-radius:8px;  -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;}
.navbar ul li:hover a, .navbar li:hover li a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF; 
}
.navbar ul a:hover {
    background:#ccc !important;
    color: #FFFFFF !important; display:block;
	text-decoration:none; border-radius:0 !important;
}
.navbar li:hover > ul {
    display: block;
}
.navbar ul {
    background:#da182c;
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    width: 210px;
}
.navbar ul li {
    float: left; clear:both;
    padding: 0; width:208px; 
	font:14px/22px Arial, Helvetica, sans-serif; border-bottom:dashed 1px #f6929c;
}

.navbar ul li a{ font:14px/22px Arial, Helvetica, sans-serif; width:192px; float:left; padding:4px 19px 6px 11px !important: }
.navbar ul a {
    font-weight: normal;
}
.navbar ul ul {
    
}
.navbar ul li:first-child > a { 
}
.navbar ul li:last-child > a { border:none !important;
}

/*left menu*/
	#example5, #example1{font:14px sans-serif, Arial, Helvetica;clear:both;  margin-top:10px; float:left;	}
		.expand_all,
		.collapse_all {
			cursor: pointer;
		}
		.example_menu {
			font-size: 90%; width:186px;  border:solid 1px #CCCCCC; border-radius:8px; padding:8px !important; float:left;
			list-style: none;
			
			padding: 0;
			vertical-align: top;
		}
		.example_menu ul {
			display: none;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		#menu5,
		#menu1{	margin: 0;}
		
		#menu5, #menu1 li .example_menu li {
			background-image: none;
			margin: 0;
			padding: 0;
		}
		.example_menu ul ul {
			display: block;
		}
		.left-mar{ padding-left:8px !important;}
		.example_menu ul ul li a {
			color:#606060; font-size:14px; 
		}
		.example_menu a {
		list-style-type:none;display:block;padding:5px 2px;text-decoration:none;color:#2b2b2b; border-bottom:solid 1px #eee; font-size:14px;
			}
		
		
		.example_menu a.expanded {
			list-style-type:none;display:block;padding:5px 2px;text-decoration:none;color:#2b2b2b;border-bottom:solid 1px #eee; font-size:14px; }
		
		.example_menu a.expanded:hover {
		background:transparent;
		}
		.example_menu a.collapsed {
			list-style-type:none;display:block;padding:5px 2px;text-decoration:none;color:#2b2b2b;border-bottom:solid 1px #eee; font-size:14px;}

		.example_menu a.collapsed:hover {
		background:transparent;
		}
		
		.example_menu a:hover {
		text-decoration: none;background:transparent;color:#7d7e7f;
		}
		.example_menu ul a {
			
			border-top: 1px solid #fff;
			color: #323232;
			display: block;
			font-weight: normal;border-bottom:1px solid #eaeaea;
				}
			
		.example_menu ul a:link {
			font-weight: normal; text-decoration:none;font-size:13px;
		}
		.example_menu ul a:hover {
		
		text-decoration: none;
		}
		.example_menu li.active a {
			background: #fff;color:#de3343;text-decoration:none;
		}
		.example_menu li.active li a {
			color: #767676;font-size:13px;text-decoration:none;
		}
		.example_menu li.active li a:hover {
		background:transparent;
		}
		ul.sub-m{ border:none;}
		ul.sub-m li{ border:none; list-style:none; background:url(../images/arrow_list.png) no-repeat left 9px; padding-left:8px;}
		ul.sub-m li a{ border:none !important; }

ul.home-list{ margin:-10px 0 0; padding:10px; list-style:none; background:#e5dd53; width:500px; float:left;}
ul.home-list li{ display:block; font:15px Arial, Helvetica, sans-serif; color:#141414; float:left; clear:both; padding:8px 0px 8px 28px; background:url(../images/check_mark_ico.png) no-repeat left 10px;}
.home-banner-container{clear:both; margin-top:10px;}
.home-banner{float:left;width:654px; height:364px;}
.home-banner-img{float:left;width:564px; height:364px; background:url(../images/banner.jpg) no-repeat;}
.home-banner-info{float:right;width:420px;background:url(../images/banner_right.jpg) no-repeat left 0px;height:352px;padding:10px 9px 0 17px; border-radius:0 10px 10px 0px;}
.home-banner-info h1{font:30px/36px Georgia, "Times New Roman", Times, serif;color:#000001; text-transform:uppercase;}
.home-banner-info h1 span{font:30px/22px Georgia, "Times New Roman", Times, serif;color:#fff; font-style: italic;}
.home-banner-info p{ line-height:16px; font:13px Arial, Helvetica, sans-serif; color:#000001; padding-bottom:0px; padding-top:0px;}
.comfort-link{ float:right; position:relative; width:215px; height:200px;}
.ticker{ float:left; position:absolute; top:95px;}
.more-info{ position:absolute; bottom:-124px; right:77px;}

.home-air{ height:auto;
    left: 0px;
    position: relative;
    top:57px; float:right;
    width:195px;}
.product-features{ float:left; width:730px; border-radius:10px; background:#c60f16; position:relative; padding:10px; margin-top:10px; margin-bottom:15px;}
.top_bg h3{ font: bold 18px Arial, Helvetica, sans-serif; color:#333; padding-bottom:10px;}
.product-features h3{ font:18px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px; }
.product-features .round-logo{ position:absolute; top:-58px; right:8px; background:url(../images/additional_value.png) no-repeat; width:126px; height:120px;}
.product-features ul{ margin:0px; padding:0px; list-style:none; width:360px !important; float:left;}
.product-features ul li{ float:left;  background: url(../images/white_arrow.png) no-repeat scroll left 6px transparent !important; font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; width:320px !important;  }

.product-features2{ float:left; width:425px; border-radius:10px; background:#e00710; position:relative; padding:10px; margin-top:10px; margin-bottom:15px;}
.product-features2 h3{ font:18px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px; }
.product-features2 .round-logo{ position:absolute; top:-60px; right:6px; background:url(../images/additional_value.png) no-repeat; width:122px; height:122px;}
.product-features2 ul{ margin:0px; padding:0px; list-style:none; width:360px !important; float:left;}
.product-features2 ul li{ float:left;  background: url(../images/white_arrow.png) no-repeat scroll left 6px transparent !important; font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; width:350px !important;  }
.font-17{ font:bold 16px Arial, Helvetica, sans-serif; }
/* =============================  service liting image css ================ */ 	
.list-area{ float:left; width:auto; position:relative;}
.list-area2{ float:right; width:200px;margin:0 0 0 10px}

.list-area-logo{
	position:absolute;
	top:-5px;
	right:-33px;
}
.WhiteBoxContainer {width:235px;float:left; padding:5px 0 10px 3px; position:relative; font-size:12px; background:#e4f8fe;  margin-bottom:10px; margin-right:10px;}
.last{margin-right:0px !important;}
.WhiteBoxContainer:hover { background:#ececed;}
.WhiteBoxContainer .Middle {width:235px;  padding:5px 0px; }
.WhiteBoxContainer .Middle h2 {color:#000001 !important; font-size:17px !important; margin:0;font-family: Arial, Helvetica, sans-serif; padding-left:5px; font-style:normal; font-weight:bold;  }
.WhiteBoxContainer .Middle p {line-height:17px;margin:0 10px;font-size:12px; overflow:hidden;}
.WhiteBoxContainer .Middle p img {margin:10px 0; border-radius:6px;}
.WhiteBoxContainer_middlegap{ margin:0px 36px; display:block;}

.view_more{ float:right; padding:0px 0px; margin-right:12px; font: bold 13px/18px Arial, Helvetica, sans-serif; }
.view_more a{ color:#e0bf30; text-decoration:none;}
.view_more a:hover{ text-decoration:none;color:#e22539; }

/* image styling css here */
.packages-img{ float:left; margin:0px; padding:0px;}
.packages-img-box {width:245px;float:left; padding:5px 0 10px 3px; position:relative; font-size:12px; background:url(../images/package_bg.jpg) no-repeat;  margin-bottom:10px; margin-right:10px; border-radius:10px;}
.last{margin-right:0px !important;}
.packages-img-box h4{ font: bold 15px Arial, Helvetica, sans-serif; text-align:center; padding:5px 0px;}
.packages-img-box:hover {background:url(../images/package_bg_over.jpg) no-repeat;}
.packages-img-box .Middle2 {width:235px;  padding:5px 0px; }


.advertise { float: right; margin-bottom: 10px; margin-top: 0px;}
.warranty-img{ float:left; margin-top:10px; margin-bottom:10px;}
.add-img{float:left; width:500px;}
.add-img-right{float:right; width:260px; margin-bottom:10px;}
.top-gailary-left {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width:773px;
}
.top-gailary-left ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.top-gailary-left ul li {
    background: url("../images/gray_arrow.png") no-repeat scroll left 6px transparent;
    float: left;
    line-height: 18px;
    margin-bottom: 18px; width:730px;
    padding-left: 15px; margin-left:10px;
}
.top-gailary-left ul.about {
    list-style: none outside none;
    margin: 0; float:left;
    padding: 0; width:450px;
}
.top-gailary-left ul.about li { float:left; width:450px !important;

}
.top-gailary-left h3{ font: bold 18px Arial, Helvetica, sans-serif; color:000001; padding-bottom:10px; clear:both;}
.top-gailary-left ul h3{ font: bold 20px Arial, Helvetica, sans-serif; color:000001; clear:both; padding:10px 0px;}

.home .understand {
    background: url(../images/home-easy.png) no-repeat scroll right bottom transparent;
}
.home .manage {
    background: url(../images/home-smart.png) no-repeat scroll right bottom transparent;
}
.home .reduce {
    background: url(../images/home-green.png) no-repeat scroll right bottom transparent;
}
.steps {
    margin: -27px 0 0;
    padding-bottom: 0;
}
.steps .banner {
    margin-top: 5px;
}
.steps ol p {
    line-height: 1.8;
}
.columns-3{ list-style:none; margin-top:10px;}
.steps ol li {
    height: auto; float:left; width:230px; padding:0px 10px; margin-top:20px;
}
.steps h2 {
    border-bottom: 1px solid #D8D9DA;
    color: #666 !important;
    padding:10px 0 10px !important;
}
.steps h2 strong {
    border: 4px solid #D8D9DA; color:#000;
    border-radius: 30px 30px 30px 30px;
    padding:2px 9px;
    line-height: 33px;
    transition: all 1s ease 0s;
}
.steps h2:hover strong {
    border-color: #F8971C;
    transition: all 0.5s ease 0s;
}
.list-img{ float:left; width:auto; margin:0px; padding:0px;}
.list-img ul{ float:left; list-style:none; margin:0px; padding:0px; margin-top:15px;}
.list-img ul li{float:left; margin:5px; width:205px; background:none;}

fieldset {
	border:0px dashed #CCC;
}
fieldset h2{ color:#234190; font:22px/36px Arial, Helvetica, sans-serif; padding-bottom:0px;}
label {width:170px;	height:32px;margin:0; float:left;display: block;
	font:12px/24px Arial, Helvetica, sans-serif;color:#666;}
.form {
	margin:0;
	padding:0; width:400px;
}
.div_texbox { float: left; min-height:26px;margin-top: 3px; padding: 0px 0 3px 0px; width: 192px; }
.textbox {
    color: #999999;
    font: 12px Arial;
    padding: 3px 5px 3px 8px;
    width: 160px; border:solid 1px #a8a3a3;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6; border:solid 1px #a8a3a3;
}
.slect-option{ width:175px;}
.buuton_div{ float:left;  background:#CCCCCC; border:none; color:#FFFFFF; padding:4px 8px; margin-right:10px; border-radius:5px; font:14px Arial, Helvetica, sans-serif; }
.radio-box{ float:left; width:100%;}
.radio_btn{ float:left; margin:5px 6px 0 0;}
.buuton_div a{ text-decoration:none; color:#FFFFFF; cursor:pointer;}
.buuton_div a:hover{  text-decoration:none;}
.request-btn{ float:right; margin-top:15px;}
.request-btn span{ float:left; margin-right:10px;}
.div_texbox span.required{ float:right; width:8px; color:#FF0000;}


.product-view {
}
.product-essential {
    margin-bottom: 20px;
}
.product-essential h2 {
    color: #010103;
    font: 14px Arial,Helvetica,sans-serif;
    padding: 2px 0 8px;
}
.product-view .product-img-box {
    float: left;
    position: relative;
    width: 265px;
}
.product-view .product-img-box .warrantyprod {
    color: #4E4E4E;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9px !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.product-shop {
    float: right;
    width: 450px;
}
.product-view .product-shop .product-name h1 {
    color: #000000;
    font: 24px/1.35 Arial,Helvetica,sans-serif;
    margin: -3px 0 0;
}
.product-essential h2 {
    font: 14px/1.35 Arial,Helvetica,sans-serif;
}
.thumb-img{ float:left; margin:0px; padding:0px; background:none !important;}
.thumb-img ul {
    list-style: none outside none;
    margin: 10px 0 0 0px;
}
.thumb-img li {
    float: left !important; 
    margin: 0 8px 8px 0px !important; background:none !important; padding:0px !important; width: 142px !important;
}
.thumb-img li a {
    border: 1px solid #E6E6E6;
    float: left;
    height: 80px;
    overflow: hidden;
   
}
.thumb-img li:last-chirld{ margin:0px;}

.repair-and-replace-left{ float:left; width:400px; text-align:justify; color:#6b6060; }
.repair-and-replace-left h1{color:#c3131b; font: bold 20px Arial, Helvetica, sans-serif; margin-bottom:15px;}

.repair-and-replace-right{ float:right; width:350px; padding-right:5px; text-align:justify; color:#6b6060;}
.repair-and-replace-right h1{font:25px "Times New Roman", Times, serif; color:#c3131b; margin-bottom:10px;}
.repair-and-replace-right h2{font:20px "Times New Roman", Times, serif !important; color:#333 !important;}
.repair-and-replace-right span{ font:18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#666666; float:left; padding:40px 0 15px 0;}


/*========= FOOTER CSS  ================*/
.footer{ float:left; width:1030px; margin:0px; padding:0px;}
.footer_social_block{ float:left; width:980px; height:auto; background:url(../images/border.jpg) repeat-x top; color:#989797; margin-left:30px;}

.footer_social_block span { float:left; padding:8px 12px 0 12px; }
.footer_social_block .social ul{ float:left; margin:0px; padding:0px; width:325px; list-style:none;}
.footer_social_block .social ul li{ float:left; padding:16px 0px 5px 0px; margin:0px 8px;}
.footer_social_block .social ul li:last-child{ margin-right:0px;}
.footer_social_block .social ul li:first-child{ margin-left:0px;}
.footer_social_block .social ul li a{ text-decoration:none; }
.footer_social_block span a:hover{ text-decoration:none; color:#e46836 !important;}
.footer_social_block ul.right{ float:right; width:415px; margin:0px; padding:0px; list-style:none;}
.footer_social_block ul.right li{ float:left; margin:0px; padding:10px 12px; list-style:none;}
.footer_social_block ul.right li a{ font:14px Arial, Helvetica, sans-serif; color:#989797; text-decoration:none;  text-transform:uppercase;}
.footer_social_block ul.right li a:hover{ text-decoration:none; color:#e46836 !important;}
.footer_gray_bg {
    background: url(../images/footer_bg.jpg) repeat-x scroll center bottom #9f9f9f; width:100%; min-height:318px;
    padding-top: 15px; float:left; margin-bottom:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
}
.holder {
    margin: auto;
    width: 950px;
}
.holder h3{ font: bold 15px Arial, Helvetica, sans-serif; color:#FFFFFF; border-bottom:solid 1px #CCCCCC; text-transform:uppercase; padding-bottom:8px;}
.div_div {
    color: #E6E6E6;
    float: left;
    font: 13px/25px Arial,Helvetica,sans-serif;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
    width: 175px; background:url(../images/footer_seprater.jpg) repeat-y right; min-height:180px;
}
.div_div1{width: 145px !important;}
.div_div1 h3{ border-bottom:solid 1px #2a2a2a;}
.div_div1 a{ }
.last-div{ width:162px !important;}
.div_div a {
    color: #fff;
    font: 13px/25px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.div_div a:hover {
    color: #fff !important;
    font: 13px/25px Arial,Helvetica,sans-serif;
    text-decoration: underline;
}
.div_div h3 {
    color: #fbfbfb;
    font: 15px/25px Arial,Helvetica,sans-serif;
    padding-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-right {
    float: right; color:#FFFFFF; margin-top:16px;
    width: 450px; padding-right:0px;
}
.footer-right a{ text-decoration:underline;  color:#FFFFFF;}
.footer-right a:hover{ text-decoration:none; color:#fff;}

 /* Social icon hover effect*/
.myButtonLink {
	display: inline-block;
	width: 50px;
	height: 47px;
	background: url(../images/facebook_icon.png) bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	background-position: 0 0px;
}
.myButtonLink-twitter {
	display: inline-block;
	width: 52px;
	height: 48px;
	background: url(../images/twitter_icon.png) bottom;
	text-indent: -99999px;
}
.myButtonLink-twitter:hover {
	background-position: 0 0;
}

.myButtonLink-rss {
	display: inline-block;
	width:50px;
	height: 47px;
	background: url(../images/rss_icon.png) bottom;
	text-indent: -99999px;
}
.myButtonLink-rss:hover {
	background-position: 0 0;
}
.myButtonLink-google {
	display: inline-block;
	width: 51px;
	height: 48px;
	background: url(../images/google_icon.png) bottom;
	text-indent: -99999px;
}
.myButtonLink-google:hover {
	background-position: 0 0;
}
.myButtonLink-printest {
	display: inline-block;
	width: 50px;
	height: 48px;
	background: url(../images/printest_icon.png) bottom;
	text-indent: -99999px;
}
.myButtonLink-printest:hover {
	background-position: 0 0;
}