/* CSS Document */

*{

padding:0;

margin:0;

}

div.clear { clear: both; }

body {
margin:0;
padding:0;
}


@font-face {
  font-family: 'Gotham Book';
  src: url('fonts/GOTHAM-LIGHT.eot'); /* IE9 Compat Modes */
  src: url('fonts/GOTHAM-LIGHTd41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GOTHAM-LIGHT.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/GOTHAM-LIGHT.woff') format('woff'), /* Pretty Modern Browsers */
         url('fonts/GOTHAM-LIGHT.html')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GOTHAM-LIGHT.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/GothamBook.eot'); /* IE9 Compat Modes */
  src: url('fonts/GothamBookd41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GothamBook.html') format('woff2'), /* Super Modern Browsers */
         url('fonts/GothamBook.woff') format('woff'), /* Pretty Modern Browsers */
         url('fonts/GothamBook.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/gotham-book-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Roboto', sans-serif;
  src: url('fonts/GOTHAM-MEDIUM.eot'); /* IE9 Compat Modes */
  src: url('fonts/GOTHAM-MEDIUMd41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GOTHAM-MEDIUM.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/GOTHAM-MEDIUM.woff') format('woff'), /* Pretty Modern Browsers */
         url('fonts/GOTHAM-MEDIUM.html')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GOTHAM-MEDIUM.svg#svgFontName') format('svg'); /* Legacy iOS */
}



img {

border:0px;
}

h2,ul{

margin:0;

padding:0;

font-family: 'Roboto', sans-serif;

font-size: 20px;

color: #0494E6;

list-style-type: none;

text-align: left;

text-decoration: none;

font-weight:300;
}

h2:link{

margin:0;

padding:0;

font-family: 'Roboto', sans-serif;


font-size: 20px;

color: #EC008C;

list-style-type: none;

text-align: left;

text-decoration: none;
}


h1{

margin:0;

padding:0;

font-family: 'Roboto', sans-serif;


font-size: 11px;

color: #999999;

list-style-type: none;

font-weight: normal;

text-align: center;

vertical-align: middle;

padding-top: 2px;

}

#greyline {

height: 18px;

width: 100%;

text-align: center;

background-color: #595959;
}

#greyline h1 { font-size:12px;}

#headerlogo {

width: 250px;

float: left;

padding: 0 0 0 0;

}

#headermain {

width: 990px;

height:auto;

margin:auto;

margin-top: 10px;


/* background-color:#333333;*/
}

#header {

width: 100%;
height:auto;
background-color: #FFF;
margin-bottom: 10px;
}

#headerdown {

height: 0px;

width: 100%;

text-align: center;
}

#slogan {

height: 17px;

width: 230px;

font-family: 'Roboto', sans-serif;


text-align: center;

font-size: 14px;

color: #CCC;
}

#logo {

width: 250px;

border: 0;
}



#menu {
margin: 5px 0px 0px;
text-align: left;
width: 100%;
float:right;
}

#menu ul {

font-family: 'Roboto', sans-serif;

font-weight: 300;

font-size: 19px;

color: #999999;

vertical-align: top;
}


.prd-banner-height { height:422px!important;}

#menu li {
height: 26px;
position:relative;   
display: block;
float: left;
list-style-type: none;
width: auto;
color: #666;
margin-left: 2px;
margin-bottom: 6px;
vertical-align: top;
padding: 0px 11px;
}

#menu ul ul
{
	display:none;
	position:absolute;
	top:38px;
        font-size: 17px;
	left:0;
	background:#fff;
	padding: 5px 10px;
        width: 700px;
        z-index: 10;
        opacity: 0.95;
	border-top:2px solid #ed297c;
	border-bottom:2px solid #ed297c;
}

#menu ul ul li
{
	float:left;
	margin-right: 15px;
	position:relative;
	list-style-type: none;
	width: 200px;
	color: #666;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	height: auto;
	display: inline;
}



#menu ul li:hover > ul
{
	display:block;
	        
}

#menu li a{
float: left;
width: auto;
vertical-align: top;
text-decoration: none !important;
}

