/* ----------------------------------------------------
   Raj Ratans
   Created:	Wed 26.07.09
   Author:     Shanky Aggarwal
   ----------------------------------------------------
*/
@font-face {
    font-family: dloldeng;
    font-style:  normal;
    font-weight: normal;
    src: url(BANKGOT0.eot);
}

/* ------------------------------------- Common ------------------------------------- */
body{font-family:Tahoma, Georgia, "Times New Roman", Times, serif; font-size:12px; background: #fff url(../images/bg.jpg) repeat-x;
color:#666; font-weight:normal; line-height:20px; padding:0px; margin:0px}
p,a,ul,span,h1,h2,h3,h4,img,li,div,form,label,input,fieldset,sup{padding:0px; margin:0px; }
img,fieldset{border:none}
a {color: #067fac; text-decoration:none}
a:hover {color: #F9461C;}
.left{float:left}
.right{float:right}
.right-i{float:right; padding-right:16px}
.left-i{float:left; padding-right:8px}
.left-ii{float:left; padding-right:6px; padding-top:7px;}
.clear {clear:both;}
* {margin: 0px;padding: 0px;}
ul{list-style-type:none}
.fontfamily{font-family:'lucida grande', tahoma, verdana, arial, sans-serif;}
.fontsize_12{font-size:12px;}
.fontsize_14black{font-size:14px;color:black;font-family:Arial;}
.fontsize_11{font-size:11pt; line-height:14px;}
.fontsize_11p{font-size:11px; line-height:14px;}
.fontsize_10{font-size:10px;}
.fontsize_9pt{font-size:9pt;}
/**
 * Headings
 */
h1 {color: #F9461C; font-size:22px; font-weight:normal; margin: 1.5em 0 0 0; font-family: "BankGothic Md BT", dloldeng, gothic, tahoma;}
h2 {font: normal 180%/1 "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif;margin: .5em 0;}



/* ------------------------------------- Layout ------------------------------------- */
div#container{width:950px; margin:0px auto; height:100%; padding:0px;}
div.spacer{ height:35px; margin:0px; padding:0px;}
/* ------------------------------------- Header ------------------------------------- */
div#header{width:950px; margin:0px; padding:0px; background:url(../images/header-bg.jpg) 190px 10px no-repeat; height:152px;}
div#header .logo{width:250px; float:left; margin:0px; padding:10px 0 0 0;}

/* ------------------------------------- Anchor ------------------------------------- */
div#navigation{width:700px; float:left; position:absolute; top:120px; right:20px;}

/**
 * Main menu
 */
#main-menu {
	float: right;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.25;
	width:570px; 
	list-style:none;
	position: relative;
	z-index: 10;
	margin:0px;
	padding:0px;
}

#main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-menu li {
	float: left;
	margin-right: 5px;
}

#main-menu a {
	background-repeat: no-repeat;
	background-position: top left;
	color: #222;
	display: block;
	padding: 8px 12px;
	text-decoration: none;
}

#main-menu a.active, 
#main-menu a:hover, 
#main-menu a:focus, 
#main-menu li:hover a,
#main-menu li.hover a {
	background-color: #F9461C;
	background-position: bottom left;

	color: #FFF;
}

/* Specific items */
#menu-item-home a { width: 83px; height: 42px; padding: 0; background-image: url("../images/home.gif"); }
#menu-item-home a span { display: none; }

#menu-item-product a { width: 94px; height: 42px; padding: 0; background-image: url("../images/products.gif"); }
#menu-item-product a span { display: none; }

#menu-item-wheretobuy a { width: 130px; height: 42px; padding: 0; background-image: url("../images/wheretobuy.gif"); }
#menu-item-wheretobuy a span { display: none; }

#menu-item-company a { width: 94px; height: 42px; padding: 0; background:url("../images/company.gif") no-repeat; }
#menu-item-company a span { display: none; }

#menu-item-contact a { width: 96px; height: 42px; padding: 0; background-image: url("../images/contact.gif"); }
#menu-item-contact a span { display: none; }

/* Sub menu */
#main-menu li:hover .sub-menu,
#main-menu li.hover .sub-menu {
	left: auto;
}

#main-menu .sub-menu {
	background: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%;
	line-height: 1.25;
	padding-top: 5px;
	position: absolute;
	left: -999em;
	width: 15em;
}

#main-menu .sub-menu ul {
	background: url("../images/dot.gif") repeat-x top;
	border: 1px solid #D9D9D9;
	border-top: none;
	margin: 0;
	padding: 1px 0 10px 0;
}

