@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/


body {
	line-height: 1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; background-color: #DEDEDC; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }

img {
	border: 0; vertical-align:top;
}


/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
 font: 14px/16px Arial,Century, Helvetica, sans-serif;
 
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/







/* =Branding
--------------------------------------------------------------------------------------------------------*/


html, body {background-color:#EEEEEE; }


#wrapper{
	width:100%;
} 
#header { width:100%; margin:0 auto; }
#outer-header{ background:url(../img/header-bg.png) repeat-x; height:149px;  width:100%;}

#logo { float:left; background:url(../img/logo.png) no-repeat; width:375px; height:149px; display:block; text-indent:-20000px; }
.rocky-logo{
	float:right;
	margin:53px 0px 0px 0px;
	}
#banner-bg {
    background: url("../img/BannerImages/banner-bg.png") repeat-y scroll left top #E47116;
    width: 100%;
}
.banner{
	width:996px;
	margin:0 auto;
}
.banner-img{
	margin: 0 0 -2px 310px;
	
}

/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

ul#mainNavigation { width:978px; margin:0 auto; padding:10px 0px 10px 10px; background: }
ul#mainNavigation li { float:left; } 
ul#mainNavigation li a { float:left; font-size:13px; font-weight:bold; text-transform:uppercase; text-decoration:none; border-left:1px solid #363531;  padding:0px 18px 0px 18px; color:#363531;   display:block;  }
ul#mainNavigation li a.first {border-left:none;  }

ul#mainNavigation li a:hover{ color:#ffffff; background:#de4019; }
ul#mainNavigation li a.active{ color:#ffffff; background:#de4019; }


/* End Main Nav
--------------------------------------------------------------------------------------------------------*/