#menu ul li ul li a:hover{
float: left;
list-style-type: none;
width: auto;
border-bottom: 0px solid #ED297C !important;
padding-bottom: 0px !important;
}

#menu ul li a:hover{
float: left;
list-style-type: none;
width: auto;
color: #ED297C;
border-bottom: 5px solid #ED297C;
padding-bottom: 7px;
}



#menu li a:active {
display: block;
float: left;
list-style-type: none;
width: auto;
color: #ED297C;
border-bottom: 5px solid #ED297C;
padding-bottom: 7px;

}



#headerbanner {

width: 100%;

margin: 6px auto;
}

#main {
width: 990px;
margin-left: auto;
margin-right: auto;	
}

#divleft {

width: 160px;

float: left;

padding-top: 0px;
}

.slide-out-div { display:none; }

#contact-wrapper { display:block; }

#sidenav {

width: 160px;

margin-right: auto;

margin-left: auto;

}

#menunav {

/*height: 25px;*/

width: 160px;
}

#button {
width: 145px;
padding: 0 0 0px 0;
margin-bottom: 1em;
color: #333;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
font-size:15px;
font-weight:300;
}

#button li {

margin: 0 0 1px 0;
border-bottom: 1px solid #CCCCCC;
}

#button li a {
display: block;
padding: 4px 0px 6px 0px;
background-color: #FFFFFF;
color: #333;
text-decoration: none;
width: 100%;
}

html>body #button li a {

width: 160px;

}


#button li a:hover {
background-color: #FFFFFF;
color: #ED297C;
}

#divright {

width: 820px;

float: right;

}


#divright h1{
    color: #F09;
    font-size: 26px;
    margin:10px 0px;
    font-family: 'Roboto', sans-serif;

    text-align: center;
    line-height: 30px;
	font-weight:300;

}


#indextext {

height: auto;

width: 990px;

margin: auto;

/*padding-top: 10px;*/
}

#indextext h2 { font-size:14px; font-weight:bold;}

#footermain {

height: auto;

width: 100%;

background-color: #31708f;

}

#footer {

width: 990px;

margin: auto;

background-color:#333333;

}

.headerleft {

width: auto;

float: right;

margin: 0px 0px 5px 0px;

text-align: right;

height: auto;

font-family: 'Roboto', sans-serif;

font-size: 18px;

color: #777;

}

.headerleft .payment-pic{
    float: left; 
	padding-top; 24px;
    padding-right: 30px;
}




