/*** responsive temp ***/
/*
#footerlogowhite,#footerbar
{
	display:none !important;
}

/*** end responsive temp ***/

/***************************************/
/***************common******************/
/***************************************/

.anchortitle
{
	display:table;
	background:url(../gfx/anchortitlebg.png) no-repeat center top;
	padding-top:32px;
	padding-bottom:40px;
	margin:10px auto;
	font-family:Prata;
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:lighter;
}


/***************************************/
/***************Header******************/
/***************************************/

#headertopbanner
{
	background:#3a3a3a;
}

#headertopbannercontent
{
	width:96%;
	max-width:1200px;
	margin:0px auto;
	padding:10px 0px;
	height:auto;
	display:table;
}

#headertopbannercontent > a
{
	color:white;
	font-family:ProximaNova;
	text-transform:uppercase;
	font-weight:400;
	border-right:1px solid white;
	padding:0px 8px;
	float:left;
	padding-top:4px;
	font-size:0.9em;
}

#currencybox
{
	float:left;
	padding-top:2px;
}

#currencybox > span
{
	color:white;
	font-family:ProximaNova;
	text-transform:uppercase;
	font-weight:400;
	padding:2px 8px 0px 8px;
	font-size:0.9em;
	float:left;
}

#currencybox select
{
	-webkit-appearance: none;
	-moz-appearance:none;
	border:none;
	background:url(../gfx/currencyarrow.png) no-repeat 90% 4px ,#3a3a3a ;
	/*background:url(../gfx/currencyarrow.png) no-repeat 90% 4px , url(../gfx/uk.png) no-repeat 20% 1px ,#3a3a3a ;*/
	min-width:50px;
	color:rgba(0,0,0,0) ;
}

#currencybox select option
{
	color:#3a3a3a;
	/*color:rgba(0,0,0,0);*/
	width:100%;
	padding:4px 0px;
}

#currencytrig
{
	float:left;
	width:50px;
	height:18px;
	display:block;
	background:url(../gfx/currencyarrow.png) no-repeat 90% 4px , #3a3a3a ;
}

#currency
{
	clear:both;
	margin-left:86px;
	margin-top:20px;
	position:absolute;
	background:#3a3a3a;
	display:none;
}

#currency li
{
	padding:2px 4px;
}

#shoppingbag
{
	float:left;
	margin-left:20px;
	background:#65c3d3;
	padding:4px 12px;
}

#shoppingbag a
{
	color:white;
	font-family:ProximaNova;
	text-transform:uppercase;
	font-weight:600;
}

#google_translate_element
{
	height:auto;
	width:auto;
	display:table;
	float:left;
	margin-left:10px;
}



#searchdiv
{
	float:right;
}

#searchformfields
{
	display:table;
}

#searchformfields input
{
	width:300px;
	height:25px;
	border:none;
	background:white;
	float:left;
	font-size:0.9em;
	padding-left:5px;
}

#searchformfields a
{
	width:60px;
	height:20px;
	border:none;
	background:#65c3d3;
	display:block;
	color:white;
	margin-left:0px;
	float:left;
	text-align:center;
	padding-top:5px;
}

#logobox
{
	display:table;
	width:100%;
	max-width:1200px;
	margin:0px auto;
	height:auto;
}

#offshorelogo
{	
	width:20%;
	margin-left:5%;
	margin-right:5%;
	float:left;
	display:block;
}

#offshorelogo img
{
	width:100%;
	height:auto;
	float:left;
	margin-top:50px;
}

#logodiv
{
	width:40%;
	/*margin-left:30%;*/
	float:left;
	display:table;
	height:auto;
}

#logodiv a
{
	width:80%;
	margin-left:10%;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

#logodiv a img
{
	width:100%;
}

#headerphoneemail
{
	width:25%;
	float:left;
	margin-left:5%;
	padding-top:30px;
}

#headerphoneemail a
{
	width:100%;
	display:block;
	text-align:left;
	margin:7px 0px;
	font-size:1.3em;
	padding:2px 0px 6px 35px;
	font-family:Prata
}

#headerphoneemail a:first-child
{
	background:url(../gfx/phone.png) no-repeat 0px 2px;
}

#headerphoneemail a:last-child
{
	background:url(../gfx/email.png) no-repeat 0px 2px;
}

.cycle-pager-active
{
	color:#65c3d3 !important; 
}

/*** navigation ***/

#showmenu
{
	display:none;
}

#navbluebox
{
	background:#203a6d;
}

#notaxbluebox
{
	background:#364155;
}

#navigation
{
	max-width:1200px;
	margin:0px auto;
	height:auto;
	display:table;
	font-family:GothamNarrow;
}

#navigation li
{
	border-bottom:3px solid #203a6d;
	display:table;
	float:left;
	padding:20px 10px 17px 10px;
}

#navigation li:hover
{
	border-bottom:3px solid #65c3d3;
}

#navigation li a
{
	color:white;
	text-transform:uppercase;
}

#notaxblueboxcontent
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
	display:table;
	height:auto;
}

