@charset "utf-8";
/* CSS Document */
body
{
margin:0;
padding:0;
font-family:Calibri;
font-size:14px;
color:#fff;
line-height:14px;
text-align:justify;
background-color:#fff;
  -webkit-font-smoothing: antialiased;
}
 

p,i,b,u,ul,li,ol,div,span,img,abbr,label,h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
}
  
img
{
border:none;
}


#wrapper
{
width:1000px;
margin:auto;
}

[role="first"]
{
width:100%;
height:auto;
float:left;
background-color:#f5821f;
box-shadow: 1px 2px 1px #fff, 2px 1px 10px #c5c5c5; 
}

[role="second"]
{
width:100%;
height:auto;
float:left;
background-color:#efefef;
}

[role="third"]
{
width:100%;
height:auto;
float:left;
background-color:#ffffff;
}

[role="forth"]
{
width:100%;
height:auto;
float:left;
background-color:#005fae;
}

[role="fifth"]
{
width:100%;
height:auto;
float:left;
background-color:#014b91;
}

[role="sixth"]
{
width:100%;
height:auto;
float:left;
background-color:#003f7b;
}

[role="seventh"]
{
width:100%;
height:auto;
float:left;
background-color:#41b4f9;
}

/*top start*/
main#top
{
/*width:1000px;*/
width:100%;
height:177px;
float:left;
margin-bottom:17px;
}

img.logo
{
width:191px;
height:177px;
float:left;
}

section.top-right
{
width:800px;
height:50px;
float:right;
}

.top-right p
{
margin-left:10px;
font-size:18px;
}

aside.translator
{
width:auto;
height:35px;
float:right;
}

section.top-right-btm
{
width:800px;
height:37px;
float:right;
margin-top:90px;
}

/*menu start*/
/*nav
{
width:auto;
height:30px;
float:right;
}

nav ul
{
margin:0;
padding:0;
list-style:none;
}

nav ul li
{
float:left;
margin:0 4px;
}

nav ul li a
{
font-size:16px;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
display:block;
padding:0 10px;
font-weight:bold;
line-height:30px;
-webkit-transition: color 2s;
-moz-transition: color 2s;
-o-transition: color 2s;
-ms-transition: color 2s;
transition: color 2s;
}

nav ul li a:hover
{
width:auto;
height:30px;
color:#005fae;
border:1px solid #FFFFFF;
padding:0 9px;
-webkit-transition: color 2s;
-moz-transition: color 2s;
-o-transition: color 2s;
-ms-transition: color 2s;
transition: color 2s;
}

nav ul li a.active
{
width:auto;
height:30px;
color:#005fae;
border:1px solid #FFFFFF;
padding:0 9px;
}*/
/*menu end*/

/*top end*/

/*banner start*/
#banner section
{
width:100%;
height:303px;
float:left;
}

/*banner end*/

/*products start*/
#products-area
{
width:100%;
height:220px;
float:left;
padding:50px 0 0px 0;
background:url(images/down-arrow1.png) no-repeat center top;
}

#products
{
width:348px;
height:193px;
float:left;
margin:0 5px;
}

.products-bg
{
width:348px;
height:179px;
float:left;
background:url(images/products-bg.png) no-repeat;
}

.products-shadow
{
width:348px;
height:14px;
float:left;
background:url(images/products-shadow.png) no-repeat;
}

#cable-lugs
{
width:279px;
height:193px;
float:left;
margin-left:5px;
}

#products-link
{
margin-top:30px;
float:left;
}

#products-link a
{
width:75px;
height:30px;
background-color:#014b91;
border:1px solid #FFFFFF;
text-align:center;
font-size:13px;
line-height:30px;
color:#FFFFFF;
text-decoration:none;
padding:5px 15px;
}

#products-link a:hover
{
background-color:#FFFFFF;
color:#005fae;
border:1px solid #014b91;
}
/*products end*/

/*welcome text area start*/
#welcome-text-area
{
width:1000px;
height:auto;
float:left;
padding:15px 0;
}

#welcome-text-area h2
{
font-size:24px;
font-weight:bold;
color:#f78218;
text-align:center;
line-height:40px;
}

#welcome-text-area h3
{
font-size:18px;
font-weight:normal;
color:#f78218;
text-align:center;
line-height:20px;
}

#welcome-text-area article
{
font-size:16px;
font-weight:normal;
color:#000;
text-align:center;
line-height:18px;
}

#welcome-text-area a
{
width:75px;
height:30px;
background-color:#005fae;
border:1px solid #FFFFFF;
text-align:center;
font-size:13px;
line-height:30px;
color:#FFFFFF;
text-decoration:none;
padding:5px 15px;
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s;
}

#welcome-text-area a:hover
{
background-color:#FFFFFF;
color:#005fae;
border:1px solid #005fae;
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s;
}
/*welcome text area end*/

/*feature area start*/
#feature-area
{
width:100%;
height:134px;
float:left;
background:url(images/down-arrow2.png) no-repeat center top;
}