.headerleft h2 { font-size:24px; color:#999999; font-weight:bold; text-align: center; float:right; padding:0px; margin:0px;}
.headerleft h5 { font-size:12px; color:#999999; font-weight:normal; float:right; padding:0px; margin:0px;}



.headerleft h3 { margin:0px;

padding:0px;

font-family: 'Roboto', sans-serif;


font-size: 12px;

color: #999999;

font-weight: normal;
}



.topmenu {

font-family: 'Roboto', sans-serif;


font-size: 12px;

color: #FFFFFF;

text-decoration: none;

display: block;

margin-right: auto;

margin-left: auto;

text-align: center;

vertical-align: top;

font-weight: normal;

margin-top: 9px;	
}

.menuheader {

font-family: 'Roboto', sans-serif;


font-size: 16px;

color: #FFFFFF;

height: 24px;

background-color: #000000;

text-align: center;

padding-top: 5px;

padding-right: 0;

padding-bottom: 0px;

padding-left: 0;
}

.divproduct {
width: 100%;
height: auto;
float: right;
padding-top: 0px;
padding-bottom: 15px;

}

.divproduct-dup {
width: 100%; 
height: auto;
float: right;
border: 0px solid red; 
padding: 15px 0px 0px;
}

.divproduct-dup .fast{
    width: 225px;
    float: left;
    margin-right: 30px;
    margin-bottom: 5px;
    height: 63px;
    background-image: url(../images/fast.png);
}

.divproduct-dup .local{
    width: 225px;
    float: left;
    margin-right: 30px;
    margin-bottom: 5px;    
    height: 63px;
    background-image: url(../images/Local.png);
}

.divproduct-dup .reliable{
    width: 225px;
    float: left;
    margin-right: 30px;    
    margin-bottom: 5px;
    height: 63px;
    background-image: url(../images/Reliable.png);
}

.divproduct-dup .competitive{
    width: 225px;
    height: 63px;    
    margin-bottom: 5px;
    float: left;
    background-image: url(../images/Competitive.png);
}

@media screen and (max-width: 995px) {
  .divproduct-dup{
      display: none;
    }
}

.product1 {
height: 280px;
width: 365px;
float: left;
background-repeat: no-repeat;
background-position: bottom;
border: 5px solid #CCCCCC;
}

.productpic {

height: 120px;

width: 175px;

float: left;

margin-left: 5px;

vertical-align: middle;

color: #EC008C;

padding-top: 10px;

text-align: left;
}

.producttxt {

height: 120px;

width: 140px;

float: left;

margin-left: 15px;

background-position: center;

vertical-align: bottom;

padding-top: 10px;

font-family: 'Roboto', sans-serif;

}

.productdetail {

font-family: 'Roboto', sans-serif;


font-size: 13px;

color: #666666;

font-weight: normal;

line-height: 20px;

text-align: left;

}

.prodtext1 {

height: 150px;

width: 350px;

float: left;

text-align: justify;

font-size: 11px;

margin-left: 15px;

font-family: 'Roboto', sans-serif;


color: #666666;

line-height: 16px;
}








.producttext {
    height: auto;
	position:relative;
	
}

.producttext .grow{
  width: 300px;
}

.pic {
  border: 0px solid #fff;  
  float: left;
  height: 200px;
  width: 300px;
  margin-bottom: 10px;
  overflow: hidden;  
}


.grow img {
  height: 200px;
  width: 300px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 400px;
  height: 267px;
}



.producttext h2{    
    color: #333;
    font-size: 22px;
    margin:0px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 25px;
}

.producttext h3{    
    color: #333;
    font-size: 17px;
    margin:0px;
    font-family: 'Roboto', sans-serif;

    text-align: center;
    line-height: 25px;
}
.producttext ul
{
    /* padding-left: 5px; */
    /* list-style-type: circle; */
}
.producttext ul li{
	font-size: 14px;
	margin:5px 0px;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	text-align: center;
	font-weight: 300;
}

.producttext p{    
    font-size: 16px;
    margin:5px 0px 0px 0px;
    font-family: 'Roboto', sans-serif;

    color: #333;    
    text-align: left;
	font-weight:300;
	
}

.producttext .inner-div{    
    border: 0px solid red; width: 100%; height: auto; margin-top: 5px; margin-bottom: 15px;
}

.producttext .inner-div p{    
    font-size: 14px;
    margin:5px 8px;
    font-family: 'Roboto', sans-serif;
    color: #666666;    
    text-align: left;
    line-height: 19px;
}


.producttext .inner-div .right-price-chart 
{
    width: auto;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
}

.producttext .inner-div .right-price-chart h2
{
    background-color: #AAABAF;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 30px;
}

.producttext .inner-div .right-price-chart h3
{   
    font-size: 13px;
    color: #333;
    text-align: center;
    margin-top: 20px;
    font-weight: normal;
}


.producttext .inner-div .right-price-chart .inner-uper-div
{
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    border: 0px solid red;
    height: 30px;
    background-color: #9DAD1C;
    color: #FFFFFF;
}

.producttext .inner-div .right-price-chart .inner-subd-div
{
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border: 0px solid red;
    height: 30px;
    background-color: #FFFFFF;
    color: #333;
}

.producttext .inner-div .right-price-chart .qty-left-div
{
    width: 30%;
    text-align: center;
    float: left;
}
.producttext .inner-div .right-price-chart .qty-center-div
{
    width: 35%;
    text-align: center;
    float: left;
}
.producttext .inner-div .right-price-chart .qty-right-div
{
    width: 35%;
    text-align: center;
    float: right;
}





.producttext .price{ 
    width: auto; 
	height: auto;   
	font-family: 'Roboto', sans-serif; 
	margin-top: 10px;
	position:absolute;
	bottom:0;
	width:300px;
}

.producttext .price span{ 
   float: left;
   font-family: 'Roboto', sans-serif; 
   font-weight: 300;
   color: #666;
   font-size: 15px;
}

.producttext .price h2{ 
    float: left; color: #333; font-size: 24px; font-family: 'Roboto', sans-serif; 
}

.producttext .price h3{ 
    float: left; color: #f09; font-size: 24px;  font-family: 'Roboto', sans-serif; 
}

.producttext .price img{ 
    float: right; margin-top: 7px;
}








.producttext1 {

height: 100px;

width: 340px;
}

.imgbutton {

height: 26px;

width: 75px;

margin-top: 10px;

margin-left: auto;

margin-right: auto;

float: right;

vertical-align: bottom;
}

.product2 {

height: 280px;

width: 365px;

float: right;

background-repeat: no-repeat;

background-position: bottom;

background-color: #FFFFFF;

border: 5px solid #CCCCCC;
}
.company {

float: right;

background-repeat: no-repeat;

background-position: bottom;

background-color: #FFFFFF;

}
.companybodytext {
    color: #666666;
    font-family: 'Roboto', sans-serif;

    font-size: 14px;
    line-height: 21px;
    text-align: left;
}
.bodytext {

font-family: 'Roboto', sans-serif;


font-size: 11px;

color: #666666;

text-align: justify;

display: block;

text-decoration: none;

margin-top: 5px;

line-height: 20px;
}

#indextext {

height: auto;

width: 990px;

margin: auto;

/*padding-top: 10px;*/
}

.footer_left

{

font-family: 'Roboto', sans-serif;

font-size: 12px;

color: #999999;

text-decoration: none;

font-weight: normal;

text-align: left;

width: 200px;

float: left;

}

.footer_left ul{

width:150px;

margin-top:12px;	
}

.footer_left ul li{

/*background-image: url(../images/footer-line.png);
background-repeat: no-repeat;
background-position: center bottom;
height:30px;
*/
padding:3px 0px;
border-bottom:1px solid #5590ad;
}

.footer_left ul .bdr-none { border-bottom:none;}

.footer_left ul li a
{
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: none;
font-weight: 300;
}

.footer_left ul li a:hover {

font-family: 'Roboto', sans-serif;

font-size: 14px;

color:#FF0066;

font-weight: 300;
}

.footer_right p a
{

font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: none;
font-weight: 300;
}

.footer_right p a:hover {

font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #FF0066;
font-weight: 300;
}

.footer_right

{

font-family:'Roboto', sans-serif;

font-size: 14px;

color: #ffffff;

text-decoration: none;

font-weight: 300;

text-align: center;

width: 370px;

float: right;

line-height:21px;

padding: 20px;

height: 250px;

background-color: #315e74;
}


.footer2
{

width:990px;

margin-left: auto;

margin-right: auto;
}

.fb-like{

text-align:right;
}

#product_banner { width:100%; height:auto; margin:auto; }
#product_banner1 { width:100%; height:300px; margin:auto; }
#product_banner1 img{ width:100%; height:300px; margin:auto; }

#product_text{
width: 99%;
float: left;
padding-bottom: 15px;
border:0px;
}

