@charset "utf-8";

/* CSS Document */



/* GLOBAL

----------------------------------------------------------------------------------------------------*/

body {

	color:#101010;

	font-size:13px;

	padding:0px;

	margin:0px;

	font-family: 'Open Sans', sans-serif !important;

	/*font-family: 'Lato', open sans condensed light;*/

	/*background-image: url(../img/bg_tile.png);*/

	background-repeat: repeat;

	background-position: left top;

	line-height:22px;

}

a, a:visited {

	color:#CC0000;

	/*text-decoration:none;*/

	outline:none;

}

a:hover {

	color:#CC0000;

	text-decoration:none;

}

ul {

	/*list-style-type:square;

	padding-left:20px;*/

}

ul li, ol li {

	line-height:16px;

	/*margin-bottom:10px;*/

}

ul li li, ol li li {

	margin: 5px 0;

}

.clear {

	clear:both;

}

.disabled {

	background-color:#efefef;

}

.center {

	text-align:center !important;

}

.text_right {

	text-align:right !important;

}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {

	/*font-family: 'Lato', sans-serif;*/

	font-family: 'Open Sans', sans-serif !important;

	display:block;

	font-weight:700;

}

h1, .h1 {

	font-size:22px;

	margin:0 0 15px;

	padding:0;

	color:#EE0101;;

}

h2, .h2 {

	font-size:20px;

	margin:0 0 7px;

	padding:0;

}

h3, .h3 {

	font-size:14px;

	margin:17px 0 7px;

	padding:0;

	color:#0058B0;

}

h4, .h4 {

	font-size:12px;

	margin:17px 0 7px;

	padding:0;

	color:#363636;

}

p {

	margin:0 0 15px;

	display:block;

}



th, td {

	padding:3px;

}

th {

	text-align:left;

}

input, select, textarea {

	padding:4px;

	color:#303030;

	/*font-family:Arial, Helvetica, sans-serif;*/

	font-family: 'Open Sans', sans-serif !important;

	border:1px solid #d0d0d0;

	font-size:14px;

	outline:none;

}

ol {

	display:block;

	margin-bottom:25px;

}

ol li {

	margin-bottom:3px;

}

hr {

	padding:0;

	margin:0 0 15px;

	border:0;

	border-bottom:1px dotted #cecece;

}

.button {

	background-color: red; 

    border-radius: 8px;

    color: white;

    padding: 10px 25px;

    text-align: center;

    font-size: 14px;

}

.button:hover {

	color:#0066CC;

}

.notify {

	color:#009933;

	background-color:#BBFFD1;

	padding:7px 15px;

	margin-bottom:15px;

	font-weight:bold;

	border-radius:6px;

}

.error {

	color:#CC0000;

	background-color:#FFBFBF;

	padding:7px 15px;

	margin-bottom:15px;

	font-weight:bold;

	border-radius:6px;

}

.error ul {

    margin: 5px 0;

    padding-left: 15px;

}

.error ul li {

	line-height: 18px;

    margin-bottom: 5px;

}

.label {

	display:inline-block;

	padding:3px 7px;

	border-radius:5px;

	font-weight:bold;

	text-align:center;

	width:20px;

}

.label_medium {

	width:40px;

}

.label_long {

	width:80px;

}

.label_required {

	color: #CC0000;

    display: inline-block;

    font-weight: bold;

    margin-left: 2px;

}

.label_hint {

	color:#777;

	font-size:11px;

	display:inline-block;

	margin-left:4px;

}

.invisible {

	display:none;

}

.spacer {

	margin-bottom:5px;

	display:block;

}

.full_width {

	width:100%;

	-webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.terms_box {

    display: inline-block;

    float: left;

    height: 30px;

    padding-right: 10px;

    padding-top: 2px;

}

#wrapper {

	/*width:1180px;

	padding:0px 20px 10px;*/

	margin:0px auto;

	border-radius:8px;

	/*background-color:#f9f9f9;*/

	background-color:#ffffff;

}

#wrapper_home {

	/*width:1180px;*/

	margin:0px auto;

	height:auto;

	/*background-color:#f9f9f9;*/

	background-color:transparent;

}



