/*	----------------------------------------------------------------

	Description:		Style Sheet for Terraco 
	Filename:			style1.css
	Date:				April-12-2010
	Author:				Prajith nair
------------------------------------------------------------------*/

/*-  --------------------------------genaral styles --------------------------------------*/
@font-face {
    font-family: 'candara';src: url('../fonts/candara.eot');src: url('../fonts/candara.eot') format('embedded-opentype'),
         url('../fonts/candara.woff2') format('woff2'),
         url('../fonts/candara.woff') format('woff'),
         url('../fonts/candara.ttf') format('truetype'),
         url('../fonts/candara.svg#candara') format('svg');
}
@font-face {
    font-family: 'candarabold';src: url('../fonts/candarabold.eot');src: url('../fonts/candarabold.eot') format('embedded-opentype'),
         url('../fonts/candarabold.woff2') format('woff2'),
         url('../fonts/candarabold.woff') format('woff'),
         url('../fonts/candarabold.ttf') format('truetype'),
         url('../fonts/candarabold.svg#candarabold') format('svg');
}

body {color:#333;font-family:'candara', Tahoma, sans-serif;margin:0;padding:0; font-size:15px; color:#8c8c8c; font-weight:normal; }
img{border:none; }
p{margin:0px; padding:0px;}
ul{ margin:0; padding:0;}
li{ list-style:none; padding:0px;}


h1 { font-family: 'candarabold', Tahoma, sans-serif; font-size:18px; font-weight:normal; margin:10px 0px 5px 0px; padding:0px; color:#2c2c2c}
h2 { font-family: 'candarabold', Tahoma, sans-serif; font-size:17px; font-weight:normal; margin:5px 0px 0px 0px; padding:0px; color:#666}
h3 { font-family: 'candarabold', Tahoma, sans-serif; font-size:16px; font-weight:normal; margin:32px 0px 0px 0px; padding:0px; color:#666}
h4 {font-family: 'candarabold', Tahoma, sans-serif; font-weight:bold; color:#0055A5; margin:0px; font-size:24px; padding: 10px 0;}

/*-  --------------------------------genaral styles ends here--------------------------------------*/


/*--------Changed----*/
.outer { margin:20px auto; min-height: 500px;}
.header{ background:#0055A5; height:53px;}
@media (max-width: 767px) {
.header, .breadcrumbblk{ display:none;}
.navbar-header{background:#0055A5;}
/*.table-responsive{
	padding-top:60px;
	background:url(../images/swipe.png) no-repeat center top;
}*/
}
.logo{ margin:13px 0;}
.navbar-brand { display:none;}
@media (max-width: 767px) {
.navbar-brand { display:block;}
.navbar-brand .logo{ margin:0;}
}
.banner{ margin-top:11px;}

.toplinks{ margin: 12px 0px 0px 15px; height:27px;float:left}
.toplinks a{font-family: 'candara', Tahoma, sans-serif; font-size:13px;color:#2c2c2c; padding:0px 32px 0px 0px; text-decoration:none}
.toplinks a:hover{ color:#000}
.selected{color:#333 !important}

.breadcrumb{ margin: 0px;float:left}
.breadcrumb a{font-family:'candara', Tahoma, sans-serif;font-size:14px; text-decoration:none; color:#7c7b7b; padding:0px 5px 0px 5px; }
.breadcrumb a:hover{ color:#333; text-decoration:underline}
.breadcrumb .active{ color:#4d4c87;font-size:14px;}

.search{border:1px solid #CCCCCC; font-size:10px; width:141px; height:21px; margin:8px 0px 12px 0px;}
.search2{border:1px solid #CCCCCC; font-size:10px; width:200px;  margin:6px 0; padding:3px 5px;}

.more a{color:#5d5c9a; font-size:10px; float:right }
.more a:hover{color:#424183;}

/*--------Changed----*/
.leftmenu{ padding:10px; background:#FFF; margin:0 0 15px 0;}
.leftmenu li { padding:5px 0px 0px 9px }
.leftmenu li ul li { padding:5px 0px 0px 18px }
.leftmenu a{ text-decoration:none; color:#8b8b8b; font-size:14px !important; }
.leftmenu a:hover{ color:#6f6f6f; text-decoration:underline} 
.leftmenu a.active{color:#424183 !important; font-weight:bold}
.leftmenu h1{margin-top:0px;}

/*--------Changed----*/
.contentblk{font-size:14px; color:#333;text-align:justify; background:#fff; padding:10px 15px; line-height:21px; margin:0 0 15px 0;}
.contentblk img{max-width:100%;height:auto;}
.contentblk td img {max-width: 100%;height:auto;}

.contentblk a{color:#0055A5; font-weight:bold;}
.contentblk li{ 
	/*padding-left:20px;
	background:url(../images/bullet.jpg) top left no-repeat;*/ 
	list-style:inherit;
}
.contentblk li.product_group, .contentblk li.product_group ul li{list-style-type:none; background:none;}
.contentblk p{margin:0 0 10px 0;}
.contentblk table{ }
.contentblk table td{border:#ccc solid 1px; padding:5px;}
.contentblk table.borderzero td{border:#ccc solid 0px;}

.menu_list {width: 580px;}
.menu_head {font-family: 'candara', Tahoma, sans-serif; font-size:15px;cursor: pointer; width:580px; height:22px; padding:5px 0px 0px 5px; position: relative; border:solid 1px #ccc; background: #ffffff url(left.png) center right no-repeat; color:#000}
.menu_body { width:585px; }


.productimage{ float:left; margin:11px 12px 11px 11px; border:solid 1px #d9d9d9}
.product{font-family: 'candara', Tahoma, sans-serif; font-size:15px;color:#2446ae; }


/*--------Changed----*/
.rightmenu{padding:10px; background:#fff}
.rightmenu li {padding:0px 0px 6px 12px;}
.rightmenu li a{color:#8b8b8b; text-decoration:none  }
.rightmenu li a:hover{color:#6f6f6f; text-decoration:underline}
.rightmenu li.active{ background:url(../images/menubg.jpg) left top no-repeat; margin-left:13px; color:#424183}
.rightmenu h1{margin-top:0px;}

.footerouter{  border-top: 1px solid #999999;  margin-top: 4px; background:#fff;}
.footer{font-family: "candara",Tahoma,sans-serif; font-size: 13px; margin: auto; overflow: hidden; padding: 10px 0; text-align: right;}
.footer .pull-left a { padding-right: 5px; }
.footer .pull-right a { color: #999999; padding-left: 15px; text-decoration: none; }
.footer a:hover{color:#002596; text-decoration:underline}

.footer1{width:579px; overflow:hidden; text-align:right; font-family: 'candara', Tahoma, sans-serif; font-size:13px; padding:25px 16px 15px 15px; color:#666; background:#ffffff ; border-top:solid 1px #ccc; margin-left:188px;}
.footer1 a{ margin-right:15px; color:#666; text-decoration:none}
.footer1 a:hover{color:#002596; text-decoration:underline}

/*-  -------------------------------- styles for about us page starts here--------------------------------------*/
.img_inner{margin:15px 15px 15px 0px; float:left; }
.caption{ font-size:17px; font-family:'candara', Tahoma, sans-serif;color:#656497; line-height:35px; padding-left:20px; float:left; width:300px; }
.quotes{ padding:22px 0px 0px 10px }
.quotes2{ padding:0px 0px 16px 254px }
.highlight{font-family:'candara', Tahoma, sans-serif; font-size:16px;color:#000000; margin:5px 0px 5px 0px; }
.newshighlight{font-family:'candara', Tahoma, sans-serif; font-size:16px;color:#000000; margin:12px 0px 8px 0px; border-top:1px solid #ccc; padding-top:12px; }

/*-  -------------------------------- styles for about us page ends here--------------------------------------*/


.accordianimage{ float:left; margin:11px 12px 0px 11px; }
.accordianproduct{font-family: 'candara', Tahoma, sans-serif; font-size:15px;color:#2446ae; padding-bottom:5px; }
.accordianproduct_des{padding:10px 12px 10px 15px;height:auto;border-bottom:#fff solid 1px}

/*-  -------------------------------- styles for contact page starts here--------------------------------------*/

.contacttxt{ float:left; width:120px; margin-right:20px; }
.contactfield{ border:solid 1px #ccc;width:240px;  float:left; height:22px; padding:0px 0px 0px 10px; font-size:11px; color:#666;  }
.contactfield2{ border:solid 1px #ccc;width:240px; float:left; height:55px; padding:2px 0px 0px 10px; font-size:11px; color:#666;  }

.submitbtn{ background:#333 ; border:none;color:#fff; width:70px; height:20px; font-size:11px; color:#ccc; padding-bottom:3px; float:left; margin-left:290px;cursor:pointer;}

/*-  -------------------------------- styles for contact page ends here--------------------------------------*/

/*-  -------------------------------- styles for projects page starts here--------------------------------------*/


/*--------Changed----*/.projectcontent{}
.project_thumb{margin-bottom:15px;}
.project_thumb > a{border-left:#333 solid 1px; border-right:#333 solid 1px; border-top:#333 solid 1px; display:block;}
.project_title{ padding:5px ; color:#666666; font-family:'candara', Tahoma, sans-serif; font-size:13px; text-align:center; border-left:#333 solid 1px; border-right:#333 solid 1px; border-bottom:#333 solid 1px;}
.project_title a{color:#333; text-decoration:none }
.project_title a:hover{color:#000;}
.thumb2{float:left; margin-left:20px; }
/*--------Changed----*/.project_des{ padding:10px; background:#fff; border:#e5ebf7 solid 1px}
.projectimg{border:#333 solid 1px; float:left; margin:0px 0px 20px 0px;  }
.project_des a{ color:#999999; text-decoration:none}
.project_des a:hover{ color:#333; text-decoration:underline; }

/*-  -------------------------------- styles for projects page ends here--------------------------------------*/

.terraco121 a{ color:#333;}
.innerlinks{ padding-left:10px;}


.expand{}

.acitem{ margin:10px 5px 10px 10px; }

.menu li{ margin-bottom:5px;margin-top:5px; width:auto; padding:5px; overflow:hidden}
.product_group{ overflow:hidden; border:solid 1px #ccc;}

.producttbl{width:310px; font-size:11px;}
.producttbl td{ padding:5px 5px 5px 5px; border:solid 1px #ccc}


/*-----------------------------Country dropdown--------------------------------------------*/

.dropdown_container{float:right;  margin:15px 1px 0px 0px;}
#sddm{margin: 0;padding: 0;z-index: 30; overflow:hidden}

#sddm li{margin: 0;padding: 0;list-style: none;float: left;/*background: url(../images/downarrow.png) right no-repeat;*/ }

#sddm li a{display: block;margin: 0 0px 0 0;padding:2px 12px 2px 8px;width: 152px;color: #000;text-decoration: none;font-family:Arial, Helvetica, sans-serif !important; font-size:10px !important;}

#sddm li a:hover{	}

#sddm div{position: absolute;visibility: hidden;margin: 0;padding: 0; z-index:99; }

#sddm div a{position: relative;display: block;margin: 0;padding: 5px 10px;width:152px;white-space: nowrap;text-align: left;text-decoration: none;color: #333;font: 11px arial; background:#f5f5f5; border-bottom:solid #fff 1px}

#sddm div a:hover{color: #000;background:#fff}

/*-----------------------------Country dropdown ends --------------------------------------------*/

/*-----------------------------tabs --------------------------------------------*/


#listtabs {}
#listtabs ul {float: left;background: #fff;width: auto;padding-top: 4px;}
#listtabs li {margin:0px;padding:0px;list-style: none;background: #e1e1e1;margin-right:5px;}
* html #listtabs li {list-style:none;display: inline;}
#listtabs li, #listtabs li a {float: left;}
#listtabs ul li.active {background: #f5f5f5;}
#listtabs ul li.active a {color: #333333;}
#listtabs div {background: #f5f5f5;clear: both; padding:10px 10px 10px 10px; min-height: 200px;}
#listtabs div h3 {margin: 0px 0px 12px 0px;font-family:'candara', Tahoma, sans-serif; font-size:16px;color:#000000;  }
#listtabs div p{overflow:hidden; margin-bottom:15px; border-bottom:solid #ccc 1px }
#listtabs ul li a {text-decoration: none;padding: 8px;color: #000;font-weight: bold;}
.thumbs {float:left;margin-bottom:15px;margin-right:15px;}
/*-----------------------------Country dropdown ends --------------------------------------------*/


.productlogo{float:right; margin:5px 0px 5px 20px;}
.productwrapper{ overflow:hidden; border-bottom:solid #ccc 1px; padding:10px 0px 15px 0px;}
.productwrapper li{ padding:0px;}
.error{color:#941423;}
.errormsg{color:#941423; font-weight:bold; text-align:center;}
.style1{color:#941423;}
.search_submit{color:#fff; background:#fff; height:0px; padding:0px; border:none;font-size:11px;border-radius:5px; margin-left:0px; }


.terracotbl td{ padding:8px; border-bottom:solid 1px #f1f1f1;}
.dwnbtn{ border:solid #fff 1px; padding:2px; width:95px; overflow:hidden}
.dwnbtn:hover{ border:solid #ccc 1px;}

.otologin {width:550px;height:200px;margin-left:200px;}
.otologincontain {display:block;margin : 30px 0px 0px 30px;}
.otologfld{font-size:14px;margin-right:20px;}
.ototext {width:190px;border:solid #CCCCCC 1px;}
.otosubmit {background:none repeat scroll 0 0 #333333;color:#cccccc;border:none;}
.feildwrapper{ overflow:hidden; margin:20px 0px 20px 0px}
.mandatory_icon{ color:#C00 !important;}
.captchatxt {padding:10px; background:#fff; border-radius:5px; border:solid 1px #999; color:#777;}

.mapclicked {background: #F2F2F2;}
/* ------------------------------ Country Map Link ---------------------------------------------- */

.country_map_link { position:relative; }
.country_map_link a { position:absolute; background:url('../uploads/invi.png') repeat; display:block; text-decoration:none; height:16px; }
.country_map_link .sweden	   { left: 240px; top: 95px;  width: 44px; }
.country_map_link .russia_west { left: 411px; top: 85px;  width: 62px; }
.country_map_link .romania     { left: 401px; top: 126px; width: 50px; }
.country_map_link .russia_east { left: 563px; top: 130px; width: 62px; }
.country_map_link .turkey	   { left: 413px; top: 149px; width: 50px; }
.country_map_link .south_korea { left: 562px; top: 155px; width: 62px; }
.country_map_link .ireland	   { left: 198px; top: 171px; width: 43px; }
.country_map_link .pakistan	   { left: 419px; top: 174px; width: 50px; }
.country_map_link .shanghai	   { left: 554px; top: 186px; width: 79px; }
.country_map_link .uk	       { left: 249px; top: 207px; width: 36px; }
.country_map_link .guangzhou   { left: 545px; top: 206px; width: 87px; }
.country_map_link .egypt	   { left: 272px; top: 250px; width: 50px; }
.country_map_link .cyprus	   { left: 253px; top: 231px; width: 50px; }
.country_map_link .jordan	   { left: 343px; top: 250px; width: 50px; }
.country_map_link .uae   	   { left: 409px; top: 260px; width: 50px; }
.country_map_link .vietnam	   { left: 553px; top: 253px; width: 50px; }
.country_map_link .south_africa{ left: 396px; top: 288px; width: 80px; }
.country_map_link .thailand	   { left: 498px; top: 284px; width: 50px; }

/* ------------------------------ Dealer Dropdown ------------------------------------ */
.content3{float:left; margin:20px 0px 0px 15px; width:780px; font-size:12px; color:#333;text-align:justify; background:#fff; padding:15px; line-height:20px;}
.dealer_search p { padding-bottom:20px; }
.dealerblank { height:75px;}
.dealer_search p span{color: #2C2C2C; font-family: 'candara', Tahoma, sans-serif; font-size: 15px; padding:0px 10px 0px 0px; }
.dealer_list { padding:15px 0px 50px 0px; }
.dealer_list table tr th { background:#CCC; color: #444; font-family: 'candara', Tahoma, sans-serif; font-size: 14px; padding:5px 10px; }
.dealer_list table tr td { border-bottom:#CCC solid 1px; padding:5px 10px; }

.rightmenupdtimg  {height: 22px;  margin: -4px 4px; vertical-align: bottom; width: 20px;}
.rightmenupdtimgli { margin-bottom: 6px; }

.breadcrumbblk{
	background:#fff;
	border-bottom:#ccc solid 1px;
	border-top:#ccc solid 1px;
}
.quickspecblk h6{
	font-weight:bold;
}

.quickspecblk .radio-inline img{
	border:#ccc solid 1px;
	padding: 2px;
	margin:10px 0;
}

.texturebtnblk{
	overflow:hidden;
}

.texturebtnblk button{
	width:32%;
	float:left;
	margin:0 5px 5px 0;
}

@media (max-width: 767px) {
.texturebtnblk button{
	width:100%;
	float:none;
	margin:0 0 5px 0;
}
.marginzero{
	margin:0 !important;
}
}

.vertical-text {
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
	vertical-align: text-top;
}
.contentblk ul,
.contentblk ol{
	padding: 0 0 0 25px;
}

#base-textures li ul li{ list-style:none;}

.eif-blue td{
	background-color:#0055A5;
	color:#fff;
}
@media (max-width: 767px) {
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0px;
}
}

/*=============== MENU ===============*/
@media (max-width: 767px) {
	.leftmenu{
		position: fixed;
		z-index: 9;
		left: -200px;
		top: 0;
		height: 100%;
		width: 200px;
		padding-top: 61px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.leftmenu.open{
		left: 0;
	}
	
	.menu-backdrop {
		background-color: #000;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1;
		filter: alpha(opacity=50);
		opacity: .5;
	}
	
	.openfix{
		padding-top:51px;
	}
	
	.openfix .navbar-static-top{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}
}