/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {position:relative;float:right;width:80%; padding-right:1px;}
.sf-navbar ul{font-size:10px; font-weight:normal;position:absolute!important;right:-240px!important;top:30px;white-space:nowrap;width:765px !important;z-index:9999;}
.sf-navbar ul li a{color:#fff;font-weight:bold; font-size:11px;text-decoration:none; margin-left:10px;}
.sf-navbar ul li a.last{margin-left:0px;}
.sf-navbar a {border-top:none;color:#000;font-size:10px;text-transform: uppercase;}
.sf-navbar a:hover {color: #49CAFF;background:url(../../../../../common/images/pix_top_arrow.gif) no-repeat center bottom; padding-bottom:7px;font-size:10px;text-transform: uppercase;}
.sf-navbar a.active{color: #49CAFF;background:url(../../../../../common/images/pix_top_arrow.gif) no-repeat center bottom; padding-bottom:7px;}
.sf-navbar a.markupnav:hover {color:#7aa600;background:url(../../../../../common/images/pix_top_arrow_markup.gif) no-repeat center bottom; }
.sf-navbar a.markupnav.active {color:#7aa600;background:url(../../../../../common/images/pix_top_arrow_markup.gif) no-repeat center bottom;}

.sf-navbar a.cmsnav:hover {color:#E94700;background:url(../../../../../common/images/pix_top_arrow_cms.gif) no-repeat center bottom; }
.sf-navbar a.cmsnav.active{color: #E94700;background:url(../../../../../common/images/pix_top_arrow_cms.gif) no-repeat center bottom;}

.sf-navbar a.ecommercenav:hover {color:#B4151B;background:url(../../../../../common/images/pix_top_arrow_ecom.gif) no-repeat center bottom; }
.sf-navbar a.ecommercenav.active{color: #B4151B;background:url(../../../../../common/images/pix_top_arrow_ecom.gif) no-repeat center bottom;}

.sf-navbar a.webnav:hover {color:#DF0065;background:url(../../../../../common/images/pix_top_arrow_web.gif) no-repeat center bottom; }
.sf-navbar a.webnav.active{color: #DF0065;background:url(../../../../../common/images/pix_top_arrow_web.gif) no-repeat center bottom;}

.sf-navbar ul#pixelnav{right:-432px!important;}
.sf-navbar ul#pixelnav li a:hover{color: #49CAFF;font-weight:bold; text-decoration:none}
.sf-navbar ul#pixelnav li a.active{color: #49CAFF;font-weight:bold; text-decoration:none; background:none}
.sf-navbar ul#pixelnav li li a:hover{color:#fff;font-weight:bold!important; font-size:11px;background:#49CAFF;}
.sf-navbar li#contact_us{ padding-left:20px;}
.sf-navbar li#contact_us a{ background:none;color:#000; margin:5px 0 0 0px;}
.sf-navbar li#contact_us a:hover{color:#49CAFF;background:none;}
.sf-navbar li#contact_us a.active{color:#49CAFF;}

.sf-navbar li#blog{ padding-left:20px;}
.sf-navbar li#blog a{background:url(../../../../../common/images/seprator.gif) no-repeat 0 5px; padding-left:20px;color:#000; margin:5px 0 0 0px;}
.sf-navbar li#blog a:hover{color:#49CAFF;}
.sf-navbar li#blog a.active{color:#49CAFF;}

.sf-navbar ul#pixelnav li.current_site{float:left; margin-left:0; border-right:1px solid #333; padding:6px 16px 7px 7px;margin-top:10px; height:auto}
.sf-navbar ul#pixelnav li.current_site a{font-size:12px; color:#49caff!important; margin:0px}
.sf-navbar ul#pixelnav li.current_site a:hover{font-size:12px; color:#49caff!important; padding:0;}

.sf-navbar ul#markupnav{right:-338px!important;}
.sf-navbar ul#markupnav li a:hover{color: #7aa600;font-weight:bold; text-decoration:none}
.sf-navbar ul#markupnav li a.active{color: #7aa600;font-weight:bold; text-decoration:none; background:none}
.sf-navbar ul#markupnav li li a:hover{color:#fff;font-weight:bold!important; font-size:11px;background:#7aa600;}
.sf-navbar ul#markupnav li.current_site{float:left; margin-left:0; border-right:1px solid #333; padding:6px 16px 7px 7px;margin-top:10px;height:auto}
.sf-navbar ul#markupnav li.current_site a{font-size:12px; color:#7aa600!important; margin:0px}
.sf-navbar ul#markupnav li.current_site a:hover{font-size:12px; color:#7aa600!important; padding:0;}
.sf-navbar ul#markupnav li.order{background:url(../../../../../xhtml/common/images/order_bg.gif) no-repeat 0 0;padding:0;margin-top:11px; width:85px; height:29px; text-align:center}
.sf-navbar ul#markupnav li.order a{ color:#fff!important; margin:0px; line-height:29px;}
.sf-navbar ul#markupnav li.order a:hover{color:#fff!important; padding:0;}

.sf-navbar ul#cmsnav{right:-282px!important;}
.sf-navbar ul#cmsnav li a:hover{color:#E94700;font-weight:bold; text-decoration:none}
.sf-navbar ul#cmsnav li a.active{color:#E94700;font-weight:bold; text-decoration:none; background:none}
.sf-navbar ul#cmsnav li li a:hover{color:#fff;font-weight:bold!important; font-size:11px;background:#E94700;}
.sf-navbar ul#cmsnav li.current_site{float:left; margin-left:0; border-right:1px solid #333; padding:6px 16px 7px 7px;margin-top:10px;height:auto}
.sf-navbar ul#cmsnav li.current_site a{font-size:12px; color:#E94700!important; margin:0px}
.sf-navbar ul#cmsnav li.current_site a:hover{font-size:12px; color:#E94700!important; padding:0;}

.sf-navbar ul#ecommercenav{right:-188px!important;}
.sf-navbar ul#ecommercenav li a:hover{color: #B4151B;font-weight:bold; text-decoration:none}
.sf-navbar ul#ecommercenav li a.active{color: #B4151B;font-weight:bold; text-decoration:none; background:none}
.sf-navbar ul#ecommercenav li li a:hover{color:#fff;font-weight:bold!important; font-size:11px;background:#B4151B;}
.sf-navbar ul#ecommercenav li.current_site{float:left; margin-left:0; border-right:1px solid #333; padding:6px 16px 7px 7px;margin-top:10px;height:auto}
.sf-navbar ul#ecommercenav li.current_site a{font-size:12px; color:#B4151B!important; margin:0px}
.sf-navbar ul#ecommercenav li.current_site a:hover{font-size:12px; color:#B4151B!important; padding:0;}

.sf-navbar ul#webnav{right:-135px!important;}
.sf-navbar ul#webnav li a:hover{color: #DF0065;font-weight:bold; text-decoration:none}
.sf-navbar ul#webnav li a.active{color: #DF0065;font-weight:bold; text-decoration:none; background:none}
.sf-navbar ul#webnav li li a:hover{color:#fff;font-weight:bold!important; font-size:11px;background:#DF0065;}
.sf-navbar ul#webnav li.current_site{float:left; margin-left:0; border-right:1px solid #333; padding:6px 16px 7px 7px;margin-top:10px;height:auto}
.sf-navbar ul#webnav li.current_site a{font-size:12px; color:#DF0065!important; margin:0px}
.sf-navbar ul#webnav li.current_site a:hover{font-size:12px; color:#DF0065!important; padding:0;}

.sf-navbar ul#pixelnav li.current {border-right:1px solid #333333;float:left;margin-left:0;margin-top:5px;padding-top:3px;}

.sf-navbar ul li {padding:12px 0 0 0;display: inline;margin-left:16px;}
.sf-navbar ul li.last{margin-left:0px;}
.sf-navbar ul li ul{width:100%; /*IE6 soils itself without this*/}
.sf-navbar li li {position:relative;}
.sf-navbar li li  a{color:#fff;font-weight:bold; font-size:11px;text-decoration:none}
.sf-navbar li li  a:hover{color: #49CAFF;font-weight:bold; font-size:11px;background:url(../../../common/images/pix_top_arrow.gif) no-repeat center bottom; padding-bottom:6px;}
.sf-navbar li li ul {width:230px!important; position:absolute; top:50px!important; }
.sf-navbar li li li {width:230px; background:#000; font-size:11px; color:#fff; padding:0; height:auto}
.sf-navbar li li li a{font-size:11px; font-weight:bold;color:#fff; line-height:30px; padding:0px 0px 0px 24px!important; margin:0!important; text-align:left!important  }
.sf-navbar li li li a:hover{font-size:11px; font-weight:bold;color:#fff;line-height:30px;padding:0px 0px 0px 24px!important; margin:0!important; text-align:left!important }
/*.sf-navbar li li li a:hover{font-size:11px; color:#fff; font-weight:normal!important; padding:6px 0;}*/

.sf-navbar ul li {width:auto;float:right;}
.sf-navbar a, .sf-navbar a:visited {border:none;}
.sf-navbar li.current { }
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 {font-weight:bold;}
/*** 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;
}

/*logo image css*/
.logo{margin:30px 0 0 0; }