#feature-area h1
{
text-align:center;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:30px 0 20px 0;
}

#feature-area p
{
text-align:center;
font-size:19px;
color:#FFFFFF;
font-weight:normal;
margin-bottom:10px;
}

#feature-area-abt
{
width:100%;
height:134px;
float:left;
background:url(images/down-arrow1.png) no-repeat center top;
}

#feature-area-abt h1
{
text-align:center;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:30px 0 20px 0;
}

#feature-area-abt p
{
text-align:center;
font-size:19px;
color:#FFFFFF;
font-weight:normal;
margin-bottom:10px;
}
/*feature area end*/

/*footer start*/
#footer-left
{
width:86px;
height:60px;
float:right;
}

#footer-left p
{
color:#fff;
font-size:12px;
}

#footer-right
{
width:auto;
height:60px;
float:left;
}

#footer-right ul
{
list-style:none;
margin:0;
padding:0;
}

#footer-right ul li
{
float:left;
color:#ffffff;
line-height:60px;
}

#footer-right ul li a
{
font-size:11px;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
display:block;
padding:0 10px;
}

#footer-right ul li a:hover
{
color:#208aca;
}
/*footer end*/

/*quality start*/
#text-area
{
width:1000px;
height:auto;
float:left;
padding:15px 0;
}

#text-area h2
{
font-size:24px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
line-height:40px;
}

#text-area h3
{
font-size:18px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
line-height:20px;
}

#text-area article
{
width:auto;
font-size:16px;
font-weight:normal;
color:#000;
line-height:18px;
float:left;
}

#text-area article img
{
float:left
}

.img-margin
{
margin-right:20px;
}


#quality
{
width:250px;
height:186px;
float:left;
}
/*quality end*/

/* selection */

::selection {
	background:#f5821f; 
}

::-moz-selection {
	background:#f5821f; 
}

::-webkit-selection {
	background:#f5821f; 
}

/* end selection */

/* end classed selection */

			#widget{
				width: auto;
				height:340px;
				float:left;
				overflow: auto;
				padding-right:5px;
				margin-top:5px
			}
			::-webkit-scrollbar {
				width: 7px;
				height: 7px;
			}
			::-webkit-scrollbar-button:start:decrement,
			::-webkit-scrollbar-button:end:increment  {
				display: none;
			}
			
			::-webkit-scrollbar-track-piece  {
				background-color: #ccc;
				-webkit-border-radius: 2px;
			}
			
			::-webkit-scrollbar-thumb:vertical {
				-webkit-border-radius: 6px;
				background: #666 url(images/scrollbar_thumb_bg.png) no-repeat center;
			}
			
			::-webkit-scrollbar-thumb:vertical:hover {
				-webkit-border-radius: 6px;
				background: #aaa url(images/scrollbar_thumb_bg.png) no-repeat center;
			}
/*custom scrollbar end*/	

/*contact start*/
.cont-left
{
width:600px;
height:auto;
float:left;
}
.cont-heading
{
width:550px;
height:40px;
float:left;
border-bottom:1px dashed #FFFFFF;
}

.web-text
{
height:35px;
float:left;
line-height:35px;
font-size:18px;
color:#f5821f;
font-weight:bold;
}

.web-icon
{
width:35px;
height:35px;
float:left;
margin:0 5px 0 0;
}

.cont-tbl
{
width:600px;
height:auto;
float:left;
}

.cont-map
{
width:400px;
height:auto;
float:left;
}

.tbl-txt-head
{
font-size:14px;
text-align:left;
font-weight:bold;
vertical-align:top;
height:25px;
line-height:25px;
float:left;
}

.tbl-txt
{
height:auto;
font-size:14px;
text-align:left;
float:left;
}

.cont-tbl p
{
width:600px;
height:50px;
line-height:35px;
float:left;
font-size:14px;
}
/*contact end*/

/*product start*/
.p1
{
width:313px;
height:161px;
float:left;
margin:10px;
}

#product-area
{
width:100%;
height:auto;
float:left;
}

#product-area aside
{
width:100%;
height:auto;
float:left;
padding-bottom:10px;
border-bottom:1px solid #005fae;
margin-top:15px
}

#product-area aside img
{
widows:80px;
height:63px;
float:left;
margin-right:10px;
}

#product-area aside p
{
width:910px;
height:auto;
float:left;
line-height:30px;
}

#product-area aside p a
{
width:auto;
height:25px;
padding:0 10px;
margin-right:15px;
text-align:center;
background-color:#f5821f;
float:left;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:25px;
border:1px solid #FFFFFF;
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s;
}

#product-area aside p a:hover
{
background-color:#FFFFFF;
color:#f5821f;
border:1px solid #f5821f;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

#product-area h4
{
width:auto;
height:30px;
float:left;
padding:0 15px;
background-color:#005fae;
line-height:30px;
color:white;
margin-top:10px;
}

a strong
{
font-size:18px;
}
/*product end*/