#notaxblueboxcontent div
{
	width:20%;
	margin:0px 6.5%;
	float:left;
	color:white;
	text-align:center;
	padding:15px 0px;
	font-family:GothamNarrow;
}

#notaxblueboxcontent div:nth-child(2)
{
	margin: 0px 7%;
}

/***************************************/
/***************footer******************/
/***************************************/

#footerwhyshop
{
	width:100%;
	display:table;
	height:auto;
	float:left;
}

#whyshopwhite
{
	display:block;
	width:100%;
	padding:20px 0px;
	height:auto;
	float:left;
}
#whyshopblue
{
	background:#203a6d;	
	display:block;
	width:100%;
	padding:10px 0px;
	height:auto;
	float:left;
}

#whyshopbluecontent
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
	padding:25px 0px;
	height:auto;
	display:table;
}

#whyshopbluecontent span
{
	padding-left:55px;
	color:white;
	font-family:Prata;
	text-transform:uppercase;
	font-size:1.4em;
	display:table;
	float:left;
	height:35px;
	padding-top:15px;
	margin:0px 20px;
}

#whyshopbluecontent span:nth-child(1){background:url(../gfx/whyshop1.png) no-repeat 0px 0px;}
#whyshopbluecontent span:nth-child(2){background:url(../gfx/whyshop2.png) no-repeat 0px 0px;}
#whyshopbluecontent span:nth-child(3){background:url(../gfx/whyshop3.png) no-repeat 0px 0px;}
#whyshopbluecontent span:nth-child(4){background:url(../gfx/whyshop4.png) no-repeat 0px 0px;}

#footernewsletter
{
	width:100%;
	float:left;
	height:auto;
	background:#65c3d3;
	padding:10px 0px;
}

#signup
{
	width:auto;
	height:auto;
	display:table;
	margin:0px auto;
}

#signup li
{
	width:auto;
	height:auto;
	float:left;
}

#signup li span
{
	font-family:Prata;
	text-transform:uppercase;
	color:white;
	padding:0px 20px;
	margin-top:3px;
	font-size:1.1em;
	float:left;
}

#signup li input
{
	border:none;
	margin-left:20px;
	height:25px;
	padding-left:5px;
}

#signup li a
{
	font-family:Prata;
	text-transform:uppercase;
	color:white;
	border:1px solid white;
	border-left:0px;
	background:#203a6d;	
	font-size:1.0em;
	padding:2px 9px;
	margin-top:0px;
	float:left;
}

#footernavigations
{
	background:url(../gfx/footerimabg.jpg), rgba(32,58,109, 0.8);
	display:block;
	float:left;
	width:100%;
	padding-bottom:50px;
	background-size:cover;
}

#footernavigationscontent
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
}

.footercolu
{
	width:20%;
	float:left;
	color:white;
	padding-top:60px;
	margin-bottom:30px;
}

.footercolu > span.footertitle
{
	font-family:Prata; 
	text-transform:uppercase;
	color:white;
}

.footertitleborder
{
	display:block;
	height:2px; 
	width:15%;
	background:white;
	margin-top:10px;
	margin-bottom:25px;
}

.footercolu li a
{
	color:white;
	font-family:Prata;
	text-transform:capitalize;
	text-decoration:none;
}

.footercolu li a:hover
{
	text-decoration:underline;
}

.footercolu li
{
	padding-bottom:3px;
}

.footercolu .socialicons li
{
	width:100%;
	float:left;
	margin-bottom:10px;
}

.footercolu .socialicons li i, .footercolu .socialicons li span
{
	float:left;
}

.footercolu .socialicons li i
{
	font-size:2.5em;
	margin-right:15px;
	width:30px;
}

.footercolu .socialicons li span
{
	margin-top:9px;
}

#arrowbgcover
{
	width:100%;
	height:auto;
	float:left;
}

#arrowbgcover img
{
	width:100%;
	height:auto;
}

#arrowtotop
{
	position:absolute;
	margin-top:-70px;
	right:20px;
	width:40px;
}

#arrowtotop img
{
	width:100%;
}