/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 20px;
    width: 956px;
    height:auto;
   border-radius:0px 0px 10px 10px;
}
.narrowcolumnLeft { width:295px; padding:0px 0px 0px 15px; float:left; }
.narrowcolumn { width:295px; padding:0px 0px 0px 20px; float:left; }
.narrowcolumn h2{ font-size:14px; font-weight:bold; color:#241c1a; padding:0px 0px 10px 0px;}
.narrowcolumn p{ font-size:13px; color:#090806; text-align:justify; padding:0px 0px 15px 0px;}
.narrowcolumnLeft h2{ font-size:14px; font-weight:bold; color:#241c1a; padding:0px 0px 10px 0px;}
.narrowcolumnLeft p{ font-size:13px; color:#090806; text-align:justify; padding:0px 0px 15px 0px;}

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/

#footer {  width:1000px; margin:20px auto 20px auto; top:75%}
#footer .social-media-bg{
	
	width:124px;
	height:75px;
	padding:15px 0px 0px 15px;
}

/* End Footer
--------------------------------------------------------------------------------------------------------*/

/*product page start*/
.product_image_big{width:200px; float:left;}
.product_image_big_02{width:150px; height:203px; float:left; margin-left:15px;}
.product_content{width:360px; overflow:hidden; float:left; margin-left:20px; margin-right:0px; margin-Top:0px; height:auto; margin-bottom:0px;font-size:14px;font-family:Verdana;}
a,img{border:none;}
/*product page end*/
.address {color:#192f01; font-size:12px; width:200px; float:left; overflow:hidden; padding-left:15px; padding-top:20px;}
.address_sep {width:1px; height:200px; float:left; background:#CCC; margin-top:15px; margin-left:15px; }
.thanks {width:550px; height:100px; float:left; display:inline;  padding-top:20px; font-size:16px; font-weight:bold; color:#706f6f; text-align:center; margin-top:50px;}
/*inner_page start*/
#products_box{width:970px; overflow:hidden; float:left; display:inline; background:#fff; position: absolute;top:23%;left:11%;}
.product_inner_box{width:800px; overflow:hidden; float:left; display:inline; margin-left:20px;}
.product_topic{width:780px; height:20px; float:left; display:inline; padding-left:40px; padding-top:20px; font-size:16px; font-weight:bold; color:#706f6f;}
.product_boxes{width:110px; overflow:hidden; float:left; margin-left:15px; margin-top:35px; text-align:center; }
.product_boxes ul{float:left; list-style-type:none; margin:auto; display:inline; padding:0px;}
.product_boxes li{float:left; color:#706f6f; display:inline; font-size:12px; text-align:center;}
.product_boxes li a{float:left; color:#706f6f;  display:block; text-decoration:none; display:inline; margin-top:5px; text-align:center; margin-left:10px;}
.product_boxes li a:hover{float:left; color:#f15a22; display:inline;}
.product_boxes_sep {width:1px; height:215px; float:left; background:#CCC; margin-top:25px; margin-left:15px; }
.inner_belt_left{width:532px; height:230px; float:left; display:inline;  }
.inner_belt_right{width:268px; height:230px; float:left; background:#f15a22; display:inline;}
.inner_ranjit_image_logo{width:242px; height:103px; float:left; display:inline;  margin-top:80px; margin-left:13px;}
/*inner_page end*/

/*grey_box start*/
#grey_box{width:956px; height:38px;  background:#efefef; display:inline;  margin: 0 auto; padding:0px;}
#grey_box_left{width:532px; height:38px; float:left; display:inline;}
#grey_box_left ul{float:left; list-style-type:none; margin:auto; display:inline; padding:0px;}
#grey_box_left li{float:left; color:#706f6f; display:inline; font-size:12px;}
#grey_box_left li a{float:left; color:#706f6f; margin-top:18px; margin-left:13px; display:block; text-decoration:none; display:inline;}
#grey_box_left li a:hover{float:left; color:#f15a22; display:inline;}
#grey_box_left li.sep1{width:21px; height:31px; float:left; background:url(images/men_image.jpg) 0 0 no-repeat; margin-top:5px; margin-left:5px; display:inline;}
#grey_box_right{width:268px; height:38px; float:left; display:inline;}
#grey_box_right ul{float:right; list-style-type:none; margin:0; display:inline; padding:0px;}
#grey_box_right li{float:right; color:#706f6f; display:inline; margin:0px; padding:0px;}
#grey_box_right li a{float:left; color:#706f6f; margin-top:10px; margin-right:13px; display:block; text-decoration:none; display:inline; }
#grey_box_right li a:hover{float:left; color:#f15a22; display:inline;}
/*grey_box end*/
/*about_us start*/

#about_us_left{width:970px; overflow:hidden; float:left; }
#about_us_right{width:267px; overflow:hidden; float:left; border-left:1px solid #e7e7e7;}
#about_us_right ul{width:268px; overflow:hidden; float:left; margin:0px; list-style-type:none;}
#about_us_right li{float:left; color:#192f01; font-size:12px; width:268px;}
#about_us_right li a{text-decoration:none; color:#706f6f; display:block; margin-top:10px; float:left;}
.title{color:#192f01; font-size:20px; margin-top:10px; margin-left:13px; float:left;  }
.inquiry_form{width:360px; height:520px; overflow:hidden; float:Right; border-left:1px solid #e7e7e7; padding-left:16px; margin-top:20px; }
.form {color:#192f01; font-size:12px; vertical-align:top; }
.box { border: 1px solid #CCC;  width:175px;}
.box_02 { border: 1px solid #CCC;  width:125px;}
.title_02{color:#192f01; font-size:20px; margin-top:10px; float:left;  }
/*about_us end*/


#left_col{ width:350px; float:left; }
#left_col h1{line-height:47px;font-size:19px; text-transform:uppercase; margin:0px 5px 1px 10px; text-align:center;}
.left_green_box
{
    width: 350px;
    height: 48px;
    background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */

    border-radius: 10px 10px 0px 0px;
}
.left_green_box_bottom{width:350px; height:10px; float:left; background:#FFFFFF;}
.box_green{ width:100%; height:450px; float:left; font-family:Verdana; font-size:12px; padding:0; margin:0; background:#ededed; border-radius:0px 0px 10px 10px;}


#content_col{width:170px; float:left; height:200px; border-radius:10px 10px 10px 10px; }
#content_col .box{width:200px; float:left; height:300px; border-radius:10px 10px 10px 10px;}
#content_col .box .bg-product{width:170px; height:270px; float:left; border-radius:10px 10px 10px 10px;  background:#ededed; margin:0 auto; padding:15px; margin:0 14px 0 0;}
#content_col .box .bg-product:hover{background: rgb(255,245,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,245,237,1) 0%, rgba(255,217,191,1) 100%, rgba(255,201,165,1) 100%, rgba(255,238,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,245,237,1)), color-stop(100%,rgba(255,217,191,1)), color-stop(100%,rgba(255,201,165,1)), color-stop(100%,rgba(255,238,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,245,237,1) 0%,rgba(255,217,191,1) 100%,rgba(255,201,165,1) 100%,rgba(255,238,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,245,237,1) 0%,rgba(255,217,191,1) 100%,rgba(255,201,165,1) 100%,rgba(255,238,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,245,237,1) 0%,rgba(255,217,191,1) 100%,rgba(255,201,165,1) 100%,rgba(255,238,225,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,245,237,1) 0%,rgba(255,217,191,1) 100%,rgba(255,201,165,1) 100%,rgba(255,238,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5ed', endColorstr='#ffeee1',GradientType=0 ); /* IE6-9 */
}


/*#content_col .box .bg-product a, #content_col .box .bg-product a:visited{float:left; width:93px; height:24px; margin:7px 0 0 23px; background:url(../images/btn-add-to-cart.png) center top no-repeat;}
#content_col .box .bg-product a:hover{background:url(../images/btn-add-to-cart.png) center bottom no-repeat;}*/


.button {
   background: #ff7400; /* Old browsers */
background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */

   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color:Black;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover
{
    border-top-color: #eb960e;
    background: #FF9900;
    color: #000000;
}
.button:active {
   border-top-color: #8d8ed6;
   background: #8d8ed6
}
.address-info {
    background-color: #F9F9F9;
    border: 1px solid #E1E1E1;
    float: left;
    margin-bottom: 40px;
    padding: 20px 20px 10px;
    width: 90%;
}
#contact-bg {
    background:#e47116;
    width: 100%;
}

.contact-banner {
    margin: 0 auto;
    width:800px;
}

.content_fullwidth {
    float: left;
  /*  padding: 38px 0 30px; */
    width: 100%;
}

.one_half {
    float: left;
    padding: 0 60px 0 30px;
    width: 40%;
}
.address-info {
    background-color: #F9F9F9;
    border: 1px solid #E1E1E1;
    float: left;
    margin-bottom: 40px;
    padding: 20px 20px 10px;
    width: 90%;
}
.mar_top1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.last {
    clear: right;
    margin-right: 0 !important;
}
.blocklabel {
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.input_bg {
    background-color: #F9F9F9;
    border-color: #E1E1E1;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 10px;
    vertical-align: middle;
    width: 70%;
}
.button1::-moz-focus-inner {
    border: medium none;
}
.button1.medium {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}
.textarea_bg {
    background-color: #F9F9F9;
    border-color: #E1E1E1;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    float: left;
    height: 135px;
    margin-bottom: 20px;
    padding: 7px 10px 0;
    width: 90%;
}
.input_bg1 {
    background-color: #F9F9F9;
    border-color: #B2B2B2;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    height: 25px;
    line-height: 32px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    width: 85%;
}
.textarea_bg1 {
    background-color: #F9F9F9;
    border-color:#B2B2B2;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    height: 50px;
    margin-bottom: 5px;
    padding: 7px 10px 0;
    width: 77%;
}
.blocklabel1 {
    display: block;
    float: left;
    margin-top: 0px;
    width: 100%;
}
.breadcrum
{
    /* IE6-9 */ /* IE6-9 */
    color: #E9F8FF;
    font-family: 'ArimoRegular';
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 20px;
    padding: 0 12px;
    border-radius: 3px 3px 3px 3px;
    background-color: #F5F5F5;
}
.breadcrum a.first{margin:0; padding:0; background:none; color:#474641;}
.breadcrum a:hover.first{color:#8a4100;}

.breadcrum a{margin:0 0 0 8px; padding:0 0 0 15px; background:url(../img/arrow-01.png) left 7px no-repeat; color:#474641;}
.breadcrum a:hover{color:#8a4100;}

/*belt start*/
#belt{width:800px; overflow:hidden; float:left; display:inline;   }
#media_box{width:800px; height:640px; float:left; background:url(../img/Midea-Image.jpg);}
#belt_left{width:532px; height:386px; float:left; display:inline; background:#fff;  }
#belt_right{width:268px; height:386px; float:left; background:#f15922; display:inline;}
#ranjit_image_logo{width:242px; height:103px; float:left; display:inline;  margin-top:153px; margin-left:13px;}
#commercialbox{width:352px; height:288px; float:right; margin-top:50px; margin-right:100px;}
/*belt end*/

.alink
{
    color: #003399;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
}
.ranjitmail
{
    margin-right: -200px;
    float: right;
    font-size: 15px;
    color: #000000;
    margin-top: 10px;
}
/*............12-11-2013..................*/
.selected{background: none repeat scroll 0 0 #F27A1F;
			border-radius:3px;	}