/**
	Derks Formals Navigation Styles
	Updated: 01.11.08 @ 12:00pm
	Author: Yura Sklyar (350designs.com)

	Stylesheet Structure:
	- Main menu
	- Tux selector menu
	
	DO NOT ADD ANY NEW STYLES TO THIS STYLESHEET! All custom styles must be attached to "custom.css"
*/

/**
	Main menu
*/

ul#menu {
	margin: 70px 0 0 0;
	padding: 0;
	list-style: none;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	float: right;
}
ul#menu li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#menu li a {
	margin: 0 0 0 27px;
	padding: 0;
	color: #A06F19;
	display: block;
}
ul#menu li a:hover {
	color: #D99522;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
ul#menu li a {
	float: none;
}
ul#menu li ul {
	margin: -32px 0 0 4px;
	padding: 45px 0 0 0;
	width: 143px;
	height: 150px;
	left: -999em;
	list-style: none;
	background: url(../images/dropdown.gif) top left no-repeat;
	z-index: 10;
	position: absolute;
}
html>body ul#menu li ul {
	margin: -32px 0 0 5px;
	background: url(../images/dropdown.png) top left no-repeat;
}
html>body ul#menu li ul.dropdown-contact {
	margin: -32px 0 0 5px;
	background: url(../images/dropdown-contact.png) top left no-repeat;
}
ul#menu li:hover ul {
	left: auto;
}
ul#menu li:hover ul, ul#menu li.sfhover ul {
	left: auto;
}
ul#menu li ul li {
	margin: 0;
	padding: 0;
}
ul#menu li ul li a {
	margin: 0;
	padding: 1px 0 1px 20px;
	width: 100px;
	color: #AD8C51;
	font: 10px Arial, Helvetica, sans-serif;
	float: none;
}
ul#menu li ul li a:hover {
	color: #D99522;
}

/**
	Tux selector menu
*/

ul.subItem {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 203px;
	list-style-type: none;
	overflow: auto;
}
ul.subItem li {
	margin: 0;
	padding: 0;
}
ul.subItem li a {
	margin: 0;
	padding: 3px 0 0 35px;
	height: 30px;
	border-bottom: 1px dotted #423823;
	color: #826D49;
	display: block;
}
li.tux_111 a, li.tux_111 a:hover {
	background: url(../images/styles/111s.gif) 7px 5px no-repeat;
}
li.tux_121 a, li.tux_121 a:hover {
	background: url(../images/styles/121s.gif) 7px 5px no-repeat;
}
li.tux_125 a, li.tux_125 a:hover {
	background: url(../images/styles/125s.gif) 7px 5px no-repeat;
}
li.tux_133 a, li.tux_133 a:hover {
	background: url(../images/styles/133s.gif) 7px 5px no-repeat;
}
li.tux_138 a, li.tux_138 a:hover {
	background: url(../images/styles/138s.gif) 7px 5px no-repeat;
}
li.tux_141 a, li.tux_141 a:hover {
	background: url(../images/styles/141s.gif) 7px 5px no-repeat;
}
li.tux_142 a, li.tux_142 a:hover {
	background: url(../images/styles/142s.gif) 7px 5px no-repeat;
}
li.tux_149 a, li.tux_149 a:hover {
	background: url(../images/styles/149s.gif) 7px 5px no-repeat;
}
li.tux_175 a, li.tux_175 a:hover {
	background: url(../images/styles/175s.gif) 7px 5px no-repeat;
}
li.tux_177 a, li.tux_177 a:hover {
	background: url(../images/styles/177s.gif) 7px 5px no-repeat;
}
li.tux_183 a, li.tux_183 a:hover {
	background: url(../images/styles/183s.gif) 7px 5px no-repeat;
}
li.tux_193 a, li.tux_193 a:hover {
	background: url(../images/styles/193s.gif) 7px 5px no-repeat;
}
li.tux_283 a, li.tux_283 a:hover {
	background: url(../images/styles/283s.gif) 7px 5px no-repeat;
}
li.tux_1322 a, li.tux_1322 a:hover {
	background: url(../images/styles/1322s.gif) 7px 5px no-repeat;
}
li.tux_1422 a, li.tux_1422 a:hover {
	background: url(../images/styles/1422s.gif) 7px 5px no-repeat;
}
li.tux_1424 a, li.tux_1424 a:hover {
	background: url(../images/styles/1424s.gif) 7px 5px no-repeat;
}
li.tux_1444 a, li.tux_1444 a:hover {
	background: url(../images/styles/1444s.gif) 7px 5px no-repeat;
}
li.tux_1476 a, li.tux_1476 a:hover {
	background: url(../images/styles/1476s.gif) 7px 5px no-repeat;
}
li.tux_1493 a, li.tux_1493 a:hover {
	background: url(../images/styles/1493s.gif) 7px 5px no-repeat;
}
li.tux_1522 a, li.tux_1522 a:hover {
	background: url(../images/styles/1522s.gif) 7px 5px no-repeat;
}
li.tux_1531 a, li.tux_1531 a:hover {
	background: url(../images/styles/1531s.gif) 7px 5px no-repeat;
}
li.tux_1822 a, li.tux_1822 a:hover {
	background: url(../images/styles/1822s.gif) 7px 5px no-repeat;
}
li.tux_1922 a, li.tux_1922 a:hover {
	background: url(../images/styles/1922s.gif) 7px 5px no-repeat;
}
li.tux_2424 a, li.tux_2424 a:hover {
	background: url(../images/styles/2424s.gif) 7px 5px no-repeat;
}
li.tux_2521 a, li.tux_2521 a:hover {
	background: url(../images/styles/2521s.gif) 7px 5px no-repeat;
}
li.tux_2842 a, li.tux_2842 a:hover {
	background: url(../images/styles/2842s.gif) 7px 5px no-repeat;
}
li.tux_3822 a, li.tux_3822 a:hover {
	background: url(../images/styles/3822s.gif) 7px 5px no-repeat;
}
li.tux_4722 a, li.tux_4722 a:hover {
	background: url(../images/styles/4722s.gif) 7px 5px no-repeat;
}
li.tux_5341 a, li.tux_5341 a:hover {
	background: url(../images/styles/5341s.gif) 7px 5px no-repeat;
}
li.tux_9792 a, li.tux_9792 a:hover {
	background: url(../images/styles/9792s.gif) 7px 5px no-repeat;
}
li.tux_11922 a, li.tux_11922 a:hover {
	background: url(../images/styles/11922s.gif) 7px 5px no-repeat;
}
ul.subItem li a:hover {
	background-color: #342D20;
}
.style_number {
	color: #EAA836;
}

/**
	Destination Wear selector menu
*/
li.tux_dest1 a, li.tux_dest1 a:hover {
	background: url(../images/styles/dest1s.gif) 7px 5px no-repeat;
}
li.tux_dest2 a, li.tux_dest2 a:hover {
	background: url(../images/styles/dest2s.gif) 7px 5px no-repeat;
}