@charset "utf-8";
/*
Theme Name 	: 	Ganesh Tubes
Description	: 	Buy Steel Tubes
Design URL 	: 	ganeshtubes.in
Design by  	: 	CrossCountryWebServices
Designer   	: 	Rajesh Kumar
Version	   	:	XHTML 5.0 and CSS3
*/


/* #Site Styles
================================================== */
.clear{ clear:both;}  img.scale-with-grid { max-width: 100%; height: auto;} 
.add-bottom{ padding-bottom:30px;} .half-bottom{ padding-bottom:15px;} .half-bottom2{ padding-bottom:7px;}

th, td { padding:7px 0;} .u-full-width{ margin:0px; padding:0px;} 
th{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#005da5; text-decoration:none; font-weight:normal;}
td{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#4b4b4b; text-decoration:none;} td.td{ color:#c80505;}

p{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#4b4b4b; text-decoration:none; line-height:22px; padding-right:25px; margin-bottom:10px;} p a{ color:#054380; text-decoration:none;} p a:hover{ color:#054380; text-decoration:underline;} p img{ margin-left:7px;} p strong{color:#4b4b4b;}

.hd1{font-family:helvetica_neue_lt_pro67MdCn; font-size:20px; color:#323232; text-decoration:none; line-height:25px; margin:0 0 7px 0 ; } 
.hd2{ font-family:helvetica_neue_lt_pro67MdCn; font-size:16px; color:#054380; text-decoration:none; line-height:26px; margin:0 0 7px 0;}

/* #Page Styles
================================================== */
.wrapper{background:#fff;}  .header{background:#fff; padding:0 16px; margin:0;}  
.logo{ padding:30px 0px 10px 25px;} .nav{ float:right; margin-top:35px; padding-right:25px;}
 
/*** share widget***/
#share-buttons{ top:180px; width:40px; padding:7px 5px; position: fixed; background:#fff; border:0px solid #ddd; font-size:13px; 
text-align:center; line-height:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#fff; font-style:italic; background:rgba(255, 255, 255, 0.4);} 

#share-buttons img{width:28px; height:28px; padding:1px 4px; }

ul{ margin:5px 0px 25px 0px ; padding:0px;}
li{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;  color:#464646; line-height:16px; }  
  
/* Sidebar*/ 
.sidebar{ background:#f4f4f4; width:82%; margin:0px 16px 10px 16px; padding:16px 20px;}
.sidebar ul{ list-style-type:none; margin:5px 0px 5px 0px ; padding:0px;}
.sidebar li{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;  line-height:30px; padding:0px; margin:0px;}
.sidebar li a{color: #464646; text-decoration:none; }  .sidebar li a:hover{ color: #464646; text-decoration:underline;}
 
/* Gallery */ 
.body{ padding:10px 16px;} 
.gallery{ width:100%; margin:10px 0 0 0 ;}
.thumb{ width:172px; float:left; margin:0 15px  15px 0; color:#054380; "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px;  text-align:center;}  .thumb img{margin-bottom:3px;}
.thumb a{color:#054380; text-decoration:none;} .thumb a:hover{color:#054380; text-decoration:underline;} 

.product-box{border:1px solid #eee; background:#f4f4f4; padding:15px; margin-bottom:15px;} 
.product-box img{ margin-left:10px;} .product-box .hd2{font-size:17px; font-weight:normal;}

.product-box input{color:#222; border:1px solid #ffb23d; background:#ffc860; font-size:12px; width:120px; height:30px; line-height:30px; margin-top:15px; } .product-box input:hover{ color:#222; border:1px solid #ffc860; background:#ffb23d;}

/* Footer */ 
.footer{margin:7px 16px 0px 16px; padding:7px 0px 15px 0px; border-top:1px solid  #464646; } .footer ul{list-style-type:none; margin:5px 0px 10px 0px ; padding:0px; text-align:center;} .footer li{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; padding:0 15px; color:#464646; line-height:16px; display:inline;} .footer li a{color:#464646; text-decoration:none; line-height:16px; } .footer li a:hover{color:#464646; text-decoration:underline;}

.footer li.copy{ font-size:13px; color:#888; line-height:22px; display: block; margin:10px 0 0 0;}
.footer li.copy a{color:#888; text-decoration:none; } .footer li.copy a:hover{color:#464646; text-decoration:none; }

/* Capsule Inquiry Form */
form{ padding:0px; margin:0px;} .cap_form{ width:80%; padding:0 0 15px 0; margin:0px auto; }   .cred{ color:#f00;} 

.cap_form ul{list-style-type:none; margin:0px ; padding:0px; }
.cap_form li{ margin:0px 0px 5px 0px ; padding:0px; }
.cap_form li label{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#4b4b4b; float:left;  
width:110px; height:30px; padding-right:15px;  font-weight:normal; line-height:30px; text-align:right;}
.cap_form li .field_1, .cap_form li .field_2, textarea{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height: 22px; color:#777; border:#f1f1f1 1px solid; background:#eee;  padding:0px 7px;} 

.cap_form li .field_1{ width:170px;   height: 30px;} 
.cap_form li .field_2{ width:80px; height: 30px; float:left; margin-right:7px;} 
.cap_form li textarea{ width:170px;   height: 50px;} 
.cap_form li .button2{ padding:0px 12px;  margin-right:5px; float:left; line-height:28px; height:28px;}

/* #Extra's */
#backtotop { position:fixed; right:20px; bottom:5px;  visibility:show;} 
#backtotop a { border:0 none; display:block; width:48px; height:48px opacity:.8}
#backtotop a:active { opacity:1}
#backtotop a:hover { opacity:.5}

/* #Media Queries
================================================== */
/* Larger than desktop */
@media (min-width: 980px) {
 
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) { }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/** INDEX PAGE **/
.logo{ padding:30px 0px 10px 25px;} .nav{ float:right; margin-top:30px; padding-right:25px;} .hidden768{ display:none;}
.thumb{ width:172px; float:left; margin:0 7px  7px 0; color:#054380; font-size:13px;  text-align:center;} 

/** CONTACT PAGE **/
.cap_form{width:100%; margin:0px; padding:0px; } 
.cap_form li label{float:left;  width:100px; height:30px; padding-right:10px; text-align:left; } 
.cap_form li .field_1{ max-width:170px;   height: 30px;}  .cap_form li select{ max-width:175px;   height: 30px;} 
.cap_form li textarea{ max-width:170px;   height: 50px;}  .cap_form li .select{ max-width:80px;   height: 30px;}
 
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/** INDEX PAGE **/
.hidden480{ display:none;}  #share-buttons{ display:none;}
.logo{ text-align:center; padding-left:0px;}
.nav{float:none; margin:0px 0 0px 0; padding:0 0 0 16px; } 
 
/** CONTACT PAGE **/
.cap_form{width:100%; margin:0px; padding:0px 0px 0px 0px ; } 
.cap_form ul{ padding:0px; margin:0px;} 
.cap_form li{ padding:0px; margin:0px;}
.cap_form li label{width:100px; height:30px; padding-right:10px; text-align:left; } 
.cap_form li .field_1{ max-width:175px;   height: 30px;   }  
.cap_form li textarea{ max-width:175px;   height: 50px;  }  	

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/** INDEX PAGE **/
#share-buttons{ display:none;} .hidden479{ display:none;}
.logo{ text-align:center; padding-left:0px;}
.nav{float:none; margin:0px 0 0px 0; padding:0 0 0 16px;}

.thumb{ width:172px; float:none;    margin:0  auto 15px  auto; color:#054380; font-size:13px;  text-align:center;} 
.hd1,
p{ text-align:center;}


/** CONTACT PAGE **/
.cap_form{width:100%; margin:0px; padding:0px 0px 0px 0px ; } 
.cap_form ul{ padding:0px; margin:0px;}
.cap_form li{ padding:0px; margin:0px;}
.cap_form li label{width:100px; height:30px; padding-right:10px; text-align:left; } 
.cap_form li .field_1{ max-width:175px;   height: 30px;   }  
.cap_form li textarea{ max-width:175px;   height: 50px;  }  

.product-box input{ text-align:center; float:none;  width:120px; margin-left:25%; }
.product-box img { float:left; margin:7px 16%; clear:both;}
.hd2{ text-align:center; margin:0px; padding:0px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {

/** CONTACT PAGE **/
.cap_form{width:100%; margin:0px; padding:0px 0px 0px 0px ; } 
.cap_form ul{ padding:0px; margin:0px;}
.cap_form li{ padding:0px; margin:0px;}
.cap_form li label{width:80px; height:30px; padding-right:10px; text-align:left; } 
.cap_form li .field_1{ max-width:155px;   height: 30px;   }  
.cap_form li textarea{ max-width:155px;   height: 50px;  }  


}