#wrapper_home1 {

	width:1180px;

	margin: 0px auto;

	/*height:auto;*/

	/*background-color:#f9f9f9;

	background-color:transparent;*/

}

#wrapper_home2 {

	margin-top:240px;

	/*padding-top: 10px;

	height:150px;

	background-color:white;*/

}



#wrapper_home3 {

	text-align:center;

	margin-top:0px;

	height:auto;

	background-color:#efefef;

}



#wrapper_home4 {

	text-align:center;

	margin-top:0px;

	height:auto;

	background-color:white;

}



#wrapper_home5 {

	text-align:center;

	margin-top:0px;

	height:auto;

	background-color:#efefef;

}



/* COMMON

----------------------------------------------------------------------------------------------------*/

.common_block {

	background:linear-gradient(#ffffff, #f5f5f5);

	border: 1px solid #e0e0e0;

	border-radius:4px;

	padding:15px 20px;

	display:block;

	margin-bottom:10px;

}

.common_block h1 {

	border-bottom: 1px dotted #C5C5C5 !important;

    color: #333333 !important;

    font-size: 17px !important;

    margin: 0 0 13px !important;

    padding-bottom: 9px !important;

    text-transform: uppercase !important;

}

.common_block .more_link {

	text-align: right;

	margin-top: 20px;

}

.common_block ul li {

	padding-left: 4px;

}

.common_block .more_link a {

	font-size: 14px;

	color: #505050;

}

#common_content_wrapper {

	/*padding:250px 0px;*/

}



/* BREADCRUMB

----------------------------------------------------------------------------------------------------*/

.breadcrumb_box {

	/*background:#efefef;*/

	color: #555;

    font-size: 11px;

    margin-bottom: 20px;

    padding: 7px 0;

    text-transform:uppercase;

	background: url(../themes/valse/img/icon-home-grey.png) no-repeat 136px top transparent;

}

.breadcrumb_box .breadcrumb_divider {

	margin:0 6px;

}

.breadcrumb_box a {

	color: #555;

}

.breadcrumb_box a:hover {

}



/* HEADER

----------------------------------------------------------------------------------------------------*/

#header {

}

#header .logo_navigation_box .logo {

	float:left;

	font-size:20px;

	font-weight:bold;

	text-transform:uppercase;

	margin-bottom: 3px;

}

.header_title {

	float: right;

    font-size: 17px;

    letter-spacing: 1px;

    margin-top: 66px;

    margin-right: 5px;

    text-transform: uppercase;

    color: #FFFFFF;

}

#header .logo a {

	color:#0058B0;

}

.navigation{

	position:relative;

	margin-top:0px;

	padding-top:0px;

	/*width:1180px;

	height: 40px;*/

}

#header #social {

	float:right;

	margin:10px 12px 0 0;

}

#header .logo_navigation_box{



	width:1180px;

	/*height:auto;*/

	margin:0 auto;

}



.header_banner_box

{



	background: url(../img/topbanner-product-by-brand2.jpg);

	margin: 0 auto;

	width:100%;

	height:300px;

	display:block;

	background-size: cover;

}



.header_banner_boxa

{



	/*background: url(../img/topbanner-about2.jpg);*/

	margin: 0 auto;

	width:auto;

	height:auto;

	display:block;

	background-size: cover;

}



.header_banner_boxa1

{



	margin: 0 auto;

	width:100%;

	height:300px;

	display:block;

	background-size: cover;

}



.header_banner_box2

{



	/*background: url(../img/topbanner-service.jpg);*/

	margin: 0 auto;

	width:auto;

	height:auto;

	display:block;

	background-size: cover;

}



.header_bannerhome_box2

{

	/*background: url(../img/image33.jpg) no-repeat 0 0 / cover transparent;*/

	height:auto;

	width:auto;

	z-index: 0;

}



.header_bannerhome_box3

{

	/*background: url(../img/home2b.jpg) no-repeat 0 0 / cover transparent;*/

	height:auto;

	width:auto;

	z-index: 0;

}



.img

{

	height:auto;

	width:auto;

	z-index: 0;

}



@media screen and (max-width: 40em) {

	.img{

		height:auto;

		width:40em;

		z-index: 0;

	}

}



