/* =header
-------------------------------------------------------------- */
header.header {margin:auto;border-bottom:#ff7e00 3px solid}

nav.menu {min-height:46px;border-top:#efefef 1px solid;overflow:visible}
nav.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}
ul#menu li a.space {padding-left:15px}
/*Create a horizontal list with spacing*/
nav.menu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/*Style for menu links*/
nav.menu li a {
	display:block;
	padding:0 1.3em 0 1em;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-weight:700;
	font-size:120%;
	color: /*#c95050;*/#777;
	background: #fff;
}
@media screen and (max-width : 768px){
	nav.menu li a {padding:0 .8em 0 .5em;font-size:100%}
}
nav.menu li a:hover {
	color:#333;
}
/*Hover state for top level links*/
nav.menu li:hover a {background: #F8F8F8}

/*Style for dropdown links*/
nav.menu li:hover ul li a {
	height:1.2em;overflow:visible;
	line-height:1.2em;
	font-weight:600;
	font-size:110%
}

/*sam */
nav.menu li:hover > ul {
-webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    1px 3px 3px 0px rgba(0, 0, 0, 0.35);
box-shadow:         1px 3px 3px 0px rgba(0, 0, 0, 0.35);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px
}

/*Hover state for dropdown links*/
nav.menu li:hover ul a {color:#333}
nav.menu li:hover ul a:hover {color:#c95050}

/*Hide dropdown links until they are needed*/
nav.menu li ul {
	display: none;
	z-index:10000;
	padding:1.5em 0
}
/*Make dropdown links vertical*/
nav.menu li ul li {
	display: block; 
	float: none; padding-bottom:.5em
}
nav.menu li ul li.linkF {
	padding-bottom:0;margin-bottom:.4em
}
nav.menu li ul li.linkF a:hover{color:#222;cursor:default}
nav.menu li ul li.linkF2 a {color:#C95050;display:table-cell;min-width:0px;padding-right:0;font-weight:300}
nav.menu li ul li.linkF2 a:hover {text-decoration:underline}

/*Prevent text wrapping*/
nav.menu li ul li a {
	width: auto;
	min-width: 240px ;
	text-align:left;
}

/*Display the dropdown on hover*/
nav.menu ul li a:hover + .hidden, 
nav.menu .hidden:hover {
	display: block!important;
	background:#F8F8F8;
	visibility:visible!important
}

/* Sam */
nav.menu ul li a:hover + .hidden.Col, 
nav.menu .hidden.Col:hover {padding-left:15px;width:700px}
nav.menu ul li a:hover + .hidden.Col.C6, 
nav.menu .hidden.Col.C6:hover {width:480px}
nav.menu ul li a:hover + .hidden.Col.C8, 
nav.menu .hidden.Col.C8:hover {width:830px}
nav.menu ul.hidden.Col li > div {
	width:220px;
	height:auto;
	float:left
}
nav.menu ul.hidden.Col.C6 li > div:nth-child(1) {width:240px}
nav.menu ul.hidden.Col.C8 li > div:nth-child(1) {width:175px}
nav.menu ul.hidden.Col.C8 li > div:nth-child(3) {width:175px}
nav.menu ul.hidden.Col.C8 li > div:last-child(4) {padding-right:0}
nav.menu ul.hidden.Col li > div ul {
	padding:0;
	display:inline-block;
	position:inherit;
}
nav.menu ul.hidden.Col li > div ul img {margin-bottom:.8em}
nav.menu a.imgLink {height:90px!important;padding-left:0}
nav.menu ul.hidden.Col li > div ul li a {padding-left:0;min-width:0px}
nav.menu ul.hidden.Col li > div ul span {display:block;margin-bottom:0}
nav.menu ul.hidden.Col li > div ul span,
nav.menu ul.hidden.Col li > div ul span a {height:auto;color:#c95050;font-size:100%;font-weight:300;}
nav.menu ul.hidden.Col li > div ul span a:hover {color:#f58220}

/*Style 'show menu' label button and hide it by default*/
nav.menu .show-menu {
	color: #333;
	background: #F4F4F4;
	padding: 8px 0 8px 15px;
	display: none;
}

/*Hide checkbox*/
nav.menu input[type=checkbox]{display: none}
/*Show menu when invisible checkbox is checked*/
nav.menu input[type=checkbox]:checked ~ #menu{display: block}


/*Responsive Styles*/

@media screen and (max-width : 415px){
	/*Make dropdown links appear inline*/
	nav.menu ul {position: static;display: none}
	
	/*Create vertical spacing*/
	nav.menu ul li {margin-bottom:0}
	
	/*Make all menu links full width*/
	nav.menu ul li,
	nav.menu li a {width: 100%}
	
	/*Display 'show menu' link*/
	nav.menu .show-menu {display:block;margin-bottom:0}
	
	/*Sam --- */
	nav.menu li a {
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight:700;
	font-size:120%;
	color: #fff;
	background:#9f2f20;
	border-bottom:#D4D4D4 1px solid
	}
	/*Hover state for top level links*/
	nav.menu li:hover a {background: #9f2f20;color:#fff}
	
	nav.menu li ul li a {
	color: #333;border-bottom:#ccc 1px solid;background:#fff!important;padding:0 0 .5em 0;padding-left:15px;
	height:2em!important;line-height:2.4em!important
	}
	nav.menu li ul li a:hover {
	color: #9f2f20;
	}
	nav.menu li ul {padding:0}
	nav.menu li ul li {width:100%}
	nav.menu ul li a:hover + .hidden,
	nav.menu .hidden.Col:hover {
		display: block; width:100%
	}
	nav.menu ul.hidden.Col li > div {width:100%;display:block}
	nav.menu ul.hidden.Col li > div ul {width:95%}
	
	nav.menu a.imgLink {display:none}
	
	/*nav.menu .fixed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 0 #ccc;
	-webkit-box-shadow: 0 0 0 #ccc;
	-moz-box-shadow: 0 0 0 #ccc;
}*/

}




/* division select -----------------------------*/
.diviWrapper {
	margin-top:45px;
    height:20px;
	display:inline-block;
    width:180px;
	font:normal 15px arial;
}
.diviContents,
.diviContents .diviInner {
    display:inline-block;
	color:#999
}
.diviContents {
    white-space:nowrap;
	width:163px;
	background:url(/assets/img/site/divi-arrow-1.gif) right 6px no-repeat
}
.diviContents .diviInner {
    background:#fff;
    width:158px;
    overflow:hidden;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
.diviContents .diviInner a:first-child {
	padding-left:0; 
}
.diviContents .diviInner a {
	padding:0 7px;
	color:#999
}
.diviContents .diviInner a:hover {
	color:#cc4939
}
.diviWrapper:hover {
    cursor:pointer
}
.diviWrapper:hover .diviContents .diviInner {
    width:500px;
}




/* sam stick */
nav.menu.fixed {
	position: fixed;
	background-color:rgba(255, 255, 255, 1);
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	z-index:999
}
nav.menu.fixed .menuWrap {width:1110px;margin-left:auto;margin-right:auto;background:url(/assets/img/site/fixed-aver.gif) 0 0 no-repeat;padding-left:60px}
nav.menu.fixed li a {color:#333}