@charset "utf-8";
/* CSS Document */
/*
* Created by
* Haris.Karat
* haris@webmahl.com
* +91 80 86 56 27 46
* www.webmahal.com
* 26/05/2013
*/
@import url("reset.css");
@import url("nav.css");
@import url("fonts.css");
@import url("banner.css");
article, aside, audio, banner, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video,  {display: block;}

.container	{width:1000px; margin:0 auto;}
/*header*/
header {border-bottom:1px solid #7b7b7b;}
header dd {background:url(../images/top-bg.jpg) repeat; padding:10px 0; color:#fff;}
header dd a {color:#fff;}
header dd a:hover {color:#ccc;}
header img {margin:7px 0 0 0;}
/*nav*/
nav {float:right;}
/*banner*/
banner {margin:18px 0;}
banner .container {margin:18px auto;}
/*article*/
article {margin-bottom:35px;}
section {padding-bottom:45px;}

.box-1 {width:300px; float:left; margin-right:50px;}
.box-1 a {color:#191919;}
.box-1:hover .more {color:#191919;}
.box-1:hover h1 {color:#6a717a;}
.box-1 h1 {color:#1f1f1f; padding:10px 0;}
.box-1 span {
	background:url(../images/3box-icon.png) no-repeat;
	height:57px; margin:0 auto; display:block;}
.box-1 p {padding:0 0 12px 0;}
.icon-1 {width:53px; background-position:0 0px !important;}
.icon-2 {width:68px; background-position:-53px 0 !important;}
.icon-3 {width:92px; background-position:-123px 0 !important;}

.box-1:hover .icon-1 {background-position:0 -80px !important;}
.box-1:hover .icon-2 {background-position:-53px -80px !important;}
.box-1:hover .icon-3 {background-position:-123px -80px !important;}


/*footer**/
footer	{background:url(../images/footer-bg.jpg) repeat; padding:25px 0 0 0; text-align:center; color:#A7A4A4;}
footer a {color:#dfdfdf; padding:0 5px;}
footer a:hover {color:#fff;}
.copyright {background:url(../images/opacity-bg.png) repeat; margin-top:25px; padding:15px 0; color:#bcbbbb; font-size:11px;}
/*social*/
.social {background:url(../images/social-arrow.png) no-repeat 0 10px #d20000;
		padding:0 5px 0 27px; position:fixed; right:0; top:320px; display:none;}
.social:hover {background-color:#323232;}
.social a {width:29px; height:34px; float:left; margin-left:1px;}
.social a.facebook {background:url(../images/social.png) 1px 4px no-repeat;}
.social a.facebook:hover {background:url(../images/social.png) 1px 4px no-repeat #3b5998;}
.social a.twitter {background:url(../images/social.png) -29px 4px no-repeat;}
.social a.twitter:hover {background:url(../images/social.png) -29px 4px no-repeat #00acee;}

/**inner pages**/
.inner {min-height:400px;}
.inner h1 {font-size:25px; line-height:28px;}
/*products*/
.product {border-bottom: dashed #c7c7c7 1px; padding:15px 0;}
.product h2 {margin-bottom:15px; color:#d20000;}
.product a {padding:3px; border:1px solid #ccc; width:227px; min-height:100px; color:#ccc; margin:0 15px 15px 0; float:left;}
.product a:hover {border-color:#fff; background:#d20000; color:#fff;}
.product a dd {text-align:center; padding:3px 0; background:url(../images/top-bg.jpg)}
.emergency a {width:100px; min-height:200px;}
.juicer a {width:210px; min-height:113px;}
.dvd-player a {width:289px; min-height:100px;}
.iron-box a {width:180px; min-height:131px;}
.kettle a {width:170px;}
.trimmer a {width:178px;}
.hair-stylers a {width:220px;}
/*customer-care*/
.customer-care {}
.customer-care table {margin-bottom:15px; border-bottom:1px dashed #ccc;}
.customer-care table td {width:33%; padding:15px 0;}
.customer-care table a {color:#d20000;}
.customer-care table a:hover {color:#000;}

/*contact*/
.iframe {border:1px solid #999; padding:3px;}