#main-menu .sub-menu li {
	background: url("../images/dot.gif") repeat-x bottom;
	float: none;
	margin: 0;
	padding-bottom: 1px;
	font-size:14px
}

#main-menu .sub-menu li a {
	background: url("../images/arrow-orange.gif") no-repeat 12px 11px;
	color: #000;
	padding: 7px 10px 7px 25px;
	width: auto;
	height: auto;
}

#main-menu .sub-menu li a:hover {
	background: #006699 url("../images/arrow-white.gif") no-repeat 12px 11px;
	color: #FFF;
}




div#design {width:500px; height:40px; padding-right:0px; float:right;}
div#design div#toplinks ul { margin:0px; padding:0px; list-style-type:none; width:100px; float:right}
div#design div#toplinks ul li{float:left; width:40px; height:40px; list-style-type:none; list-style:none }
div#design div.isomark{ float:right; width:140px; clear:both}


div#banner {width: 950px; height: 188px; float:left; margin:0px; padding:0px;}
#banner-left {width: 283px; height: 188px; float: left; background: url(../images/inspiration.jpg) no-repeat left top;}
#banner-right {width: 631px; height: 188px; float:left;  background: url(../images/banner.jpg) left top no-repeat;}


/* ----------------------------  Body Container Start ---------------------------- */

#content-container {width: 950px; margin: 0 auto; padding: 0px; border-top: none;}
#content-container #left-coloumn {width: 280px; padding-top:20px; height: 700px; float: left;}
#left-coloumn #ourproducts {width: 237px; height: 145px; padding: 50px 0px 0px 0px; margin: 20px 0px 0px 20px; color:#666; background:url(../images/ourproducts.gif) no-repeat;}
#left-coloumn #ourproducts a{text-decoration: none;color: #666;text-align: left;line-height: 80%;}
#left-coloumn #ourproducts ul {list-style-type:none}
#left-coloumn #ourproducts ul li {float: left; margin-top: 4px}
.li {float: left; clear: left; line-height: 21px; width: 180px; margin-left: 15px; padding-left: 25px;background: url(../images/thumb.jpg) 10px 5px no-repeat;}
#left-coloumn #approval {width: 237px; height: 165px; padding: 35px 0px 0px 0px; margin: 30px 0px 0px 20px; color:#666; background:url(../images/approval.gif) no-repeat;}
#left-coloumn #approval ul li {float: left; width:200px; line-height: 22px; margin-top:0px;  margin-left: 0px; padding-left: 10px;}

#left-coloumn #celebrates {width: 237px; height: 155px; padding: 50px 0px 0px 0px; margin: 10px 0px 0px 20px; color:#666; background:url(../images/celebrates.gif) no-repeat;}

/* ---------------------------- Right Container Start----------------------------  */


#content-container #main-content {width: 640px;  float:left;  margin-bottom: 15px;}
#left-shadow {width: 5px;height: 600px;float: left; padding:0px 5px 0 0; margin-top: 3px;background:url(../images/left-shadow.jpg) no-repeat;}
#right-shadow {width: 5px;height: 600px; float: left; padding:0PX 0 0 5PX; margin-top: 2px;background:url(../images/right-shadow.jpg) no-repeat;}


#content {width: 620px; float: left; margin-top: 3px; background: url(../images/text-bg.jpg) repeat-x top #FFF;color:#666;}
#content h1 { margin:1em 0 0em 0; padding: 0px 10px; font-family: "BankGothic Md BT", dloldeng, gothic, tahoma; }
#content h3 {color: #F9461C; font-size:18px; font-weight:normal; margin: 1.5em 0 .5 0; padding: 0px 10px; font-family: "BankGothic Md BT", dloldeng, gothic, tahoma; }

#content p{font-size: 13px;line-height: 1.40; color:#333333; padding: 10px 10px 0 10px; text-align:justify}
/* view more link */
a.view-more-link {
	background: url("../images/view-more.gif") no-repeat left 5px; float:right; font-weight: bold;padding-left: 10px;}
	
#content p.strong {font-weight: normal; color: #F9461C}

/* ---------------------------- Right Container End ---------------------------- */

/* ------------------------------------- products ------------------------------------- */


#products{
width:590px;
padding:10px;
margin:0px;
color:#000000
}

#products .cables{
float:left;
width:235px;
padding:0px 15px;
margin:0px;
height:200px;
background:url(../images/products_bg.jpg) no-repeat left top}

