@-ms-viewport {
	width: device-width;
}


* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
}


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #2B4E72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
body a {
	color: #0645AD;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
	color: #F58723;
}
p, div {
	margin-top: 1;
}

.clearfix{
	clear: both;
}

.page-wrap{
	margin: 5px auto 30px auto;
	background-color: white;
	width: 987px;
	overflow: hidden;
	padding: 10px 12px;
}

.page-wrap header{
	font-size: 14px;
	position: relative;
}


.page-wrap header div{
	float: left;
}

.page-wrap header h1{
	line-height: 0;
}

.page-wrap header p{
	margin-bottom: 5px;
}

.page-wrap header .cart ul li{
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin-left: 20px;
}


.page-wrap header .cart ul li a span{
	display: block;
	margin: 0 auto;
}

.page-wrap header .security{
	margin-left: 70px;
	margin-top: 5px;
}

.page-wrap header nav{
	float: left;
	font-size: 0;
	z-index: 1;
}

.page-wrap header nav ul{
	border-radius: 5px;
	border: 1px solid silver;
}

.page-wrap header nav ul li{
	list-style-type: none;
	display: inline-block;
background: #f4eed4; /* Old browsers */
background: -moz-linear-gradient(top, #f4eed4 0%, #f5ce22 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4eed4), color-stop(99%,#f5ce22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4eed4 0%,#f5ce22 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4eed4 0%,#f5ce22 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4eed4 0%,#f5ce22 99%); /* IE10+ */
background: linear-gradient(to bottom, #f4eed4 0%,#f5ce22 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4eed4', endColorstr='#f5ce22',GradientType=0 ); /* IE6-9 */
position:relative;

}



.page-wrap #chat{
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}

.page-wrap header nav ul li ul{
	z-index: 5;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	-moz-box-shadow: 3.5px 3.5px 5px #000000;
	-webkit-box-shadow: 3.5px 3.5px 5px #000000;
	box-shadow: 3.5px 3.5px 5px #000000;
	padding: 0 10px 10px;
	background-color: #FFFFFF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-color: #d4d4d4;
}

.page-wrap header nav ul li ul li{
	margin-top: 10px;
}

.page-wrap header nav ul li ul li a{
	background-color: white;
	border: none;
	padding: 4px;
	font-weight: normal;
}

.page-wrap header nav ul li ul li a span{
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.page-wrap header nav ul li.customer ul{
	width: 320px;
}

.page-wrap header nav ul li.customer ul li:first-of-type a span{
	background: url('../images/icons.png') no-repeat -103px -80px;
	width: 16px;
	height: 16px;
}

.page-wrap header nav ul li.customer ul li:nth-child(2) a span{
	background: url('../images/icons.png') no-repeat -12px -80px;
	width: 14px;
	height: 16px;
}

.page-wrap header nav ul li.customer ul li:nth-child(3) a span{
	background: url('../images/icons.png') no-repeat -72px -80px;
	width: 16px;
	height: 16px;
}

.page-wrap header nav ul li.customer ul li:last-of-type a span{
	background: url('../images/icons.png') no-repeat -43px -80px;
	width: 14px;
	height: 16px;
}



.page-wrap header nav ul li a{
	text-decoration: none;
	font: bold 16px Trebuchet MS;
	color: #000000;
	padding: 15px 10px;
	display: block;
	border-right: 1px solid silver;

} 

.page-wrap header nav ul li:hover{
	background: #f4dbc6; /* Old browsers */
background: -moz-linear-gradient(top, #f4dbc6 0%, #f58723 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4dbc6), color-stop(99%,#f58723)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4dbc6 0%,#f58723 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4dbc6 0%,#f58723 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4dbc6 0%,#f58723 99%); /* IE10+ */
background: linear-gradient(to bottom, #f4dbc6 0%,#f58723 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4dbc6', endColorstr='#f58723',GradientType=0 ); /* IE6-9 */

}

.page-wrap header nav ul li:last-of-type a{
	border-right: none;
}

.page-wrap header nav ul li a span{
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: -3px;
}

.page-wrap header nav ul li:first-of-type span{
	background: url('../images/icons.png') no-repeat -2px -5px;
	width: 30px;
	height: 28px;
	margin-top: -1px;
}

.page-wrap header nav ul li:nth-child(2) span{
	background: url('../images/icons.png') no-repeat -43px -3px;
	width: 26px;
	height: 32px;
}

.page-wrap header nav ul li:nth-child(3) span{
	background: url('../images/icons.png') no-repeat -79px -5px;
	width: 32px;
	height: 28px;
}

.page-wrap header nav ul li:nth-child(4) span{
	background: url('../images/icons.png') no-repeat -118px -3px;
	width: 32px;
	height: 32px;
}

.page-wrap header nav ul li:last-of-type span{
	background: url('../images/icons.png') no-repeat -159px -5px;
	width: 28px;
	height: 29px;
}

.page-wrap header nav ul li ul li{
	display: list-item;
}

.page-wrap header nav ul li:hover ul{
	display:block;


}

.page-wrap header nav ul li:hover ul li{
  clear:both;
border-style:none;

}

.page-wrap header nav ul li:hover ul li:hover a{
	background-color: #F58723;
}

.page-wrap .sidebar{
	float: left;
	padding: 5px 5px 30px 5px;
	border: 1px solid silver;
	margin-top: 5px;
	background-color: #edf7ff;
	margin-right: 10px;
}

.page-wrap .content{
	padding: 10px;
	margin: 5px;
	height: auto;
	min-height: 200px;
}

.page-wrap .sidebar #search1 input[type=submit]{
	padding: 1px 6px;
}

.page-wrap .sidebar ul li{
	list-style-type: none;
	padding-left: 10px;
}

.page-wrap .sidebar ul li ul li{
	padding-left: 30px;
}

.page-wrap footer div{
	width: 25%;
	height: auto;
	border: 1px solid black;
	float: left;
	padding: 10px 5px;
	margin-top: 10px;
	min-height: 200px;
}

.page-wrap footer div p:first-of-type{
	text-align: center;
	color: #F58723;
}

.page-wrap footer div p.small
{
	font-size: 12px;
	text-align: center;
}

.page-wrap footer div ul li {
	list-style-type: none;
	padding-left: 5px;
}

.page-wrap footer div ul li a{
	font-size: 12px;
	list-style-type: none;
}

.page-wrap footer div.online-store img{
	margin-top: 5px;
}
.page-wrap footer div.online-store img.first{
	margin-left: 15px;
	margin-right: 30px;
}

.page-wrap footer div.online-store ul li{
	list-style-type: none;
	display: inline-block;
}

.page-wrap footer div.online-store ul li:first-of-type{
	background: url('../images/icons.png') no-repeat -103px -42px;
	width: 37px;
	height: 23px;
	margin-right: 30px;
}

.page-wrap footer div.online-store ul li:nth-child(2){
	background: url('../images/icons.png') no-repeat -198px -43px;
	width: 33px;
	height: 21px;
}

.page-wrap footer div.online-store ul li:nth-child(3){
	background: url('../images/icons.png') no-repeat -155px -43px;
	width: 33px;
	height: 21px;
}

.page-wrap footer div.online-store ul li:nth-child(4){
	background: url('../images/icons.png') no-repeat -4px -42px;
	width: 33px;
	height: 21px;
}

.page-wrap footer div.online-store ul li:last-of-type{
	background: url('../images/icons.png') no-repeat -54px -44px;
	width: 33px;
	height: 21px;
}

.page-wrap footer div.touch ul li{
	display: block;
	list-style-type: none;
}

.page-wrap footer div.touch ul li a{
	display: block;
	font-size: 16px;
}

.page-wrap footer div.touch ul li:first-of-type a{
	background: url('../images/icons.png') no-repeat -198px -7px;
	width: 25px;
	height: 25px;
	display: block;
}

.page-wrap footer div.touch p{
	text-align: left;
}

nav div.resp-menu {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #244165;
	height: 45px;
	z-index: 99999;
}

nav a#pull {
	display: block;
	width: 40px;
	padding: 10px;
	text-indent: -999px;
	top: 0px;
	right: 0;
}

nav a.drop-menu{
	top: 10px;
	left: 20px;
	position: absolute;
}






/*   Media Queries  */



@media only screen and (max-width: 1050px) {



	.page-wrap{
		width: 100%;
		padding: 0;

	}

	.page-wrap .content{
		width: 100%;
		overflow: hidden;
	}

	.page-wrap .content img{
		max-width: 100%;
		height: auto;
	}

	.page-wrap header .security{
		margin-left: 0;
	}

	.page-wrap header div.absolute{
		margin-top: 20px;
		float: left;
	}

	.page-wrap header .cart ul li a span.hidden{
		display: none;
	}

	div.security img{
		width: 60px;
	}

	.page-wrap header{
		padding-top: 60px;
	}

	.page-wrap header div.logo{
		width: 70%;
		
	}

	.page-wrap header div.logo img{
		width: 70%;
	}

	.page-wrap #chat img{
		width: 100%;
	}

	.page-wrap #chat{
		width: 130px;
	}

	.page-wrap footer div{
		width: 50%;
	}


	.page-wrap div.sidebar {
		display: block;
		width: 250px;
		position: absolute;
		background-color: #FFF;
		left: -250px;
		padding-left: 30px;
		transition: left 0.5s;
		-webkit-transition: left 0.5s;
		top: 40px;
	}
	.page-wrap div.sidebar.active {
		left: 0px;
	}

		nav div.resp-menu {
		display: block;
	}


}