.img1 {

    /*width: 100% !important;

    max-height: 100%;

    min-height: 300px;*/

}



@media screen and (max-width: 40em) {

	.img1 {

    /*width: 100% !important;

    max-height: 100%;

    min-height: 160px;*/

}

}



.img2 {

    /*width: 100% !important;

    max-height: 100%;*/

    min-height: auto;

}



@media screen and (max-width: 40em) {

	.img2 {

    /*width: 100% !important;

    max-height: 100%;*/

    min-height: auto;

}

}



/*.header_bannerhome_box2

{

	background: url(../img/mainbanner.jpg) no-repeat 0 0 / cover transparent;

	height:500px;

	width:100%;

	position:absolute;

	z-index: 0;

}*/



#header #social_text {

	float:right;

	color:#999;

	margin-right:3px;

	line-height:25px;

	margin-top:10px;

}

#header #member_links {

	float:right;

	margin-right:25px;

	line-height:25px;

	margin-top:10px;

	display:inline-block;

}

#header #social img {

	border:0;

	width:24px;

	/*height:24px;*/

}

#header #social a {

	margin-left:5px;

}

#header .admin_title {

	background-color:#333;

	border-radius:6px;

	color:#fff;

	font-size:14px;

	font-weight:bold;

	margin:15px 0 5px;

	padding:8px 15px;

	text-transform:uppercase;

}

#header .header_side {

	float:right;

}



.right-off-canvas-menu {

    -webkit-backface-visibility: hidden;

    width: 15.625rem;

    top: 0;

    bottom: 0;

    position: absolute;

    overflow-x: hidden;

    overflow-y: auto;

    background-color: #ececec !important;

    z-index: 1001;

    box-sizing: content-box;

    transition: transform 500ms ease 0s;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    -ms-transform: translate(100%, 0);

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate3d(100%, 0, 0);

    -o-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    right: 0;

}



ul.off-canvas-list li a {

    display: block;

    padding: 1rem !important;

    color: #595d60 !important;

    border-bottom: 1px solid #d0d0d0 !important;

    transition: background 300ms ease;

    font-size: 14px;

    font-weight: normal;

}



ul.off-canvas-list li label {

    display: block;

    padding: 0.3rem 0.9375rem;

    color: #595d60 !important;

    text-transform: uppercase;

    font-size: 14px !important;

    opacity: 0.8 !important;

    font-weight: bold;

    background: #ececec !important;

    border-top: 1px solid #5e5e5e;

    border-bottom: 1px solid #d0d0d0 !important;

    margin: 0;

}



ul.off-canvas-list li a:hover {

    background: none !important; 

}



.tab-bar {

    -webkit-backface-visibility: hidden;

    opacity: 0.8 !important;

    background-color: #ffffff !important;

    background-image: linear-gradient(#ffffff, #ececec) !important;

    color: #fff;

    height: 2.8125rem;

    line-height: 2.8125rem;

    position: relative;

}



.tab-bar .menu-icon span::after {

    content: "";

    position: absolute;

    display: block;

    height: 0;

    top: 50%;

    margin-top: -0.5rem;

    left: 0.90625rem;

    box-shadow: 0 0 0 1px #595d60, 0 7px 0 1px #595d60, 0 14px 0 1px #595d60 !important;

    width: 1rem;

}



.right-small {

    width: 2.8125rem;

    height: 2.8125rem;

    position: absolute;

    top: 0;

    border-left: solid 1px #d0d0d0 !important;

    right: 0;

}



.left-small {

   border-right: none !important;

}



.right-submenu {

    -webkit-backface-visibility: hidden;

    width: 15.625rem;

    top: 0;

    bottom: 0;

    position: absolute;

    margin: 0;

    overflow-x: hidden;

    overflow-y: auto;

    background: #ececec !important;

    z-index: 1002;

    box-sizing: content-box;

    -webkit-overflow-scrolling: touch;

    -ms-transform: translate(100%, 0);

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate3d(100%, 0, 0);

    -o-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    right: 0;

    -webkit-transition: -webkit-transform 500ms ease;

    -moz-transition: -moz-transform 500ms ease;

    -ms-transition: -ms-transform 500ms ease;

    -o-transition: -o-transform 500ms ease;

    transition: transform 500ms ease;

}



.right-submenu .back > a {

    padding: 0.3rem 0.9375rem;

    color: #595d60 !important;

    text-transform: uppercase;

    font-weight: bold;

    background: #ececec !important;

    border-top: 1px solid #d0d0d0 !important;

    border-bottom: none;

    margin: 0;

}



.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a::before {

    content: none !important;

    margin-right: none;

    display: inline;

}



.right-submenu .back > a::after {

    content: none !important;

    margin-left: none !important;

    display: inline;

}

/* MAIN FRAMES

----------------------------------------------------------------------------------------------------*/





#main {

	padding-top: 0;

	/*margin-bottom: 200px;*/

	min-height: 400px;

	/*border-top:1px solid #EEEEEE;*/



}