#product_text h1
{
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
	color:#F09;
	font-weight:500;
}




#product_text h2{

font-family: 'Roboto', sans-serif;


color:#000000;

font-size:16px;

padding: 5px 0 0 0;

text-align:left;	

}

#product_text h3{

font-family: 'Roboto', sans-serif
color:#888;
font-size:18px;
padding: 0 0 0 0;
margin:14px 0 0 0;
text-align:left;
font-weight:300;	
}

#product_text p{
font-family: 'Roboto', sans-serif;
color:#666666;
font-size:14px;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 19px;
font-weight:300;
text-align:justify;


}

#product_text ul li{
font-family: 'Roboto', sans-serif;
color:#666666;
font-size:13px;
list-style-type:disc;
list-style-position:outside;
line-height: 18px;
white-space: normal;
text-align: left;
margin-left: 15px;
margin-top: 5px;
}

#right_panel{

width: 250px;

float: right;

border: 0px solid #333;

}

#right_panel_dup{
width: 100%;
float: left;
border: 0px solid #333;
color: red;
}


#right_panel_dup h2
{
    width: 100%;
    margin-top: 10px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size: 30px;
}

#right_panel_dup h3
{
    width: 100%;
    margin-top: 10px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
    color: #003F97;
    font-size: 16px;
}