@media screen and (max-width: 850px) {


	header .container .row nav ul{
		display: none;
		height: auto;
		margin-top: 0px;
	}

	header .container .row nav ul span{
		display: none;
	}

	header .container .row nav ul li{
		padding: 0;
	}


	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.page-wrap header nav ul{
		display: none;
		width: 100%;
		border-radius: 0;
		position: absolute;
		top: 40px;
		z-index: 2;
	}

	.page-wrap header nav{
		width: 100%;
	}

	.page-wrap header nav ul li{
		width: 100%;
		border-radius: 0;
		background: #f5ce22 ; /* Old browsers */
	}

	.page-wrap header p{
		font-size: 10px;
	}

	.page-wrap header nav ul li ul li{
		margin-top: 0;
	}

	.page-wrap header nav ul li:hover{
		background: #F58723;
	}

	.page-wrap header nav ul li ul{
		display: inherit;
		
		position: relative;
		width: 100%;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}

	.page-wrap header nav ul li.customer ul{
		width: 100%;
	}


	
	.page-wrap header div.logo{
		width: 100%;
		text-align: center;
	}



}



@media screen and (max-width: 500px) {
	.page-wrap footer div{
		width: 100%;
	}	

	.page-wrap header div.logo img{
		width: 98%;
	}
}