@import url(skins/basic.css);

/*Skins (you don't have to load all, just outcomment the ones you don't need)

Resets*/

UL

{

	list-style: none;

}

/*Mega Menu Styles*/

.mega-menu UL, .mega-menu UL LI

{

	list-style: none;

}

.mega-menu UL

{

	position: relative;

	padding: 0;

	margin: 0;

}

.mega-menu UL LI UL

{

	display: none;

}

.mega-menu .sub

{

	display: none;

}

.mega-menu .sub UL

{

	display: block;

}

/*Template specific styling

Selectbox styling*/

.selectwrap

{

	margin: 0 auto;

	display: block;

	padding: 0 5% 0 2%;

}

.selectbox

{

	position: relative;

	display: inline-block;

	=display: inline;

	zoom: 1;

	border: 1px solid #AEAEAE;

	background: #E6E6E6;

	background-image: -moz-linear-gradient(top, white, #E6E6E6);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6));

	background-image: linear-gradient(top, white, #e6e6e6);

	border-radius: 5px;

	box-shadow: 0 1px 1px #D2D2D2;

	margin: 5px;

	width: 100%;

}

.selectbox SELECT

{

	z-index: 10;

	position: relative;

	border: none;

	background: none;

	outline: none;

	opacity: 0;

	width: 100%;

	height: 40px;

	-webkit-appearance: none;

	filter: alpha(opacity=0);

}

.selecttext

{

	z-index: 9;

	position: absolute;

	left: 5px;

	display: inline-block;

	=display: inline;

	zoom: 1;

	padding-top: 4px;

	background: transparent;

	color: #666;

}

.select-arrow

{

	background: url(skins/images/caret.png) no-repeat 50% 50%;

	position: absolute;

	display: inline-block;

	=display: inline;

	zoom: 1;

	height: 100%;

	width: 26px;

	top: 0;

	right: 0;

	border-left: 1px solid #D6D6D6;

}

/*hide level indicator on the normal menu*/

.mega-menu UL LI A SPAN

{

	display: none;

}

/*hide select menu on normal page*/

.mega-menu .selectbox

{

	display: none;

}

/*Responsiveness

Smartphones (portrait and landscape) -----------*/

@media only screen and (min-width: 0px) and (max-width: 480px)

{

	#wrapper

	{

		width: 90%;

		min-width: 200px;

	}

	.mega-menu LI A

	{

		display: none !important;

	}

	.mega-menu .selectbox

	{

		display: inline-block;

	}

}

/*Smartphones (portrait) -----------*/

@media only screen and (min-width: 480px) and (max-width: 729px)

{

	#wrapper

	{

		width: 90%;

	}

	.mega-menu LI A

	{

		display: none !important;

	}

	.mega-menu .selectbox

	{

		display: inline-block;

	}

}

/*iPads (portrait and landscape) -----------*/

@media only screen and (min-width: 729px) and (max-width: 1024px)

{

	#wrapper

	{

		width: 90%;

	}

}

/*Desktops and laptops -----------*/

@media only screen and (min-width: 1024px) and (max-width: 1824px)

{

	.black UL.mega-menu LI .sub LI

	{

		width: 170px !important;

	}

	#wrapper

	{

		max-width: 960px;

	}

}

/*Large screens -----------*/

@media only screen and (min-width: 1824px)

{

	.black UL.mega-menu LI .sub LI

	{

		width: 170px !important;

	}

	.black UL.mega-menu

	{

		width: 100% !important;

	}

	#wrapper

	{

		width: 960px;

	}

}

/*iPhone 4 -----------

Styles*/