/*
Theme Name: Home Appliance
Theme URI: http://homeappliance.com/
Description: The Home Appliance WordPress theme that graced version 2.9, based on the famous <a href="http://homeappliance.com/">Home Appliance</a>.
Version: 1.7.2
Author: Home Appliance
Author URI: http://homeappliance.com/
Tags: blue, silver, white, two-columns, fixed-width, right-sidebar, fixed-width, custom-header, threaded-comments, sticky-post, rtl-language-support, translation-ready
Text Domain: Home Appliance
*/

/* general */
* { padding: 0px; margin: 0px; }
html, body { font-family: 'open_sansregular', arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: arial; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0px; }
a, input { outline: none; }

/* global classes */
.clear { clear: both; height: 0px; overflow: hidden; }

/* wrapper */
#wrapper { float: left; display: block; width: 100%; min-height: 100%; }
		
	/* header wrapper */
	#headerWrapper { position: relative; width: 100%; height: 167px; float: left; background: url('images/headerWrapper.png') left top repeat-x; }
	#headerWrapper #header { width: 960px; margin: 0 auto; }
	#headerWrapper #header h1 { padding: 21px 0; float: left; font-size: 40px; color: #175b9f; letter-spacing: -2px; }
	#headerWrapper #header h1 a { font-size: 40px; color: #175b9f; text-decoration: none; }
		
		/* phone area */
		.phoneArea { padding: 0 0 0 70px; margin: 20px 0 0 0; height: 88px; float: right; background: url('images/phoneicon.png') left 5px no-repeat; }
		.phoneArea p { font-size: 20px; color: #292929; }
		.phoneArea p span { font-family: 'open_sanssemibold'; font-size: 36px; color: #175b9e; display: block; }

		/* menu area */
		.menuArea { width: 960px; height: 60px; float: left; }
		.menuArea .menu { float: left; }
		.menuArea .menu ul { list-style: none; }
		.menuArea .menu li { padding: 0 15px 0 13px; float: left; position: relative; background: url('images/divider.png') right 6px no-repeat; }
		.menuArea .menu li a { padding: 0 0 0 21px; float: left; font-family: 'open_sanssemibold'; color: #fff; text-decoration: none; background: url('images/menuleftbg.png') left top no-repeat; }
		.menuArea .menu li span { padding: 0 21px 0 0; height: 61px; float: left; font-size: 16px; color: #fff; line-height: 60px; font-weight: bold; background: url('images/menurightbg.png') right top no-repeat; }
		.menuArea .menu li a:hover,.menuArea .menu li.current_page_item a { background: url('images/menuleftbg.png') left bottom no-repeat; }
		.menuArea .menu li a:hover span,.menuArea .menu li.current_page_item a span { background: url('images/menurightbg.png') right bottom no-repeat; }
		
		.menuArea .menu ul li ul { display: none; }
		
	/* banner wrapper */
	#bannerWrapper { position: relative; width: 100%; height: 447px; float: left; background: url('images/bannerwrapper.png') left top repeat-x; }
	#bannerWrapper #banner { width: 991px; margin: 0 auto; overflow: hidden; background: url('images/bannerBottombg.png') center bottom no-repeat; }	
		
		/* banner area */
		.bannerArea { padding: 35px 0 0 16px; overflow: hidden; position: relative; font-family: 'open_sanssemibold'; }
		.bannerArea ul.rslides { list-style: none; }
		.bannerArea ul.rslides li { padding: 3px; width: 954px; height: 398px; float: left; position: relative; border-bottom: 1px solid #cacaca; background: #fff; }
		.bannerArea ul.rslides li img { float: left; }
		.bannerArea .content { width: 594px; position: absolute; left: 50px; top: 60px; text-shadow: 1px 1px #000; }
		.bannerArea .content h2 { font-size: 52px; color: #fff; }
		.bannerArea .content p { padding: 15px 0 20px 0; font-size: 21px; color: #FFFFFF; }
		.bannerArea .content a { padding: 0 0 0 20px; width: 285px; height: 57px; font-size: 21px; display: block; line-height: 57px; color: #FFFFFF; text-decoration: none; background:url('images/requestbtn.png') left top no-repeat; }
		
		.bannerArea .rslides_tabs { width: 64px; position: absolute; right: 25px; bottom: 18px; list-style: none; }
		.bannerArea .rslides_tabs li { padding: 0 1px; float: left; }
		.bannerArea .rslides_tabs li a { height: 13px; width: 13px; font-size: 0px; display: block; background: url('images/navigation.png') left top no-repeat; }
		.bannerArea .rslides_tabs li a:hover,.bannerArea .rslides_tabs li.rslides_here a { background: url('images/navigationHover.png') left top no-repeat; }
	
	/* content wrapper */
	#contentWrapper { margin: 30px 0 40px 0; width: 100%; float: left; }
	#contentWrapper #content { width: 960px; margin: 0 auto; }
	
		/* welcome area */	
		.welcomeArea { width: 654px; float: left; font-size: 15px; color: #232323; }
		.welcomeArea h3 { font-family: 'open_sanslight'; font-size: 28px; color: #575757; font-weight: normal; }
		.welcomeArea h3 span { display: block; font-family: 'open_sanssemibold'; font-size: 28px; color: #175b9e; font-weight: normal; }
		.welcomeArea p { padding: 20px 0 5px 0; }
		.welcomeArea ul,.contentArea ol { padding: 20px 0 0 20px; }
		.welcomeArea a { color: #175b9e; text-decoration: none; }
		.welcomeArea a:hover { color: #000; text-decoration: underline; }
		
		/* services area */
		.servicesArea { width: 254px; float: right; }
		.servicesArea .widget { padding: 20px 0; width: 254px; float: left; border-bottom: 1px solid #ccc; }
		.servicesArea h3 { font-family: 'open_sanssemibold'; font-size: 28px; color: #175b9e; }
		.servicesArea ul { padding: 10px 0 0 0; list-style: none; }
		.servicesArea ul li { padding: 8px 0; border-bottom: 1px solid #ddd; }
		.servicesArea ul li a { color: #175b9e; font-weight: bold; text-decoration: none; }
		.servicesArea ul li a:hover { color: #ec7e43; }
		.servicesArea p { padding: 10px 0 0 0; }
		.servicesArea cite { font-weight: bold; }
		.servicesArea .widget.advanced_recent_posts_widget li { border: 0px!important; }
		
		/* content area */	
		.contentArea { width: 654px; float: left; line-height: 20px; }
		.contentArea h2 { font-family: 'open_sanssemibold'; font-size: 28px; color: #575757; font-weight: normal; line-height: 30px; }
		.contentArea h3 { font-family: 'open_sanssemibold'; font-size: 22px; color: #175b9e; font-weight: normal; line-height: 26px; }
		.contentArea h4 { font-family: 'open_sanssemibold'; font-size: 18px; color: #000; font-weight: normal; line-height: 22px; }
		.contentArea h5 { font-family: 'open_sanssemibold'; font-size: 16px; color: #000; }
		.contentArea p { padding: 20px 0 0 0; }
		.contentArea ul,.contentArea ol { padding: 20px 0 0 20px; }
		.contentArea a { color: #175b9e; text-decoration: none; }
		.contentArea a:hover { color: #000; text-decoration: underline; }
		
		.contentArea .wpcf7 input.wpcf7-text { margin: 5px 0 0 0; padding: 6px; border: 1px solid #ccc; }
		.contentArea .wpcf7 textarea { margin: 5px 0 0 0; padding: 6px; width: 500px; border: 1px solid #ccc; }
		.contentArea .wpcf7 input.wpcf7-submit { margin: 5px 0 0 0; padding: 7px 25px; cursor: pointer; border: 0px; font-family: 'open_sanssemibold'; font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 3px; background: #d93d18; }
		
		/* posts area */	
		.postsArea { width: 654px; float: left; line-height: 20px; }
		.postsArea h2 { font-family: 'open_sanssemibold'; font-size: 28px; color: #575757; font-weight: normal; line-height: 30px; }
		.postsArea .post { padding: 20px 0; width: 654px; float: left; }
		.postsArea h3 { font-family: 'open_sanssemibold'; font-size: 22px; color: #175b9e; font-weight: normal; line-height: 26px; }
		.postsArea p { padding: 10px 0 0 0; }
		.postsArea a { color: #175b9e; text-decoration: none; }
		.postsArea a:hover { color: #000; text-decoration: underline; }
		
	/* footer wrapper */
	#footerWrapper { width: 100%; height: 377px; float: left; background: url('images/footerwrapper.png') left bottom repeat-x; }
	#footerWrapper #footer { width: 960px; margin: 0 auto; }
		
		/* member area */
		.memberArea { padding: 27px 0 0 0; height: 140px; width: 960px; position: relative; float: left; } 
		.memberArea h4 { padding: 0 0 22px 0; font-size: 20px; color: #000; text-align: center; }		
		.memberArea .stepcarouse { margin: 0 0 0 50px; float: left; width: 860px; height: 60px; overflow: scroll; position: relative; }
		.memberArea .stepcarouse .belt { left: 0; position: absolute; top: 0; }
		.memberArea .stepcarouse .panel { margin: 0 15px; float: left; }		
		.memberArea .slidernavleft{ position: absolute; left: 0px; top: 80px; }
		.memberArea .slidernavleft a { height: 39px; width: 93px; display: block; font-size: 0px; background: url(images/sliderbtnleft.png) left top no-repeat; }
		.memberArea .slidernavright { position: absolute; right: 0px; top: 80px; }
		.memberArea .slidernavright a { height: 39px; width: 39px; display: block; font-size: 0px; background: url(images/sliderbtnright.png) right top no-repeat; }
		
		/* footer area */
		.footerArea { height: 210px; width: 960px; float: left; }
		.footerArea h3 { margin: 0 0 40px 0; min-height: 79px; font-family: 'open_sanssemibold_italic'; font-size: 30px; color: #fff; font-style: italic; line-height: 79px; font-weight: normal; }
		
		.footerArea .left { margin-left: -10px; float: left; width: 657px; }
		.footerArea .left ul { list-style: none; }
		.footerArea .left ul li { padding: 0 18px 0 10px; float: left; background: url('images/saprator.png') right no-repeat; }
		.footerArea .left ul li.last { background: none; }
		.footerArea .left ul li a { font-size: 15px; color: #fff; text-decoration: none; }
		.footerArea .left ul li a:hover { text-decoration: underline; }
		.footerArea .left p { padding: 5px 0 0 10px; width: 647px; float: left; font-size: 12px; color: #85c2ff; }
		
		.footerArea .right { float: right; }
		.footerArea .right .sociallinks { float: right; }
		.footerArea .right .sociallinks h3 { padding-right: 10px; float: left; font-size: 15px; color: #FFFFFF; font-weight: normal; line-height: 28px; }
.footerArea .right .sociallinks div { float: left; }
		.footerArea .right .sociallinks a { float: left; }
		
/* Begin Images */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 20px; display: inline; }
img.alignleft { margin: 0 20px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */