/*
Project : Cables and Conductors
Code by : NISHANTH
Last modified : 22-08-12
Color Swatches
023488 - dark blue
d1e0f8 - light blue
c9c9c9 - light grey
ccd6e7 - medium blue
*/
html,body{margin:0; padding:0; height:100%; font:12px/22px Arial, Helvetica, sans-serif; color:#000; 
background:url(../images/site-bg.png) repeat-x; }
#mainwrap{ width:960px; margin:0 auto; position:relative; display:table;}
h1{ font:24px Helvetica, Arial,sans-serif; color:#023488; background:url(../images/middledivider.gif) bottom repeat-x; padding:0 0 10px 0; margin-bottom:10px;}
h2{ font:20px Helvetica, Arial,sans-serif; color:#023488; margin-bottom:10px;}
h3{ font:18px Helvetica, Arial,sans-serif; color:#FFF; border-bottom:1px solid #7a7a7a; margin-bottom:10px; text-shadow: 0 1px 0 #000;}
h4{ font:bold 16px Helvetica, Arial,sans-serif; color:#d60000; margin-bottom:5px;}
h5{ font:bold 12px Helvetica, Arial,sans-serif; color:#212121; margin-bottom:2px;}
#header{ float:left; width:100%;  height:80px; clear:both; border-top:10px solid #023488;}
#header h1{ background:none!important}
.logo{ float:left; width:524px; height:40px; padding:25px 0}
#banner{ float:left; width:960px; height:260px; margin-top:6px;position:relative;}
#homecontent{ float:left; width:960px; height:280px;padding:10px 0px;}
#footer{ width:100%;background:#023488; height:35px; line-height:35px; color:#ccd6e7;} #footer span{padding:0 30px;}
#homebox{float:left;width:448px;display:block; text-align:justify;  height:258px; list-style-type:none; padding:10px;   border:1px solid #c9c9c9; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d1e0f8 50%, #d1e0f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#d1e0f8), color-stop(100%,#d1e0f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d1e0f8 50%,#d1e0f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d1e0f8 50%,#d1e0f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d1e0f8 50%,#d1e0f8 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d1e0f8 50%,#d1e0f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1e0f8',GradientType=0 ); /* IE6-9 */ }
#homebox2{background:#FFF;float:right;width:448px;display:block; text-align:justify;  height:258px; list-style-type:none; padding:10px;border:1px solid #c9c9c9; }
#homebox2 a{ text-decoration:none; color:#000;}
#homebox2 a:hover{text-decoration:underline; color:#d60000;}
#productbox,#productbox2{ width:205px; height:210px;display:block; border:1px solid #c9c9c9; background: url(../images/prod-bg.gif) top no-repeat #d1e0f8; padding:5px; position:relative;}
.more{position:absolute; bottom:10px; right:10px; font-weight:bold;}
#productbox{float:left;}
#productbox2{float:right;}
.productlist{width:190px;float:left;margin:5px 0 0 15px;list-style-image: url(../images/arrow.gif)}
.contact{ margin:10px 0;}

/*====inner-page-styles=====*/
#innerbanner{ width:960px; height:200px; background:#ccc; clear:both; box-shadow:0 2px 2px #e9e9e9;behavior: url(PIE.htc);zoom:1;}
#content{ width:960px; min-height:300px; clear:both;}
#leftblock{ float:left; width:220px;height:auto;padding:20px;}
.leftbox{ width:200px; height:auto; display:block; float:left; color:#FFF; margin-bottom:20px; background:#494949; padding:10px; box-shadow:0 0 6px #999; -moz-box-shadow:0 0 6px #999;-webkit-box-shadow:0 0 6px #999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url(PIE.htc);zoom:1;}
.leftbox ul{ margin-left:10px; text-transform:uppercase; font:11px/20px  Helvetica, Arial, sans-serif;}
.productbutton{ width:190px; height:70px; padding:5px; background:#FFF;  box-shadow:0 0 4px #84b2fd; -moz-box-shadow:0 0 4px #84b2fd;-webkit-box-shadow:0 0 4px #84b2fd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-bottom:10px; position:relative; behavior: url(PIE.htc);zoom:1;} 
.productbutton span img{ margin-top:15px;}
.productbutton:hover{box-shadow:0 0 6px #fff; -moz-box-shadow:0 0 6px #fff;-webkit-box-shadow:0 0 6px #fff; behavior: url(PIE.htc);zoom:1;}

#product-block{ width:660px; height:auto; float:left;  margin-bottom:15px;}
#product-tmb{ width:300px; height:130px; float:left; background:#fff; padding:2px; box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; margin:5px 20px 20px 0px; behavior: url(PIE.htc);zoom:1;} 
#product-tmb img{ width:160px; height:130px; float:left;}
.product-desc{height:122px; width:132px; padding:4px; text-align:left; float:left; line-height:18px;}

#rightblock{ float:left; width:660px;height:auto;padding:20px; text-align:justify;}
#rightblock ul{ margin-left:20px;}
/*====inner-page-styles=====*/




/*======1-level or 2-level or 3-level navigation=======*/
/* Main nav */
#nav
{
	width: 100%;
	margin: 0;
	list-style: none;  
	background: url(../images/nav-bg.png) repeat-x;
	float:left;
	display:block;
	height:38px;
	border:1px solid #dad9d9;

}

#nav li
{
	float: left;
	position: relative;
	line-height: 0;
	 padding:0 20px;
}

#nav li a 
{
	float: left;
	padding: 0 25px;
	color: #023488;
	display:block;
	text-transform: uppercase;
	font: bold 12px/38px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

#nav li:hover > a
{
	color: #fafafa;
	background:#6a6a6a;

}

*html #nav li a:hover /* IE6 */
{
	color: #fafafa;
		background:#6a6a6a;
	padding:5px 25px;
}

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

/* Sub-nav */

#nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99999;    
    background: #444;

}

#nav ul ul
{
  top: 0;
  left: 150px;
}

#nav ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  

}

#nav ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#nav ul a
{    
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

*html #nav ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #nav ul a /* IE7 */
{    
	height: 10px;
}

#nav ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}
/*====border-radius for first and last lisnks====*/
#nav ul li:first-child > a
{
  /*  -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;*/
}
#nav ul li:last-child > a
{
   /* -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;*/
}
/*====border-radius for first and last lisnks====*/



#nav ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#nav ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#nav ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#nav ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}



/* Clear floated elements */
#nav:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */

.suppliers{ margin-top:30px; display:block; float:left; width:100%;}

.suppliers img{ margin-right:10px; border:1px solid #CCC; border-radius:0.25em; -moz-border-radius:0.25em; -webkit-border-radius:0.25em; -o-border-radius:0.25em; behaviour:url('PIE.htc'); zoom:1; float:left;}