#main_home {

	padding-top: 0;

	margin-bottom: 0px;

	min-height: 320px;

	/*border-top:1px solid #EEEEEE;*/



}

#main_product_left {

	padding: 20px;

	float:left;

	/*margin-bottom: 200px;*/

	min-height: 700px;

	width: 860px;

	margin-right: 20px;

	/*border-top:1px solid #EEEEEE;*/

}



#main_product_left h1 {

	font-size: 22px;

	margin: 0 0 30px;

	padding: 0;

	color: #EE0101;

}



#main_product_right {

	padding-top: 30px;

	margin-right:0px;

	float:left;

	width:240px;

}

#main_box {

	margin-top: 20px

	;

}

#main_home_box {

	width: auto;

	margin-top: 10px;

}

.main_left {

	float: left;

	margin: 0 10px 0 0;

	padding: 0;

	width: 710px;

}

.main_right {



	/*width: 1142px;*/

	margin: 0 auto;

}

.main_right h1 {

	/*	margin-top:5px;*/

}

#top_box{

	/*min-height:;*/

	position:relative;

	z-index: 10;

}

.top_box_main{

	/*height:950px;

	margin-bottom:0px;*/

}





.product_popup {

	position:fixed;

	right: 0;

	top: 50%;

	margin-top: -65px;

	z-index: 1003;

}



.product_popup img {

	width: 35px;

	height: 125px;

}



/*.p2 {

    margin-top: 10rem;

    text-align: center;

    color: white;

    text-transform: uppercase;

    font-family: 'Open Sans Condensed',sans-serif !important;

    font-size: 3rem;

}



.p2a {

    margin-top: 10rem;

    text-align: center;

    color: white;

    text-transform: uppercase;

    font-family: 'Open Sans Condensed',sans-serif !important;

    font-size: 2.3rem;

}*/



.p3 {

    color: #595d60;

}



.p4 {

    /*font-weight: 300;*/

     color: #595d60;

}



.p5 {

    /*font-weight: 300;*/

    font-size: 1.1rem;

    color: #595d60;

}



.p6 {

    /*font-weight: 300;*/

    font-size: 1.1rem;

    color: #595d60;

}



.p7 {

    font-size: 1.1rem;

    color: #595d60;

}



.p8 {

    font-size: 1.1rem;

}

/*Down pointing*/

.triangle-down {

    /*width: 10%;*/

    min-height: 0;

    padding-left:50%;

    padding-top: 2.5%;

    overflow: hidden;

}

.triangle-down:after {

    content: "";

    display: block;

    width: 0;

    min-height: 0;

    margin-left:-500px;

    margin-top:-500px;

    

    border-left: 500px solid transparent;

    border-right: 500px solid transparent;

    border-top: 500px solid white;

}



@media screen and (max-width: 40em) {

	.triangle-down {

	    /*width: 10%;*/

	    min-height: 0;

	    padding-left:50%;

	    padding-top: 6.5%;

	    overflow: hidden;

	}

}



@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	.triangle-down {

	    /*width: 10%;*/

	    min-height: 0;

	    padding-left:50%;

	    padding-top: 4.5%;

	    overflow: hidden;

	}

}