#footerlogowhite
{
	width:100%;
	height:auto;
	float:left;
	margin-top:30px;
}

#footerlogoa
{
	width:40%;
	margin:20px auto;
	max-width:400px;
	display:table;
	height:auto;
}

#footerlogoa img
{
	width:100%;
}

#footerbar
{
	background:#203a6d;
	width:100%;
	height:auto;
	display:table;
	float:left;
	padding:5px 0px;
	font-family:Prata;
}

#footerbarcontent
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
}

#copyright
{
	float:left;
	color:white;
}

#footerbarright
{
	float:right;
	color:white;
}

#footerbarright a
{
	color:white;
}

#webby
{
	margin-left:20px;
}

@media only screen and (max-width:1260px) 
{
	#headertopbannercontent > a:nth-child(2), #headertopbannercontent > a:nth-child(3)
	{
		display:none;
	}
}

@media only screen and (max-width:1200px) 
{
	#navigation li
	{
		
		padding:20px 20px 17px 20px;
	}

	#whyshopbluecontent span
	{
		width:calc(50% - 100px);
	}

	.footercolu
	{
		width:50%;
	}

	.footercolu:nth-child(3)
	{
		clear:left;
	}

	.footercolu:nth-child(5)
	{
		margin-left:25%;
	}

	.footercolu li
	{
		text-align:center;
	}

	.footertitleborder
	{
		display:none;
	}

	.footercolu > span.footertitle
	{
		width:100%;
		text-align:center;
		display:block;
		padding-bottom:5px; 
		margin-bottom:5px;
		text-decoration:underline;
		/*border-bottom:1px solid white;*/
	}

	.footercolu .socialicons li a
	{
		width:100%;
		display:block;
		text-align:center;
	}

	.footercolu .socialicons li i, .footercolu .socialicons li span
	{
		float:none;
	}

	#footerlogoa
	{
		width:80%;
	}
}

@media only screen and (max-width:1030px) 
{
	#headerphoneemail, #google_translate_element
	{
		display:none;
	}

	
	#searchformfields input 
	{
		width: 200px;
	}
}

@media only screen and (max-width:730px) 
{
	#notaxbluebox, #headertopbannercontent > a:nth-child(2), #headertopbannercontent > a:nth-child(3), #currencybox, 
	#myaccounthlink
	{
		display:none;
	}

	/*#myaccounthlink
	{
		border-right:0px !important;
	}*/

	#shoppingbag
	{
		float:left;
		width:18px; 
		height:16px;
		overflow:hidden;
	}

	#shoppingbag a img
	{
		padding-right:20px;
		padding-bottom:20px;
	}

	#searchdiv
	{
		width:calc(90% - 50px);
	}

	#searchformfields
	{
		width:100%;
	}

	#searchformfields input 
	{
		width: calc(100% - 70px);
	}

	#offshorelogo
	{
		display:none;
	}

	#logodiv
	{
		width:50%;
		margin:0px auto;
		min-width:300px;
		float:none;
	}

	#showmenu
	{
		display:block;
		width:100%;
		background:#203a6d;
		padding:5px 0px;
	}
	
	#showmenu img
	{
		display:block;
		margin:0px auto;
	}

	#navbluebox
	{
		height:0px;
		overflow:hidden;
		position:absolute;
		z-index:99999;
	}

	#navigation li
	{
		width:100%;
		padding:15px 0px;
	}

	#navigation li a
	{
		width:100%;
		text-align:center;
		display:block;
	}

	#whyshopbluecontent span
	{
		width:calc(80% - 60px);
		margin:20px 10%;
	}

	.footercolu
	{
		width:100%;
	}

	.footercolu:nth-child(5)
	{
		margin-left:0px;
	}

	#footerbarcontent div
	{
		width:100%;
		margin:4px 0px;
		text-align:center;
	}
}

@media only screen and (max-width:540px) 
{
	#signup li:first-child
	{
		width:100%;
	}

	#signup li span
	{
		width:100%;
		padding:0px;
		text-align:center;
	}

	#signup li:nth-child(2)
	{
		width:70%;
		margin-left:5%;
	}

	#signup li input
	{
		margin-left:0px;
		width:100%;
	}

	#signup li:last-child
	{
		width:20%;
	}

	#signup li a
	{
		width:100%;
		padding:2px 0px;
		display:block;
		text-align:center;
	}
}

@media only screen and (max-width:410px) 
{
	#google_translate_element
	{
		clear:both;
		margin:10px auto 3px auto;
		float:none;
		width:auto;
		display:none;
	}

	.cycle-pager.cycle-pager1
	{
		display:none;
	}
}