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



	Description:		Global Styles Sheet for Terraco 

	Filename:			global.css

	Date:				April-11-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;  font-weight:normal;}

img{border:none;}

h1 { font-family: 'candarabold', Tahoma, sans-serif; font-size:18px; font-weight:normal; margin:10px 0px 5px 0px; padding:0px; color:#333}

h2 { font-family: 'candarabold', Tahoma, sans-serif; font-size:17px; font-weight:normal; margin:5px 0px 0px 0px; padding:3px 5px; background:#eee; color:#574047}

h3 { font-family: 'candarabold', Tahoma, sans-serif; font-size:16px; font-weight:normal; margin:32px 0px 0px 0px; padding:0px; color:#333333}

h3 a{color:#333}



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



.outer {overflow:hidden; margin:auto; background:#fff;overflow-x:hidden; }

.header{ background:#0055a5; border-color:#0055a5;}

.logo{ margin:0 0;}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.banner{

	display: block;

	margin: 0px;

	padding: 0px;

	height: 325px;

	width: 100%;

	position: absolute;

	z-index: 5;

	left: 0px;

	top: 52px;

}



.linkcontainer{overflow:hidden; margin-top:330px;}

.linkcontainer iframe{width:100%;}

.linkcontainer img{display: block; max-width:100%; height:auto; margin: 20px auto 0;}

.linkcontainer h1{ font-weight:bold;}

.linkcontainer h2 a{ color:#0055A5; font-weight:bold;}

.linkcontainer h3{ font-weight:bold; margin:15px 0;}

.links{line-height:20px; width:auto; float:left; padding-right:40px;}

.links a{color:#646464; text-decoration:none}

.links a:hover{color:#333; text-decoration:underline}

.links2{ }

.links2 a{color:#333333; text-decoration:none; font-weight:normal; font-size:15px;}

.links2 a:hover{text-decoration:underline}



.search{border:1px solid #CCCCCC; font-size:10px; width:100%; margin:8px 0px 12px 0px; color:#333; padding:5px;}

.news{ width:143px;}

.newsbox{background:#ededed; padding: 2px 2px 2px 2px}

.newstitle{ color:#5d5c9a; text-decoration:underline; padding-left:2px}

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

.more a:hover{color:#424183;}



.brands{ border-top: solid 1px #CCCCCC; margin-top:15px;}



.footerouter{ border-top:#999999 solid 1px; margin-top:4px;}

.footer{overflow:hidden; margin:auto; text-align:right; font-family: 'candara', Tahoma, sans-serif; font-size:13px; padding:10px 0px;}

.footer .pull-left a{ padding-right:5px;}

.footer .pull-right a{ padding-left:15px; color:#999999; text-decoration:none;}

.footer a:hover{color:#002596; text-decoration:underline;}















#climber {

	cursor:pointer;

	width:160px;

	height:16px;

	position:absolute;

	left:0px;

	top:-3px;

	z-index:auto;

}





#ie #climber {top:-12px;}



#climber .icon_image_sml {float:left;margin-left:8px;margin-top:2px;}



#climber label {width:20px;display:block;float:left;font-size:10pt;margin-left:5px;margin-top:4px;color:#444;}













/*** ESSENTIAL UP STYLES ***/

.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;}

.sf-menu {}

.sf-menu ul {position: absolute;width:160px; /* left offset of submenus need to match (see below)*/}

.sf-menu ul li {width: 130px;line-height:20px;padding:10px 10px 5px 10px; color:#666; background:#f5f5f5 url(../images/down.jpg) bottom left no-repeat !important; border-top:solid 3px #ccc;}

.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {float: left;position: relative;}

.sf-menu a {display: block;position: relative;}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {left: 0;bottom: 0.0em; /* match top ul list item height */z-index: 99;}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {bottom: -999em;}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {bottom:-20%; left:100%;}

ul.sf-menu li li:hover li ul,

ul.UP li li.sfHover li ul {top: -999em;}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */top: 0;}



/*** DEMO SKIN ***/

.sf-menu {float:left;margin-bottom:1em; }

.sf-menu a {text-decoration:underline;padding:8px 0px 5px 0px;color:#333; padding-bottom:15px; }

.sf-menu a:hover{color:#000}

.sf-menu a, .sf-menu a:visited  {}

.sf-menu li {background:#fff;}

.sf-menu li li {background:#e1e1e1;}

.sf-menu li li li {background:#fff;}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: ;outline:0;}



/*** arrows **/

.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}

.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;    overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

    top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

    background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

    background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul { padding: 0 8px 0px 0;}







div.sc_menu {

	/* Set it so we could calculate the offsetLeft */

	position: relative;

	height: 63px;

	width: 1000px;

	overflow: auto;

}

ul.sc_menu {

	display: block;

	height: 63px;

	/* max width here, for users without javascript */	

	width: 2000px;	

	padding: 6px 0 0 0px; 

	/* removing default styling */

	margin: 0;

	list-style: none;

}

.sc_menu li {

	display: block;

	float: left;	

	padding: 0 15px;

}

.sc_menu a {

	display: block;

	text-decoration: none;

}

.sc_menu span {

	display: none;

	margin-top: 0px;

	text-align: center;

	font-size: 12px;	

	color: #fff;

}

.sc_menu a:hover span {

	display: block;

}

.sc_menu img {

	border: 3px #fff solid;	



}

.sc_menu a:hover img {

	filter:alpha(opacity=50);	

	opacity: 0.5;

}





/* Here are styles for the back button, don't look at them */

#back {

	display: block;

	width: 500px;

	text-align: center;

	color: #003469;

	font-size: 16px;

}



.terraco121 a{ color:#333;}

.style1{color:#941423;}

.search_submit{float:right; color:#fff; background:#fff; height:12px; padding:0px; border:none;font-size:3px;margin:0px; }

@media (max-width: 1200px) {
	.nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 991px) {
	.nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
	}
}