/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { color: #000; background: #FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

html, body {margin: 0 auto 0 0; padding: 0; background: #dbdbdb url(http://action.walmartwatch.com/page/-/images/wmw/bg.jpg) repeat-x;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/

#wrapper {width: 1012px;  padding: 0; margin: 0 auto;}
#content {background: url(http://action.walmartwatch.com/page/-/images/wmw/content_bg.png) repeat-y; width: 1002px; padding-left: 5px; padding-right: 5px;}
#content.fw {background: url(http://action.walmartwatch.com/page/-/images/wmw/content_bg_fw.png) repeat-y; width: 1002px; padding-left: 5px; padding-right: 5px;}


/* LAYOUT
----------------------------------------------- */
/*
left: 220;
center: 560
right: 220;

rightSide = center + right = 780
*/

.leftColumn {overflow: hidden; float: left; width: 192px; padding-top: 20px; padding-bottom: 15px; padding-left: 14px; padding-right: 14px;}

.rightSide {overflow: hidden; float: right; width: 780px;}
.mainColumn {overflow: hidden; float: left; padding: 20px 35px 15px 35px; width: 490px}
.rightColumn {float: right; width: 192px; padding: 20px 14px 15px;}
#content.fw .mainColumn {overflow: hidden; float: left; padding: 20px 35px 15px 35px; width: 929px}
#content.fw .rightSide {overflow: hidden; float: left; width: 998px;}


/* TYPOGRAPHY
----------------------------------------------- */
/* Created by Owen Briggs, Explanation at: http://www.thenoodleincident.com/tutorials/typography/ */

body {font-family: verdana, helvetica, sans-serif; color: #000; font-size: 12px;}

a {text-decoration: none; color: #405A7D;}
a:link {}
a:visited {color: #6D8CB4;}
a:active {}
a:hover {text-decoration: underline; color: #cc0000;}

a.quickLink {position: relative; z-index: 24;}
a.quickLink:hover {z-index: 125; background-color: transparent;}
a.quickLink span {display: none;}

h1 { font-weight: bold; margin-bottom: .5em; margin-top: 0; font-size: 2.0em;}
h2 {font-size: 1.7em;	margin-bottom: 1.2em; font-weight: normal;margin-top: 0px;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.0em; color: #fff; margin-top: 10px;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

.base {}
.base h1.title {}
.base h2 {background: #6C8BB3; color: #fff; text-align: left; font-size: 12px; padding: 5px; margin: 2px 0; text-transform:uppercase; font-weight: bold;}
.base h3 {border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; font-size: 14px; font-variant: small-caps; padding: 3px 0; background: #F5F5F5; margin: 24px 0 8px 0;}
.base ul {margin-left: 10px; padding-left: 0;}
.base ul li {padding: 0 0 0 8px; list-style-type: none; background: transparent url(/img/arrow-blue.gif) no-repeat 0px 6px; margin-left: 0;}

ol, li {line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}

/* HEADER
----------------------------------------------- */
#header {text-align: left; width: 1001px; background: url(http://action.walmartwatch.com/page/-/images/wmw/wmw_header.jpg) no-repeat;height: 134px; margin: 0 auto;}

#quickSignup {float: right; margin-right: 47px;}
#quickSignup p {margin-bottom: 4px; color: #2b4363;	font-size: 1.2em; 	font-weight: bold;}
#quickSignup form {margin: 0; padding: 0; width: 175px;}
#quickSignup form p {margin-bottom: 2px;}
#quickSignup input {font-size: 10px; margin-bottom: 5px;}
#quickSignup input#qf_c064e9{margin-top: -4px;}

a.headerLink{float: left; display: inline; text-indent: -9999px; margin-top: 40px; margin-left: 5px; width: 358px; height: 54px;}

.navSearch{width: 1012px; background: url(http://action.walmartwatch.com/page/-/images/wmw/top_nav_bg.png) repeat-x; margin: 0 auto; height: 28px;}

#contentSearch form{margin-left: 10px;}
#contentSearch {padding-top: 2px; float: right;	width: 276px;background: url(http://action.walmartwatch.com/page/-/images/wmw/top_nav_bg.png);	height: 26px;}
#siteNav {width: 736px; height: 28px; margin: 0; padding: 0; float: left; background: url(http://action.walmartwatch.com/page/-/images/wmw/top_nav_bg.png);}
#siteNav ul {position: relative; height: 27px;}

#siteNav li {margin: 0; display: inline;  padding: 0; float: left; border-right: 1px solid #3a5276; font-size: 11px;}
#siteNav li a {display: block; height: 20px; text-decoration: none; text-align: center;overflow: hidden; color: #fff; padding-top: 7px;	}
#siteNav li a:hover {background: url(http://action.walmartwatch.com/page/-/images/wmw/sitenav_hover.jpg);}

		li.watch a {width: 132px;}
		li.speak a {width: 151px;}	
		li.influence a {width: 144px;}
		li.map a {width: 144px;}
		li.waldemart a {width: 141px; border-right: none;}

#topNav {width: 1001px; background:  url(http://action.walmartwatch.com/page/-/images/wmw/nav_bg.jpg) repeat-x;  padding: 0; margin: 0; position: relative; z-index: 500; height: 37px;}
#topNav ul { margin: 0; height: 33px; font-size: 13px;  padding: 0; list-style-type: none; width: 1001px;}
#topNav ul li {margin: 0; display: inline; position: relative;} /* line-height: 14px;*/
#topNav ul li a { display: block; color: #fff; height: auto; overflow: hidden; margin:0; padding: 9px 20px 6px 19px;}
#topNav ul li a:hover { background-color: #2f4768; text-decoration: none;}

#topNav ul li#navSpanish {border-right: none;}

/* second-level lists */
#topNav ul li ul {position: absolute; width: 166px; list-style: none; clear: both; z-index: 100000; display: none;  text-align: left; top: 35px;}
#topNav li ul li, #topNav li ul li a {background-image: none !important; clear: both; display: block; margin: 0;}
#topNav li ul li a {width: 160px; padding: 7px 2px 6px 8px; text-indent: 0 !important;  background: #7b95b8; line-height: 1.2em; z-index: 11100;   border-bottom: 1px solid #405A7D;border-left: 1px solid #405A7D; border-right: 1px solid #405A7D; color: #f5feff; text-decoration: none;
	font-size: 11px;
}
/*#topNav li ul li a span {padding: .4em 1em}*/
#topNav li ul li a:hover {background: #405A7D; color: #fff;}

 /* lists nested under hovered list items */
#topNav li:hover ul, #topNav li.sfhover ul {display: block; z-index: 11200;}

#topSearch {position: absolute; width: 200px; top: 24px; left: 540px; z-index: 10000; background: #6C8BB3; color: #fff; height: 24px;}
#topSearch form {text-align: center;}
#topSearch input.txt, #sideSearch input.text {font-size: 10px;}
#topSearch input.buttonImg, #topSearch  input.buttonImg {vertical-align: top;}

#topQuote, #bottomQuote {margin: 0; padding: 0; width: 740px; background: #fff; clear: both;}
#topQuote p, #bottomQuote p {font-style: italic; margin: 0; padding: 2px; text-align: center;}
#topQuote span, #bottomQuote span {font-size: .9em;}

/* FOOTER
----------------------------------------------- */
#footer{ width: 981px; background-color: #284160; height: 48px; margin: 0 auto; padding-left: 10px; padding-right: 10px;	padding-top: 10px;}
#footer .copyright{text-align: center;	float: left; width: 1000px; height: 35px;}
#footer p{color: #fff; text-align: center;}
#footer a{color: #fff; text-decoration: underline;}

#footer .footerContent{height: 265px;}
#footer .footerContent .latestNews{float: left;	width: 356px;}
#footer .footerContent .latestNews li{list-style: none; text-align: left; color: #fff; }
#footer .footerContent .latestNews ul{	padding: 0px}
#footer #categories{float: left; color:#fff; width: 350px;	height: 245px; border-right: 1px dotted #fff;  border-left: 1px dotted #fff; padding-left: 10px; margin-left: 10px; margin-right: 10px; padding-right: 10px;}
#footer #categories li{text-align: left; list-style: none;}
#footer #categories h3{text-align: left;}

/* HOMEPAGE
----------------------------------------------- */
#homeFeatures{float: left}
#homeFeatures img{float: left;}


/* CONTENT
----------------------------------------------- */

/*Guideline*/

#commentsWrap {margin: 0; padding: 0;}
.comment {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px;}


/*To prevent transparency issue in IE*/
#mainContent #contentClips .contentClip {background-color:white !important; width:320px !important; overflow:hidden;}
div.contentClip {background:white !important;}
#mainContent #contentClips {width: 345px; overflow:hidden; height: 250px;}


body#clipsArchive #contentClips {margin: 0;}    
body#clipsArchive #contentClips ul {background: #E2E6EB; margin: 0 0 24px 0; border-top: 1px solid #CBD2DC; border-bottom: 1px solid #A4B7D0;}  
body#clipsArchive #contentClips h3 {background: #CBD2DC; margin-bottom: 0; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #405A7D; border-top: 1px solid #CBD2DC; padding: 2px 10px;} 

#contentClipsSignup {background: #405A7D; padding: 5px 10px; margin: 8px;}
#contentClipsSignup form {margin: 0; padding: 0;}
#contentClipsSignup label {color: #fff; padding-right: 2px;}
#contentClipsSignup input.text {margin-right: 15px; border: 1px solid #89B5D8;}
#contentClipsSignup input.button {width: 100px; background: #cc0000; color: #fff;}

.contentNetworkContainer h2 {clear: both;}

.contentBlockRelatedBlog {width: 200px; float: right; border: 2px solid #405A7D; padding: 10px; margin: 10px 0 10px 10px;}
.contentBlockRelatedBlog h3 {margin: 0 0 3px 0;}
.contentBlockRelatedBlog .entry {margin: 8px 0;}

.contentBlockForm {padding: 0; margin: 0;}
.contentBlockForm form {margin: 0; padding: 0;}
.contentBlockForm label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px;}
.contentBlockForm input.text {width: 370px;}
.contentBlockForm input.button {width: 370px;}
.contentBlockForm input.checkbox {margin-right: 8px; border: none; background: none;}
.contentBlockForm textarea {width: 370px;}
.contentBlockForm select {width: 370px;}
.contentBlockForm p {margin-bottom: 6px;}

.editThis {background: #ffff99; border: 1px solid #ffcc00; margin: 0 0 10px 0; padding: 4px; clear: both;}
.editThis a {color: #fdb100}

.postedby {background: #405A7D; border: 1px solid #A4B7D0; color: #fff; margin: 0 0 20px 0; padding: 4px; clear: both;}
.postedby a {color: #CBD2DC}
.postedby a:hover {color: #405A7D; background: #CBD2DC;}
.postedby .posted { background: url(http://action.walmartwatch.com/page/-/images/user.png) no-repeat; margin: 5px 0; padding-left: 20px;}
.postedby .tags { background: url(http://action.walmartwatch.com/page/-/images/tag_blue.png) no-repeat; margin: 5px 0; padding-left: 20px;}

.archives {background: #A4B7D0; border: 1px solid #405A7D; color: #000; margin: 0 0 20px 0; padding: 4px; text-align: center;}
.archives a {color: #fff}
.archives a:hover {color: #fff;}

/* Blog Title */
h1.archiveTitle {border-bottom: 2px solid #6C8BB3; margin-bottom: 40px; font-size: 34px; font-weight: normal;}
h1.archiveTitle .subtitle {font-size: 16px; font-weight: normal; color: #6C8BB3;;}


/* SIDEBAR
----------------------------------------------- */

#siteFightRotator{width: 190px; border: 1px solid #6C8BB3;	background-color: #fff;}
#siteFightRotator img{width: 188px; margin-bottom: 5px;}
#siteFightRotator .entry{margin-bottom: 7px; width: 172px; border-top: 1px solid #405a7d; margin-left: 5px; padding-top: 7px;}
#siteFightRotator .entry a{color: #1167a2; font-size: 11px; font-weight: bold;}
#siteFightRotator .entry.one{border-top:  none;}
#siteFightRotator .more{float: right; margin-right: 10px;  color: #1167a2; font-size: 11px; font-weight: bold; 	width: 187px; text-align: right; margin-top: 5px;}


.networks{text-align: center; margin-top: 45px;}
.networks a{margin-bottom: 20px; display: block; margin-top: 10px;}

.facts .entry img{float: left;}
.facts .entry p{float: left; width: 135px; margin-top: 0; margin-left: 5px;}
.facts .entry{border-top: 1px solid #405a7d; margin-bottom: 5px;	padding-top: 5px;}
.facts .entry.one{border-top: none;	margin-bottom: 5px;}

.dailyClips{margin-bottom: 35px;}
.dailyClips .entry{margin-bottom: 7px; width: 186px; border-top: 1px solid #405a7d; margin-left: 5px; padding-top: 7px;}
.dailyClips .entry.one{border-top: none;}
.dailyClips span.italic{font-style: italic;}
.dailyClips ul{padding: 0px}
.dailyClips ul li{list-style: none; margin-bottom: 7px; width: 186px; border-bottom: 1px solid #405a7d; margin-left: 5px; padding-top: 0; padding-bottom: 5px; 	margin-top: 5px;}
.dailyClips a{ font-size: 11px; font-weight: bold;}

.leftColumn .headlines{border: 5px solid #3a5477; width: 185px; height: 300px; margin-bottom: 20px;}
.leftColumn .headlines h2{background: url(http://action.walmartwatch.com/page/-/images/wmw/h2_headlines.png) no-repeat -5px; width: 187px; height: 36px; text-indent: -9999px;	margin: 0;}
.leftColumn .facts{ width: 192px; height: 300px; margin-bottom: 20px;}
.leftColumn .feature{ height: 253px; background-color: #3a5477; margin-bottom: 20px; width: 192px;}
.leftColumn .feature #rotatorA{width: 192px; overflow: hidden; height: 225px;}

.leftColumn .feature img{width: 192px; 	height: 225px;}
.leftColumn .feature .cycle h4{margin-bottom: 10px; font-size: .9em; width: 185px; text-align: center; text-transform: uppercase; margin-top: 0; height: 35px;}
.leftColumn .feature .cycle{overflow: hidden; width: 192px; height: 225px;}
.leftColumn h2{font-size: 1.1em; margin-bottom: 5px;	color: #fff; background-color: #172b45; width: 187px; text-align: center; text-transform: uppercase; margin-left: 0;padding-top: 5px; padding-bottom: 5px; padding-right: 5px; font-weight: bold;}

#rotatornav{text-align: right; width: 186px; height: 23px; ; padding-right: 5px; margin-top: 6px;}
#rotatornav a { border: none; background: #9e9e9e; color: #fff; text-decoration: none; margin: 0 5px; padding: 3px 5px;}
#rotatornav a.activeSlide { background: #fff; color: #405A7D;}
#rotatornav a:focus { outline: none; }

.rightColumn .sideBlock { margin-bottom: 15px; }
.rightColumn .speak img{}
.rightColumn .speak img{width: 192px; margin-bottom: 10px;}
.rightColumn .call img{width: 192px;margin-bottom: 10px;}
.rightColumn .tell img{width: 192px;margin-bottom: 10px;}
.rightColumn .share img{width: 192px;margin-bottom: 10px;}
.rightColumn h3{font-size: 1.1em; margin-bottom: 5px;	color: #fff; background-color: #172b45; width: 187px; text-align: center; text-transform: uppercase; margin-left: 0;padding-top: 5px; padding-bottom: 5px; padding-right: 5px; font-weight: bold;}

.rightColumn #sideRelatedArrow{width: 262px; margin-left: -44px;}
#sideRelated {background: #405A7D; margin: 0px -12px 20px -14px; position: relative; padding-bottom: 10px;}
#sideRelated h3 {color: #fff; }
#sideRelated ul {margin: 5px 10px;}
#sideRelated ul li {border-color: #fff;}
#sideRelated ul li a {display: block;}
#sideRelated ul li a:link, #sideRelated ul li a:visited {color: #fff;}
#sideRelated ul li a:hover {color: #405A7D; background: #fff; border-color: #fff; text-decoration: none;}

.sideBlock ul {padding: 0; margin: 0; font: bold 11px Verdana, sans-serif;}
.sideBlock ul li {list-style: none; margin: 0 0 1px 0; padding: 0; text-align: left; border-top: 1px solid #A4B7D0;}
.sideBlock ul li a {display: block; padding: 3px 5px;  background: transparent; text-decoration: none;}
.sideBlock ul li a:link {color: #003399;}
.sideBlock ul li a:visited {color: #667;}
.sideBlock ul li a:hover {color: #405A7D; background: #F0F2F5; border-color: #A4B7D0; text-decoration: none;}
.sideBlock h3 {font-size: 1.1em; margin: 0 0 5px 0; padding: 5px; color: #fff; background-color: #172b45; text-align: center; text-transform: uppercase; font-weight: bold;}






#mainContent h2.blogMainTitle {
	background: url(http://action.walmartwatch.com/page/-/images/title-blog-header.jpg) no-repeat;
	margin: 0 auto;
	width: 490px;
	height: 39px;
}
#mainContent h2.blogLegalTitle {
	background: url(http://action.walmartwatch.com/page/-/images/title-legalblog-header.jpg) no-repeat;
	margin: 0 auto;
	width: 490px;
	height: 100px;
}
h2.blogMainTitle span, h2.blogLegalTitle span { display: none; }


/* CSS DROP SHADOWS
----------------------------------------------- */

div.shadow {float: left; padding: 0 1px; background: #bfbfbf; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative;}
div.shadow img {padding: 5px 5px 9px 5px; background: white url(shad_bottom.png) repeat-x bottom left;}
div.shadow div.topleft {width: 2px; height: 4px; background: url(shad_tlcorner.png) no-repeat top left; position: absolute; top: 0px; left: -1px;}
div.shadow div.topright {width: 2px; height: 4px; background: url(shad_trcorner.png) no-repeat top right; position: absolute; top: 0px; right: -1px;}
div.shadow div.bottomleft {width: 4px; height: 4px; background: url(shad_blcorner.png) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px;}
div.shadow div.bottomright {width: 4px; height: 4px; background: url(shad_brcorner.png) no-repeat bottom right; position: absolute; bottom: 0px; right: -1px;}

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
/*
input, textarea {border: 1px solid #999; color: #666; padding: 2px; font-size: 11px; background: #fff; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.txt, input.text {background: #fff url(http://action.walmartwatch.com/page/smartproxy/walmartwatch.com/img/inputs/txt-bg.jpg) bottom repeat-x;}
*/
input.button {cursor: pointer; background: #cc0000; border: solid 1px #89B5D8; color: #fff;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

input {vertical-align: middle;}
input, textarea {color: #405A7D; padding: 2px; font-size: 11px; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.txt, input.text, textarea {border: 1px solid #6C8BB3; background: #fff;}

.blog-header h1.title a{ margin-bottom: 10px;
	font-size: 1em;
	line-height: 1.1em;
}

.cdate {
	float:left;
	height:34px;
	width:32px;
	margin-right:15px;
	padding-top:11px;
	background:url(http://action.walmartwatch.com/page/-/images/wmw_calendar.gif) no-repeat;
}
.cdate p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}
.cdate span.day {
	font-size:18px;
	display:block;
	}
.cdate span.month {
	font-size:9px;
	height:12px;
	display:block;
	}
	
	/* UTILS
----------------------------------------------- */
.clear {clear: both;}


img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width:  740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}

/* End hide from IE Mac */





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom: 0;
}
.sf-menu a {
	border-left:	1px solid #7690b3;
	text-decoration:none;
	padding: .75em 0;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#405A7D;
}
.sf-menu li li li {
	background:		#405A7D;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#405A7D;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#B0DD2FF;
	position:		relative;
}
.sf-navbar li li ul {
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
