﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ITCAvantGardeGothicBookRegular';
    src: url('../fonts/avantgardeitcbybt-book.eot');
    src: url('../fonts/avantgardeitcbybt-book.eot') format('embedded-opentype'),
         url('../fonts/avantgardeitcbybt-book.woff') format('woff'),
         url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'),
         url('../fonts/avantgardeitcbybt-book.svg#ITCAvantGardeGothicBookRegular') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular_0.eot');
    src: url('../fonts/myriadpro-regular_0.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-regular_0.woff') format('woff'),
         url('../fonts/myriadpro-regular_0.ttf') format('truetype'),
         url('../fonts/myriadpro-regular_0.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot') format('embedded-opentype'),
         url('../fonts/roboto-medium.woff') format('woff'),
         url('../fonts/roboto-medium.ttf') format('truetype'),
         url('../fonts/roboto-medium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#RobotoRegular') format('svg');
}


*{	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
	
ul{	list-style:none;}
	
img{	border:none;}

a{	text-decoration:none;}

h1, h2, h3, h4, h5, h6{	font-weight:normal;}

body{	font-family: 'RobotoRegular';}
		
.clear{clear:both;}	

#main{	width:1014px;
		height:auto;
		margin:0 auto;}

/* Header Start */

#header{	width:1014px;
			min-height:127px;
			background:url(../images2/header_bg.jpg) repeat-x;
			border-bottom:2px solid #fff600;
			background-color:#eff6f6;}
			
.left_header{	width:370px;
				float:left;
				display:inline-block;
				padding:15px 0 0 12px;}
				
.left_header a{	display:block;
				width:351px;
				height:93px;}
				
.left_header img{	transition:all 0.2s;
					-moz-transition:all 0.2s;
					-o-transition:all 0.2s;
					-webkit-transition:all 0.2s;}
					
.left_header img:hover{	opacity:0.8;}
				
.right_header{	width:640px;
				float:right;
				display:inline-block;}
				
.top_right_header{	width:635px;
					height:30px;
					background-color:#282828;
					float:right;
					border-radius:0 0 0 15px;
					padding:0 15px;}
					
.lower_right_header{	width:640px;}

.text_1{	font-family: 'ITCAvantGardeGothicBookRegular';
			font-size:15px;
			color:#5dbef5;
			line-height:30px;}
			
.order_now{	float:left;
			display:inline-block;}
			
.top_nav{	float:right;
			display:inline-block;}
			
.top_nav li{	float:left;}

.top_nav a{	display:inline-block;
			font-family: 'ITCAvantGardeGothicBookRegular';
			font-size:14px;
			color:#5dbef5;
			line-height:30px;
			padding-left:20px;
			margin-right:15px;
			transition:all 0.2s;
			-moz-transition:all 0.2s;
			-o-transition:all 0.2s;
			-webkit-transition:all 0.2s;}
			
.navicon1{	background:url(../images2/navicon_1.png) no-repeat left center;}
.navicon2{	background:url(../images2/navicon_2.png) no-repeat left center;}
.navicon3{	background:url(../images2/navicon_3.png) no-repeat left center;}
.navicon4{	background:url(../images2/navicon_4.png) no-repeat left center;}

.top_nav a:hover{	color:#eff6f6;}

.text_2{	font-family: Arial;
			font-size:20px;
			color:#2a4596;
			text-align:center;
			text-transform:uppercase;
			text-shadow:1px 1px 1px #CCC;}
			
.lower_right_header{	padding-top:35px;}

#nav{
	/*width:1014px;*/
		height:52px;
		background:url(../images2/nav_bg.jpg) repeat-x;
		margin-bottom:15px;
}
		
#nav li{	float:left;
			height:52px;
			display:inline-block;
			padding:12px 34px 0 34px;
			border-right:1px solid #59a6d3;}

#nav a{	display:inline-block;
		font-family: 'MyriadProRegular';
		font-size:15px;
		color:#FFF;
		text-transform:uppercase;
		padding:0 15px;
		height:28px;
		background-color:transparent;
		border:1px;
		border-style:solid;
		border-color:transparent;
		border-radius:6px;
		line-height:26px;
		transition:all 0.8s;
		-moz-transition:all 0.8s;
		-o-transition:all 0.8s;
		-webkit-transition:all 0.8s;}
		
#nav a:hover, #nav .active{	background:url(../images2/nav_a_bg_over.jpg) repeat-x;
							border:1px solid #0f2351;
							color:#071948;}
							
#content{	width:1014px;}

.left_content{	width:213px;
				float:left;
				display:inline-block;}
				
.right_content{	width:776px;
				float:right;
				display:inline-block;}
				
.search_box{	width:213px;
				height:265px;
				margin-bottom:8px;
				background-color:#e6e6e6;
				border-radius:0 8px 0 8px;
				padding-top:35px;}
				
#banner{	width:776px;
			height:265px;
			margin-bottom:8px;}
			
.text_3{	font-family: 'ITCAvantGardeGothicBookRegular';
			font-size:25px;
			color:#5a5a5a;
			text-align:center;
			text-transform:uppercase;
			margin-bottom:10px;}
			
.search_field{	width:187px;
				height:36px;
				border-radius:8px;
				border:1px solid #4e4e4e;
				margin:0 13px;
				padding:0 10px;
				font-family: 'RobotoRegular';
				font-size:13px;
				color:#282828;
				margin-bottom:18px;}
				