/*#main {

	padding-top:5px;

	margin-bottom:20px;

	min-height:400px;

	border-top:1px solid #EEEEEE;



}

#main h1 {

	border-bottom: 1px solid #EFEFEF;

    margin: 0 0px 7px;

    padding-bottom: 7px;

    text-transform:uppercase;

}

.main_left {

	float: left;

    margin: 0 10px 0 0;

    padding: 0;

    width: 710px;

}

.main_right {

	margin-right:0px;

	float:left;

	width:240px;

}

.main_right h1 {

	margin-top:5px;

}

*/

/* FOOTER

----------------------------------------------------------------------------------------------------*/

#footer {

}

#footer .top {

}

#footer .top a {

	display:inline-block;

}

#footer .top .separator {

	color:#999;

	margin:0 18px;

}

#footer .footer_box {

	/*border-top:3px solid #e0e0e0;*/

	background:#333333;

	width:auto;

	height:auto;

	position:relative;

}





#footer .bottom {

	/*border-top:3px solid #e0e0e0;*/

	background:#333333;

	padding:15px 10px 15px 10px;

	margin-top:10px;

	/*width:1180px;*/

	margin: 0 auto;

}



#footer .bottom .copyright {

	font-weight: normal;

	float:left;

	color:#fff;

	font-size:14px;

	margin-top:3px;

	text-align: center !important;

}



#footer .bottom .powered {

	font-weight: normal;

	float:right;

	color:#fff;

	font-size:14px;

	margin-top:3px;



}



#footer .bottom .powered a {

	color:#F54337;



}



@media screen and (max-width: 40em) {

	#footer .bottom .copyright {

		float:none;

		color:#fff;

		font-size:14px;

		margin-top:10px;

		text-align: center !important;

	}

}



@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	#footer .bottom .copyright {

		float:none;

		color:#fff;

		font-size:14px;

		margin-top:10px;

		text-align: center !important;

	}

}



@media screen and (min-width: 63.9375em) and (max-width: 64em) {

	#footer .bottom .copyright {

		float:none;

		color:#fff;

		font-size:14px;

		margin-top:10px;

		text-align: center !important;

	}

}



/* PAGINATION

----------------------------------------------------------------------------------------------------*/

.paginate {

	/*font-family:Arial, Helvetica, sans-serif;*/

	font-family: 'Open Sans', sans-serif !important;

	padding: 5px 0;

	margin: 3px 0;

	text-align: right;

}

.paginate a {

	padding:2px 5px 2px 5px;

	margin:2px 4px 2px 0;

	border:1px solid #ddd;

	text-decoration:none;

	color: #666;

	border-radius:4px;

}

.paginate a:hover, .paginate a:active {

	border: 1px solid #999;

	color: #000;

}

.paginate span.current {

	margin: 2px 4px 2px 0;

	padding: 2px 5px 2px 5px;

	border: 1px solid #ddd;

	font-weight: bold;

	background-color: #ddd;

	color: #333;

	border-radius:4px;

}

.paginate span.disabled {

	padding:2px 5px 2px 5px;

	margin: 2px 4px 2px 0;

	border:1px solid #eee;

	color:#DDD;

	border-radius:4px;

}

.paginate li {

	padding:4px;

	margin-bottom:3px;

	background-color:#FCC;

	list-style:none;

}

.paginate ul {

	margin:6px;

	padding:0px;

}



/* VALIDATION

----------------------------------------------------------------------------------------------------*/

#frm label.error {

	margin-left: 10px;

	width: auto;

	display: inline;

}

form.cmxform label.error, label.error {

	/* remove the next line when you have trouble in IE6 with labels in list */

	color: #c22;

	margin-left:7px;

	font-style: italic

}

.block {

	display: block;

}

form.cmxform label.error {

	display: none;

}



/* MEMBER

----------------------------------------------------------------------------------------------------*/

.member_block {



}

.member_block h1 {

	border-bottom: 1px dotted #C5C5C5;

    color: #333333;

    font-size: 17px;

    margin: 0 0 10px;

    padding-bottom: 4px;

    text-transform: uppercase;

}

.member_block ul {

}

.member_block ul li {

	margin-bottom:5px;

}



/* DEBUG

----------------------------------------------------------------------------------------------------*/

#debug_box {

	width:960px;

	margin:15px auto;

	font-size:13px;

	/*font-family:Arial, Helvetica, sans-serif;*/

	font-family: 'Open Sans', sans-serif !important;

	padding:15px 20px;

	border:3px solid #0066FF;

	border-radius:10px;

	overflow:scroll;

}