#right_panel_dup span
{
    width: auto;
    margin-top: 5px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    
    color: #666666;
    font-size: 15px;
    line-height: 20px;    
}

#right_panel_dup p
{
    width: auto;
    margin-top: 5px;
    text-align: right;
    font-family: 'Roboto', sans-serif;
 
    padding-left: 10px;
    color: #999999;
    font-size: 13px;
    padding-right: 25px;
    float: right;
}
    
#right_panel_dup .right_price_chart_dup
{
    width: 100%;    
    text-align: left;
    font-family: 'Roboto', sans-serif;
 
    border-bottom: 2px solid #E1E1E1;
}


#right_panel_dup .right_price_chart_dup h2
{    
    margin-top: 10px;
    font-size: 17px;
    color: #333333;
    text-align: left;
    line-height: 30px;
}

#right_panel_dup .right_price_chart_dup h3
{   
    font-size: 13px;
    color: #CCCCCC;
    text-align: right;
    margin-top: 5px;
}

#right_panel_dup .right_price_chart_dup .inner-upper-div
{
    width: 100%;
    text-align: center;
    font-size: 15px;
}


#right_panel_dup .right_price_chart_dup .inner-head-div
{
    width: 100%;
    text-align: left;
    font-size: 17px;
    line-height: 30px;
    border: 0px solid red;
    height: 30px;
    color: white;
}


#right_panel_dup .right_price_chart_dup .inner-sub-div
{
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    border: 0px solid red;
    height: 30px;
    color: #333333;
}

#right_panel_dup .right_price_chart_dup .qty-left-div
{
    width: 165px; 
    text-align: left;
    float: left;
    padding-left: 10px;
}

#right_panel_dup .right_price_chart_dup .qty-right-div
{
    width: 90px;
    text-align: right;
    float: left;
    padding-right: 5px;
}


#main .contactus{

width: 990px; 

margin-left: auto; 

margin-right: auto;

}

#main .contactus .contactus-left {

width:700px;  float:left; margin:0px 0px; padding:0px 0px; border:0px solid #00FF00;
}

#main .contactus .contactus-left h2 {

font-family: 'Roboto', sans-serif;
 

color: #EC268F;

font-size: 22px;

padding: 20px 0px 10px 30px;

text-align: left;

}

#main .contactus .contactus-left .field{ width:650px; float:left; margin:2px 0px 2px 30px; padding:0px;  border:0px solid #00FF00;}

#main .contactus .contactus-left .field label {

display: block;  border:0px solid #00FF00;

width: 200px;

padding: 5px 18px 0px 0px;

float: left;

color: #666;

text-align: left;

font:18px; font-family: 'Roboto', sans-serif; 
}