.search_btn{	height:34px;
				padding:0 30px;
				color:#FFF;
				font-family: 'RobotoMedium';
				letter-spacing:0.2px;
				font-size:14px;
				background:url(../images2/search_btn_bg.jpg) repeat-x;
				border-radius:7px;
				border:1px solid #0e1842;
				cursor:pointer;
				box-shadow:1px 1px 3px #666;
				margin-left:48px;
				transition:all 0.3s;
				-moz-transition:all 0.3s;
				-o-transition:all 0.3s;
				-webkit-transition:all 0.3s;}
				
.search_btn:hover{	background:url(../images2/search_btn_bg_over.jpg) repeat-x;
					color:#0e1842;}
								
.con_left_box_heading{	width:213px;
						height:47px;
						background-color:#696969;
						border-radius:0 8px 0 0;
						padding-left:10px;}
						
.text_4{	font-family: 'ITCAvantGardeGothicBookRegular';
			font-size:25px;
			color:#25729e;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			letter-spacing:0.4px;
			margin-bottom:20px;}
			
.text_5{	font-family: 'ITCAvantGardeGothicBookRegular';
			font-size:21px;
			color:#FFF;
			line-height:47px;}
			
.con_left_box_heading a{	display:inline-block;
							transition:all 0.3s;
							-moz-transition:all 0.3s;
							-o-transition:all 0.3s;
							-webkit-transition:all 0.3s;}
							
.con_left_box_heading a:hover{	color:#d6d6d6;
								letter-spacing:0.9px;}
			
.categories{	width:213px;
				background-color:#e6e6e6;
				border-radius:0 0 0 8px;
				padding:6px 10px;
				margin-bottom:5px;}
				
.categories li{	border-bottom:1px dotted #a7a7a7;
				padding:1px 0;}
				
.categories li:last-child{	border-bottom:none;}

.categories a{	font-family: 'RobotoRegular';
				font-size:12.2px;
				color:#003492;
				display:inline-block;
				background:url(../images2/bullet_1.png) no-repeat;
				background-position:0 4.2px;
				padding-left:17px;
				transition:all 0.2s;
				-moz-transition:all 0.2s;
				-o-transition:all 0.2s;
				-webkit-transition:all 0.2s;}
				
.categories a:hover{	color:#0075ec;
						background:url(../images2/bullet_1_over.png) no-repeat;
						background-position:0px 4.2px;
						padding-left:22px;}
						
.con_right_box_heading{	width:776px;
						height:47px;
						background-color:#47a5db;
						border-radius:0 8px;
						padding-left:10px;}
						
.con_right_box_heading a{	display:inline-block;
							transition:all 0.3s;
							-moz-transition:all 0.3s;
							-o-transition:all 0.3s;
							-webkit-transition:all 0.3s;}
							
.con_right_box_heading a:hover{	color:#0f2351;
								letter-spacing:0.5px;}
						
.prodcuts_container{	width:776px;
						height:300px;
						border-radius:8px;
						background:url(../images2/products_bg.jpg) repeat-x;
						padding-top:20px;
						margin-bottom:5px;}
						
.product_box{	width:110px;
				text-align:center;
				float:left;
				margin-left:22px;
				margin-bottom:3px;
				min-height:145px;}
				
.product_box_2{	width:110px;
				text-align:center;
				float:left;
				margin-left:55px;
				margin-bottom:3px;
				min-height:145px;}

.p_heading a{	font-family: 'RobotoMedium';
				font-size:12px;
				color:#0073e9;
				text-transform:uppercase;
				letter-spacing:0.2px;
				transition:all 0.2s;
				-moz-transition:all 0.2s;
				-o-transition:all 0.2s;
				-webkit-transition:all 0.2s;}
				
.p_heading a:hover{	color:#00a99b;}
				
.pic a{	display:block;
		width:110px;
		height:110px;}
		
.pic img{	transition:all 0.2s;
			-moz-transition:all 0.2s;
			-o-transition:all 0.2s;
			-webkit-transition:all 0.2s;}
			
.pic img:hover{	opacity:0.6;
				width:98%;
				height:98%;}
				
#footer{	width:1014px;
			background-color:#000000;
			padding:7px;}
			
.left_footer{	float:left;
				display:inline-block;
				width:238px;}
				
.left_footer a{	display:block;
				width:238px;
				height:90px;}
				
.left_footer img{	transition:all 0.2s;
				-moz-transition:all 0.2s;
				-o-transition:all 0.2s;
				-webkit-transition:all 0.2s;}
				
.left_footer img:hover{	opacity:0.8;}
				
.right_footer{	float:right;
				display:inline-block;
				width:755px;
				padding-top:5px;}
				
#footer_nav{	width:755px;
				padding-left:155px;
				margin-bottom:10px;}

#footer_nav li{	float:left;}

#footer_nav a{	display:inline-block;
				font-family: 'RobotoMedium';
				font-size:13px;
				color:#64bef2;
				margin:0 13px;
				transition:all 0.3s;
				-moz-transition:all 0.3s;
				-o-transition:all 0.3s;
				-webkit-transition:all 0.3s;}
				
#footer_nav a:hover{	color:#dfeef6;}

.text_6{	font-family: 'RobotoMedium';
			font-size:13px;
			color:#8b8b8b;
			text-align:center;
			line-height:24px;}
			
.text_6 a{	color:#FFF;
			transition:all 0.3s;
		    -moz-transition:all 0.3s;
			-o-transition:all 0.3s;
			-webkit-transition:all 0.3s;}

.text_6 a:hover{	color:#fff600;}


@media all and (-ms-high-contrast:none)
{
	
#nav li{	padding:12px 28px 0 28px;} /* IE10 */

*::-ms-backdrop, #nav li{	padding:12px 28px 0 28px;} /* IE11 */
}















