/* CSS for All the Menus START */
ul.ws_css_cb_menu {
	width:946px;
	display:block;
	float: left;
	height:22px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}

/* medidas el li que encierra al span */
ul.ws_css_cb_menu li {
	display:block;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background-image: url(images/left1s.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.ws_css_cb_menu a:hover ul, ul.ws_css_cb_menu a:hover a:hover ul, ul.ws_css_cb_menu a:hover a:hover a:hover ul {
	display:block;

}
ul.ws_css_cb_menu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	_padding-left:0;
	color: #FFF;
	text-decoration:none;
	text-align:left;
}
ul.ws_css_cb_menu span {
	overflow:hidden;
	background-image: url(images/right1s.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: left top;
}

ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	font-weight: normal;
	color: #ffffff
}
/* color de fondo en el desplegable*/
ul.ws_css_cb_menu ul {
	position: absolute;
	top:98%;
	width:140px;
	font-size: 11px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 10px;
	background-image: url(../images/bgmenu.png);
	background-repeat: repeat-x;
	background-position: center top;
}
/* */

ul.ws_css_cb_menu ul ul {
	position: absolute;
	left:98%;
	top:0px;
	letter-spacing: 0px;
}
ul.ws_css_cb_menu, ul.ws_css_cb_menu ul {
	margin:0px;
	list-style:none;
	padding-left: 0px;
}
ul.ws_css_cb_menu a:active, ul.ws_css_cb_menu a:focus {
	outline-style:none;
}
ul.ws_css_cb_menu ul li {
	float: left;
	width: 142px;
	margin-left: 2px;
	margin-top: 3px;
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}

/* image hover cuando pasas al submenu*/
ul.ws_css_cb_menu li:hover>a {
	color: #C8D3D9;
	border-color:#665500;
	border-style:solid;
	text-decoration:none;
	background-image: url(images/left1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* image hover cuando pasas solo rollover*/
ul.ws_css_cb_menu li a:hover {
	position:relative;
	color: #fff;
	text-decoration:none;
	border-color:#665500;
	border-style:solid;
	background-image: url(images/left1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* image hover cuando pasas solo rollover*/
ul.ws_css_cb_menu li a:hover span {
	position:relative;
	color: #C8D3D9;
	text-decoration:none;
	background-image: url(images/right1.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
ul.ws_css_cb_menum li a {
	
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 6px;
	background-repeat: no-repeat;
	background-position: right;
}

/* bg del li del desplegable */
ul.ws_css_cb_menum li a:hover {
	background-image: url(images/right1.gif);
	background-color: #3B6283;
	background-image: none;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 6px;
}
ul.ws_css_cb_menu img {
	border: none;
	float:left;
	margin-right:4px;
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul img {
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}

/* tamaños del span general */
ul.ws_css_cb_menu span {
	display:block;
	padding-right: 14px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* CSS for TABLE Tags for IE 6 and Lower START */
ul.ws_css_cb_menu li a table, ul.ws_css_cb_menu li a:hover table {
	border-collapse:collapse;
	border:0px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.ws_css_cb_menu li a table tr td, ul.ws_css_cb_menu li a:hover table tr td {
	padding:0px;
	border:0px;
}
ul.ws_css_cb_menu li a table ul, ul.ws_css_cb_menu li a:hover table ul {
	border-collapse:collapse;
	padding:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -9px;
}
ul.ws_css_cb_menu ul span, ul.ws_css_cb_menu a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover span, ul.ws_css_cb_menu table a:hover a:hover span, ul.ws_css_cb_menu table a:hover a:hover a:hover span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover table span, ul.ws_css_cb_menu table a:hover a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
/* CSS for TABLE Tags for IE 6 and Lower END */
/* CSS for All the Menus END */

/* Video Menu Starts - Our Second Menu, by using the above class - this is just to change the colors and the height, width of the menu */
ul.videoCssMenu {
	font-size: 13px;
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/video_menu_bg.gif');
	-moz-border-radius: 0px;
	-webkit-border:0px;
	border:0px;
}
ul.videoCssMenu .videoMenuTitleImage {
	width:79px;
	height:30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.videoCssMenu ul {
	left:0px;
	background-color: #c8703c;
	width:280px;
	border-left:0px;
	border-bottom:1px solid #6e2a02;
	border-right:3px solid #6e2a02;
}
ul.videoCssMenu li a {
	padding:5px !important;
	color:#fff;
}
ul.videoCssMenu ul li a {
	color: #fff;
}
ul.videoCssMenu ul li {
	width:135px;
	float: left;
	height: 27px;
}
ul.videoCssMenu li:hover>a, ul.videoCssMenu li a:hover {
	background-color:#c8703c;
	border-color:#fff;
	padding:5px !important;
	color:#000;
}
ul.videoCssMenu li ul li:hover>a, ul.videoCssMenu li ul li a:hover {
	background-color:#ecb899;
	border-color:#fff;
	padding:5px;
	color:#000;
ul.ws_css_cb_menum li a {
	background-color: #7a2520;
	background-image: none;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
}
ul.ws_css_cb_menum li {
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 6px;
	background-image: none;
	font-size: 10px;
}