.input{

font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;

width: 335px;

padding: 8px 6px;

margin: 0;

color: #999;

text-shadow: 0 0 1px white;

border: 1px solid #cdcccc;

outline: none;

display: inline-block;

position: relative;

z-index: 2;

background: -webkit-gradient(linear, left top, left 15, from(white), color-stop(4%, #F4F4F4), to(white));

background: -moz-linear-gradient(top, white, #F4F4F4 1px, white 15px);

border-radius: 3px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-webkit-transition: .3s ease-in-out;

-moz-transition: .3s ease-in-out;
}



.input2{

font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;

width: 135px;

padding: 8px 6px;

margin: 0px 55px 0px 0px; float:right;

color: #999;

text-shadow: 0 0 1px white;

border: 1px solid #cdcccc;

outline: none;

display: inline-block;

position: relative;

z-index: 2;

background: -webkit-gradient(linear, left top, left 15, from(white), color-stop(4%, #F4F4F4), to(white));

background: -moz-linear-gradient(top, white, #F4F4F4 1px, white 15px);

border-radius: 3px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-webkit-transition: .3s ease-in-out;

-moz-transition: .3s ease-in-out;
}



.contactus-right {
width:280px; float:right; margin:0px 10px 0px 0px; padding:0px 0px; border:5px solid #00FF00;
}


.Get-button{ width:280px; text-align:center; float:left; padding:5px 0px;  margin:10px 0px 0px 0px; color:#FF0000; 

border:0px solid #000000;}

#article_text{

width: 500px;

float: left;

padding-bottom: 15px; border:0px solid #000000;
}

#article_text p{font-family: 'Roboto', sans-serif; 

color:#333;

font-size:13px;

padding: 0 0 0 0;

margin: 0 0 0 0;

text-align:justify;		
}

#article_text h1{font-family: 'Roboto', sans-serif; 

color:#ec268f;

font-size:16px;

padding: 0 0 0 0;

margin:14px 0 0 0;

text-align:left;

font-weight:lighter;	
}

#article_text h1 a{
    font-family: 'Roboto', sans-serif; 

color:#ec268f; text-decoration:none;

font-size:14px;

padding: 0 0 0 0;

margin:14px 0 0 0;

text-align:left;

font-weight:lighter;	
}

.bc_most_popular
{

font-family: 'Roboto', sans-serif;


font-size: 14px;

color:#333333;

text-decoration: none;

font-weight: normal;

text-align:center;

width: 240px;
padding-top:8px;
float: left;
}

#article_text2{

width: 750px;

float: left;

padding-bottom: 15px; border:0px solid #000000;
}

#article_text2 p{font-family: 'Roboto', sans-serif; 

color:#333;

font-size:13px; text-align:justify;

padding: 0 0 0 0;

margin:10px 0 0 0; clear:both; 
}

#article_text2 h1{font-family: 'Roboto', sans-serif; 

color:#ec268f;

font-size:16px;

padding: 0 0 0 0;

margin:14px 0 0 0;

text-align:left;

font-weight:lighter;	
}

#article_text2 b{font-family: 'Roboto', sans-serif; 

color:#ec268f; text-decoration:none;

font-size:14px;

padding: 0 0 0 0;

margin:14px 0 5px 0;

text-align:left; float:left; clear:both;

font-weight:bold;
}

#article_text2 ul{ margin:0px 0px; padding:0px 0px; float:left;}

#article_text2 ul li{font-family: 'Roboto', sans-serif; 

color:#333; list-style:disc outside;

font-size:13px;

padding:0px 0px 0px 10px;

margin: 8px 0 0 15px;

text-align:justify;	
}

.free-businees-card { width:760px; height:264px; float:left; background-image:url(../images/free-business-cards-india.html); background-repeat:no-repeat; background-position:center top;}