#debug_box h1 {

	padding:0;

	margin:0 0 15px;

	font-size:18px;

}



/* NAVIGATION

----------------------------------------------------------------------------------------------------*/

/* Main */



#menu {

    width: 100%;

    height: 60px;

    list-style: none;

    background-color: #ffffff;

    background-image: linear-gradient(#ffffff, #ececec);

    /*border-radius: 8px;

    box-shadow: 0 0px 0px #9c9c9c;*/

    color:#444444;

    text-align:center;

    line-height: 28px;

    margin-left: 0px;

    /*padding: 0px 140px;*/

}



#menu li {

    float: left;

    line-height: 60px;

    position: relative;

	font: 14px/25px 'Open Sans', sans-serif !important;

	text-decoration: none;

	color:#444444;

	text-transform: uppercase;

	text-decoration: none;

    text-shadow: 0 0px 0 #000;

    text-align:center;





}



#menu a {

	font-size:14px;

	float: left;

	line-height: 60px;

	padding: 0px 0px 0px 0px;

	text-transform: uppercase;

	text-shadow: 0 0px 0 #000;

	text-align: center;

	color:#595d60;

	font-weight: normal;

}



#menu .last {

	float: right;

	line-height: 60px;

	padding: 0px 15px 0px 15px;

	text-transform: uppercase;

	text-shadow: 0 0px 0 #000;

	text-align: center;

	color:#595d60;

}



a.radius:hover{

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

}



#menu li:hover > a {

	/*height: 40px;*/

    color: #F54337;

    background-color: #efefef;

    border-bottom: 2px solid #F54337;



}



*html #menu li a:hover { /* IE6 */

    color: #ffffff;

}



#menu li:hover > ul {

    display: block;

}



/* Sub-menu */

#menu ul {

	width:160px;

    list-style: none;

    margin: 0;

    padding: 0 15px;

    display: none;

    position: absolute;

    top: 40px;

    left: -14px;

    z-index: 99999;

    background-color: #ffffff;

    background-image: linear-gradient(#ffffff, #ececec);

    -moz-border-radius: 5px;

    border-radius: 5px;

    box-shadow: 0 0 3px #707070;

}



#menu ul li {

    float: none;

    margin: 0;

    padding: 0;

    display: block;

    border-bottom: 1px solid #ddd;

    /*box-shadow: 0 1px 0 #111111,

                0 2px 0 #777777;*/

    text-transform:uppercase;

}



#menu ul li:last-child {

    border-bottom: none;

    box-shadow: none;

}



#menu ul a {

    padding: 10px 0px;

    /*height: auto;*/

    line-height: 17px;

    display: block;

    white-space: nowrap;

    float: none;

    text-transform:capitalize;

    font-size: 14px;

}



*html #menu ul a { /* IE6 */

    /*height: 10px;*/

    width: 150px;

}



*:first-child+html #menu ul a { /* IE7 */

    /*height: 10px;*/

    width: 150px;

}



#menu ul a:hover {

    background-color: transparent;

    /*background-image: linear-gradient(#ffffff, #ececec);*/

    color:#dd0000;

}



#menu ul li:first-child a {

    border-radius: 5px 5px 0 0;

}



/*#menu ul li:first-child a:after {

    content: '';

    position: absolute;

    left:35%;

    top: -8px;

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 8px solid #fff;

}*/



/* Clear floated elements */

#menu:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    /*height: 0;*/

}





@media only screen and (max-width: 40em) {

    	#menu {

			    width: 100%;

			    height: 60px;

			    list-style: none;

			    background-color: #ffffff;

			    background-image: linear-gradient(#ffffff, #ececec);

			    /*border-radius: 8px;

			    box-shadow: 0 0px 0px #9c9c9c;*/

			    color:#444444;

			    text-align:center;

			    line-height: 28px;

			    margin-left: 0px;

			    padding-left: 0px;

			    padding-right: 0px;

			}

}



.icon-menu:before {

    content: "\e92b";

}

* html #menu             { zoom: 1; } /* IE6 */

*:first-child+html #menu { zoom: 1; } /* IE7 */