/* The wrapper div should be wrapped around the page content and be at least 100% page height for the iPad, iPhone and iPod Touch */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-droplist-touch-screen.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
nav {display:block; width:735px; background:#ff3407; position:relative; z-index:10000; font-family:GraphikRegular,Verdana, arial, sans-serif; margin:0 auto; border-top:0px solid #c60; text-align:center;}


.menu {width:100%; margin:0 auto; padding:0; list-style:none; text-align:left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
}

.menu div {position:absolute; background:#ff3407; padding:10px 0px 0 0px; z-index:50; }
.menu div.sub1 {
	width:735px;
}

.menu div.sub2 {width:300px;}
.menu div.sub3 {width:450px;}

.menu div.sub1 dl {
/*
width:100%;
-webkit-column-count: 1;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #888;
-moz-column-count: 1;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #888;
column-count: 1;
column-gap: 5%;
column-rule: 1px dotted #888;
*/
height:200px;

}
.menu div.sub2 dl {width:100%;
-webkit-column-count: 2;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #888;
-moz-column-count: 2;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #888;
column-count: 2;
column-gap: 5%;
column-rule: 1px dotted #888;
}
.menu div.sub3 dl {width:100%;
-webkit-column-count: 3;
-webkit-column-gap: 5%;
-webkit-column-rule: 1px dotted #888;
-moz-column-count: 3;
-moz-column-gap: 5%;
-moz-column-rule: 1px dotted #888;
column-count: 3;
column-gap: 5%;
column-rule: 1px dotted #888;
}
.menu li.top-li {float:left; position:relative; background:#ff3407; z-index:50;}

.menu li.top-li a.top-a {
	
/*
	font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
*/
	display:block; 
	float:left; 
	line-height:40px; 
	color:#fff; 
	padding:0 53px 0 0px; 
	padding:0 43px 0 0px; 
	text-decoration:none; 
	font-size:0.7em; 
	white-space:nowrap;
	text-transform:uppercase;
}


.menu li.top-li b {display:block; width:100%; height:40px; background: url(trans.gif); position:relative; z-index:100;
/*
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
*/
}  

.menu li.top-li a.top-a:hover {background:#ff3407; color:#fff; text-decoration:underline; position:relative; z-index:10;}
.menu li.top-li:hover > a.top-a {background:#ff3407; color:#fff; text-decoration:underline; position:relative; z-index:10;}
.menu li.has-sub a.top-a:hover {text-decoration:underline; position:relative; z-index:10;}
.menu li.has-sub:hover > a.top-a {text-decoration:underline; position:relative; z-index:10;}

.menu div dl {padding:0; margin:0;}
.menu div dt {display:block; padding:5px 0 0px 0; margin:0; color:#fff; font-size:0.8em; line-height:20px;}
.menu div dd {
	display:block; 
	padding:0; 
	margin:0; 
	font-size:0.7em; 
	line-height:1.3em;
	text-transform:uppercase;
}

.menu div dd p{
	padding:0; 
	margin:0;
	line-height:1.2em;
	text-transform:uppercase;
}

/*
.menu div dd a {line-height:20px; color:#fff; background:#666; display:block; margin-bottom:1px; padding:5px 10px; text-decoration:none; font-size:0.8em;}
*/
.menu div dd a { color:#fff; text-decoration:none;}
.menu div dd a:hover {color:#fff; text-decoration:underline;}

/*
.menu .bottomLine {width:100%; padding:5px 0px; background:#000; margin:10px 0 0 0px; border-top:1px solid #888; border-radius:0 0 10px 10px; line-height:20px; font-size:0.8em; color:#c60; font-weight:normal;}
*/
.menu .bottomLine {width:651px; padding:5px 0px 5px 84px;; background:#ff3407; margin:10px 0px 0 0px; line-height:20px; font-size:0.7em; color:#fff; font-weight:normal; 
/*text-transform:uppercase; */
}

.menu .bottomLine a {display:inline; padding:0 5px; line-height:20px; color:#fff; text-decoration:underline;}
.menu .bottomLine a:hover {color:#fff; text-decoration:none;}

.menu .bottomLine span.login {padding-right:100px; float:right;}


.menu li:hover {z-index:60;}
.menu li:hover > b {height:0;}

.menu li div,
.menu li div.left {left:-9999px; top:-3000px; display:none;}

.menu li:hover div {left:0; top:40px; display:block;}
.menu li:hover div.left {left:auto; right:0; display:block;}

.clear {clear:left; height:0; overflow:hidden;}

form#search input{
	border:none;
	width:120px;
	height:15px;
	font-size:1em;
	color:#ff3407;
	margin-bottom:8px;
	padding:0 0 0 3px;
}