.free-businees-card h1 { font-family: 'Roboto', sans-serif;  width:350px; float:right; margin:35px 50px 0px 0px; font-weight:normal; line-height:45px; font-size:32px; color:#fefefe; text-align:left;}

.free-businees-card span { color:#fff212; font-weight:bold;}

.free-businees-card1, .free-businees-card2 { width:480px; height:159px; float:left; background-image:url(../images/special-offer-bg1.png); background-repeat:no-repeat; background-position:center top; margin:0px 0px 5px 10px;}

.free-businees-card2 { height:158px; background-image:url(../images/special-offer-bg2.html);}

.free-businees-card1 h4, .free-businees-card2 h4 { font-family: 'Roboto', sans-serif;  width:220px; float:right; margin:17px 20px 0px 0px; font-weight:normal; line-height:25px; font-size:18px; color:#fefefe; text-align:left;}

.free-businees-card2 h4 { color:#373435;}

.free-businees-card1 span, .free-businees-card2 span { color:#fff212; font-weight:bold;}

.free-businees-card2 span { color:#a8518a;}

.fix-offer-img { width:125px; height:118px; position:fixed; bottom:0px; right:0px; z-index:5000;}

.fix-quote-btn { width:29px; height:105px; position:fixed; top:120px; right:0px; z-index:5000; display:none;}

/* sitemap css start Add By Jitender @ 24-july-2014 */

.sitemap-txt { width:485px; float: left; padding-bottom: 15px;}

.sitemap-txt ul { padding:0px; margin:0px; float:left; margin:0px 38px 0px 12px;}

.sitemap-txt ul li a { font-size:13px; color:#666666; text-decoration:none; line-height:23px;}

.sitemap-txt ul li a:hover {color:#264796; text-decoration:underline;}

/* sitemap css end Add By Jitender @ 24-july-2014 */






@media only screen and (min-width: 480px) and (max-width: 1024px) {

/* home page css start here */
.headerleft .payment-pic {display:none;}
#greyline { height:auto; margin:0px auto; text-align:center; }

#greyline h1 { width:420px; margin:0px auto; padding:3px 0px; }

#headermain { width: 227px;}

#headerlogo { width:auto; text-align:center;}

.payment-pic{margin-bottom:10px;}

#logo { width:227px; margin-bottom:10px;}

#slogan { width:auto;}

.headerleft { text-align:center; }

.headerleft h5 { float:none;}

#menu { /*display:none;*/ }

#menu ul { margin:0px auto 0px; /*float:none;*/float:left; width: 100%; padding-left: 0px/*40px*/;}

.prd-banner-height { height:179px!important;}

#product_banner { width: 100%; height:auto;}

#product_banner img { width: 100%; height:auto;}

#indextext { width: 420px; margin-top:15px; }

#footer { width:420px; }

.footer2 { width:auto;}

.footer_left { width: 196px; margin-right:14px; }

.footer_left ul { width:196px;}

.footer_right { width:420px; height:auto; margin-bottom:15px; text-align:center;  margin-top:15px;}

#main { width:100% }



.slide-out-div { display:block; z-index:1000; }

#divright { width:420px; }

.divproduct { width:420px; }

.product1 {	width: 410px; margin-bottom:15px;}

.producttxt { margin-left: 10px; }

.productpic { width: 245px; }

.prodtext1 { width: auto; margin:0px 10px; }

.producttext1 { width: auto; }

.product2 {	width: 410px;}


/* aboutus page css start here */

#right_panel { display:none;}

#product_text { width:420px;}


/* special offer page css start here */

#product_text h1 { font-size:19px; }

.free-businees-card1, .free-businees-card2 { width:420px; background-image:url(../images/special-offer-bg1.1.html); margin:0px 0px 5px 0px;}

.free-businees-card2 { background-image:url(../images/special-offer-bg2.1.html);}

.free-businees-card1 h4, .free-businees-card2 h4 { width:190px;}


/* contactus page css start here */

#main .contactus { width: 420px; margin-left: auto; margin-right: auto; }

#main .contactus .contactus-left { width:420px; }

#main .contactus .contactus-left .field{ width:480px; float:left; margin:2px 0px 2px 0px;}

#main .contactus .contactus-left h2 { padding: 20px 0px 10px 0px; }

.address-wrapper { width:420px!important; float:none!important; margin:0px auto; text-align:center; border-top:1px solid #CCCCCC!important; clear:both;}

.street-address { text-align:center!important;}


/* article page css start here */

#article_text { width: 420px; }


/* sitemap page css start here */

.sitemap-txt { width:420px; }


/* cd printing page css start here */

.img-size { width:420px; height:411px;}


/* business card printing page css start here */

.bc_most_popular { width:200px; float:left; margin:0px 5px 0px 5px;}


/* rollup banner page css start here */

.rollup-img-size { width:420px; height:414px;}


/* mug printing css start here */

.mugprinting-img-size { width:420px; height:273px;}


/* tshirt printing css start here */

.tshirtprinting-img-size { width:420px; height:288px;}


/* printersin delhi css start here */

#article_text2 { width:420px;}




.fix-quote-btn { display:block;}
body {width:100%; height:100%; overflow:auto; margin:0;}
html {width:100%; height:100%; overflow:auto}
.banner-slider .banner-slider-blobs { display:none;}

}
.m-z { margin:0px !important;} 
.w-h{ width:100% !important; }
@media only screen and (max-width: 768px) {
	.m-t { margin:20px auto !important;}
.w-h-h { width:100% !important;}
.mb-s  { margin-bottom:20px;}	
.quote_enqury { background:none !important;}
.mmset { margin:0px 10px 0px 0px !important;
}
.w-s-set { margin: 0px auto !important;}
.dds-ss { float:none !important; width:100% !important; }

	}
	
@media only screen and (max-width: 980px) {
	.d-q-set { width:100% !important; }
.ll-set { 
float: left;
width: 230px !important;}
.mmc-set { float: none;
width: 100% !important;
margin-bottom: 10px;
 }	
 .mmc-t { width: 100% !important;
float: left !important;}

	}	
	
@media only screen and (max-width: 360px) {
.w-h-f-n { width: 263px !important;
margin: 20px auto !important;
float: none !important;

	}	
.ss-kj { 
margin: 0px auto !important;
float: none;}	
.p-f-f { padding:0px !important;}	
.f-l-i { float:left !important;}
.ss-kj { width: 263px !important;
margin: 20px auto !important;
float: none !important;
	}

	}	
@media only screen and (max-width: 749px){
.e-p-w { width:80% !important; margin: 20px auto;
display: block;
float: none !important;}
.ss-kj { min-height: 465px;
border: 0px solid red;
height: auto;
background-color: rgb(255, 255, 255);
width: 100% !important;

float: none;}
.dddd { margin: 90px auto !important;}
.mmc-t {
    width: 100% !important;
    float: left !important;
}	
	}
.ar-css {width: 263px; min-height:465px; margin:0px 10px 0px 0px; border: 0px solid red; height: auto; background-color: #FFF;}
@media only screen and (max-width: 400px){

	
	}
.w-s-set { width:70% !important; height:auto;}
.m-c-set { border-radius: 0px !important;
border: 5px solid rgb(156, 152, 152) !important;}	
.m-zp { margin: 0px !important;}
.m-b { padding:0px !important;}
.f-p-set { padding: 15px;
background-color: rgb(246, 246, 246); overflow-y: scroll;} 
.s-setbp { font-weight: 900;
text-decoration: none !important; }
.m-top-p{ margin-top:20px;}
.p-size { font-size:14px !important;}
.images-set { margin: 10px auto;
display: block;
width: 150px;}
.images-set-in { margin: 0px auto;
display: inline;}
.l-g-t { color:#999; margin-top:20px;}
.s-set-bp { color:#000;}
.w-a-set { padding:15px;}
.pp-set { padding:0px 15px;}
.t-a-set { margin-top: 15px;
border-radius: 0px !important; margin-bottom: 20px;}
.bb-f-set { border: none !important;
padding: 9px 15px !important;
height: auto !important;}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.ccc-set { color: #fff;
background-color: #aaabab !important;
border-color: #969f9f !important;
padding: 4px 14px !important;
border-radius: 0px !important;  
display: inline;
float: left; margin-left:0px !important;}
.p-sm-set { font-size: 11px;
margin-top: 8px;
color: rgb(176, 173, 173);}
.p-set-five { padding:5px !important;} 
.f-setbp { border-radius: 0px !important;
height: 28px !important;}
.b-send { float: right;
margin-top: 10px;
color: rgb(255, 255, 255) !important;
background-color: rgb(0, 45, 173) !important;
font-weight: 900 !important;
font-size: 16px !important;
border-radius: 0px !important;
padding: 5px 8px !important;}

.f-p-set2 { padding: 15px;
background-color:#717171;
height: 602px; overflow-y: scroll;} 
.w-b-b { width: 163px;
margin: 10px auto;}
.b-a-w-b { color: #FFF !important;
background-color: #535353 !important;
border-color: #717171 !important;
padding: 1px 15px !important;}
.l-g-t2 { margin-top:5px;  color:#999;  }
.p-sm-set2 { font-size: 11px;
margin-top: 8px;
color: rgb(176, 173, 173);
float: left;}
.ccc-set2 { color: #fff;
background-color: #aaabab !important;
border-color: #969f9f !important;
padding: 4px 14px !important;
border-radius: 0px !important;  
display: inline;
float: right; margin-left:0px !important; margin-top:0px !important;}
.cll-set { padding-right: 14px !important;}
.sec-task { width: 100%;
padding: 0px 13px 0px 0px;}
.ww-hfn { width:100% !important; height:auto !important; float:none !important;}