#products .cables h1{
color:#067fac;
font-size:16px;
padding:5px 0 0 20px;
line-height:20px;
font-weight:bold;
background:url(../images/plussign.gif) no-repeat 0px 10px;
margin:0px;

}

#products .cables img{
width:230px;
height:114px;
padding-top:5px;
clear:right
}

#products .cords{
float:right;
width:235px;
padding:0px 15px;
margin:0px 10px 0 0;
height:200px;
background:url(../images/products_bg.jpg) no-repeat left top}

#products .cords h1{
color:#067fac;
font-size:16px;
padding:5px 0 0 20px;
line-height:20px;
font-weight:bold;
background:url(../images/plussign.gif) no-repeat 0px 10px;
margin:0px;
}

#products .cords img{
width:230px;
height:114px;
padding-top:5px;

}

#products .tapes{
float:left;
width:235px;
padding:0px 15px;
margin:0px 10px 0 0;
height:200px;
background:url(../images/products_bg.jpg) no-repeat left top}

#products .tapes h1{
color:#067fac;
font-size:16px;
padding:5px 0 0 20px;
line-height:20px;
font-weight:bold;
background:url(../images/plussign.gif) no-repeat 0px 10px;
margin:0px;
}

#products .tapes img{
width:230px;
height:114px;
padding-top:5px;

}


#products .regulator{
float:right;
width:235px;
padding:0px 15px;
margin:0px 10px 0 0;
height:200px;
background:url(../images/products_bg.jpg) no-repeat left top}

#products .regulator h1{
color:#067fac;
font-size:16px;
padding:5px 0 0 20px;
line-height:20px;
font-weight:bold;
background:url(../images/plussign.gif) no-repeat 0px 10px;
margin:0px;
}

#products .regulator img{
width:230px;
height:114px;
padding-top:5px;
clear:right
}



/* ------------------------------------- footer ------------------------------------- */

div#footer{ background:#FFF url("../images/footerbg.png") repeat-x bottom; height:125px; clear: both; margin-top: 5px;}
div#footer #container {height: 120px; width: 950px; color: #FFF; margin:0px auto}
#footerlogo {
	float: left;
	width: 70px;
	height:65px;
	padding-top:25px;
	padding-left:20px;
}
#footer-text {width: 300px; float: left; padding-top:40px;}
#footer-text a {color:#FFFFFF; font-weight:bold}
#footermenu {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 35px;
	color: #FFFFFF;
	float: right;
	text-align:right;
	padding-top:30px;
}

.footermenu a:link, .footermenu a:active, .footermenu a:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase
}
.footermenu a:hover {
	font-family: tahoma;
	font-size: 11px;
	text-decoration: underline;
}

.bottom-keyword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #FFFFFF;
	clear:both;
	float:left;
	width:650px
	}
	
/**
 * Forms
 */
form label {
	cursor: pointer;
	font-weight: bold;
}

form .required-indicator {
	color: #F00;
}

form input,
form textarea, 
form select {
	border: 1px solid #CDCDCD;

	padding: 5px;
}

form p.description {
	font-size: 85%;
	font-style: italic;
	
	color: #666;
	
	margin-left: 14.5em;
	margin-top: 5px;
}
**
 * Form
 */
input.text,
textarea {
	border: 1px solid #DEDEDE;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

input.text:hover, 
textarea:hover {
	border-color: #F9461C;
}

input.text:focus, 
textarea:focus {
	border-color: #222;
}
/**
 * Main form
 */
form {
	background: #F1F8FE;
	margin:5px 10px;
	border: 1px solid #CBE2FA;
	padding: 15px;
	width:570px;
}

form .field {
	margin: 1em 0;
}

form label { 
	display: block;

	float: left;

	padding: 6px 0;

	width: 12.5em;
}

form .form-actions {
	margin-left: 12.5em;
}

form .enquete label,
form .radio-group label {
	display: inline;

	float: none;

	font-weight: normal;

	padding: 0;

	width: auto;
}

form .enquete li {
	margin: 1em;
}
	
.send-button {
	background: transparent no-repeat top left;border: none;cursor: pointer;display: block;height: 26px;}

.send-button:hover {
	background-position: bottom left;}

.send-button span {	display: none;
}

/* Specific */
.send-button { width: 73px; background-image: url("../images/send.gif"); }

	
.tab{
font-size:11px;
color:#333;
padding-left:4px;
padding-right:4px;
margin-left:10px;}

.tab1{
font-size:11px;
color:#fff;
padding-left:4px;
padding-right:4px;}