/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ /*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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{font-style:normal;font-weight:normal;}ol,ul {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;}
/*fonts.css*/body{font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}/* debugging */ #cakeSqlLog td {text-align: left; padding: 4px 8px; background: #fff; border-bottom: 2px solid #ccc}
/* notices and errors */ input.error{border:1px solid #C00;}
.center{text-align: center;}

/* forms */ .radios input{margin-right: 10px;}
.required label{font-weight:bold;}
form label{width:7em;}
form label.error{width:auto;background:#C99; color:white; padding:4px;}
form .submit, form label.error{margin-left:7em;}
.radios label.error, #update-signup label.error{margin-left:0;display:block;}
#update-signup label.error{width:97%;text-align: center;}
form{display:inline;margin:0;padding:0;}
form div{ vertical-align: text-top; margin-bottom:1em}
form div.input{ clear:both}
form div.date{ margin-left: 0em}
form label {display: block; float:left}
input[type=checkbox] {float: left; clear: left; margin: 2px 6px 7px 2px}
input, textarea {padding:3px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #999; border-bottom:1px solid #999}
textarea.spacious{ width:20em; height:7em}
input.long{width:28em;}
select {vertical-align: text-bottom}
option {padding: 0 0.3em}
div.required {clear: both; color:#222; font-weight:bold}
div.optional {clear: both; color:#555}
div.submit {clear: both; margin-top: 20px}
div.submit input{ padding:10px 20px; background: #666; border-color:white; color:white}

select.jump{width:200px;}
/* action links */ ul.actions {clear:both}
ul.actions li,.admin-actions a {margin-top: 4px; background:white; border:1px solid #606; padding:4px; margin-bottom:20px; margin-right:5px}
pre {padding: 1em}
strong{font-weight: bold;}

/* basic tabular data object */ .data-table{ width:100%; font-size:92%; clear:both}
.data-table td, .small-table td{ padding:15px 8px}
.data-table thead tr{ background: gray; font-size: 129%}
.data-table thead tr th{ padding:3px}
.data-table thead tr th a:link, .data-table thead tr th a:hover, .data-table thead tr th a:active, .data-table thead tr th a:visited{ color:white; text-decoration: underline}
.basic-table{
	margin:8px 0 25px 0;
	width:100%;
}
.basic-table, .basic-table tr, .basic-table td{
	border:none;
}
.basic-table thead tr{
	background:#EAEAEA;
	color:#666;
}
.basic-table thead td{padding:6px;}
.basic-table tbody td{
	border-bottom:1px solid #CCC;
	padding:5px 10px;
}
table.tight{
	margin-bottom:10px;
}
/* for sortables */ .image-sort-helper{ width:100px; height:100px; background:red; float:left; display:block}

/* for pagination */ #pager{margin:10px 0;clear:both;}

/* innertubes for spacing */ 
.innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0}
.innertube-fat{ padding:10px; padding-top:0; margin-top:15px}
.innertube-fatter{ margin:10px; margin-top:78px}
.innertube-skinny{ margin:5px}
.innertube-big{ padding:20px}
.innertube-bigger{ padding:20px; padding-top:78px}
.padded-left{margin-left:30px;margin-top:25px;}
.left-separated{border-left:1px solid #eaeaea;}
/* alignment, clearing, and padding */ h2.left{text-align: left;}
.right{display:block;text-align:right;}
.bumped{padding-top:10px;}
.pad-bottom{padding-bottom:15px;}
img.inline-left,div.inline-left{margin-right:10px;margin-bottom:5px;float:left;}
.clear-left{clear:left;}
.clear{clear:both;}
h1,block,h2.block,h3.block{display:block;}
#ft{padding-bottom: 10px;}
.alignright{
	float:right;
	padding-left:15px;
	padding-bottom:15px;
}
.alignleft{
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}
.righty{text-align:right;}
.jq-email{padding-left:7px;}
.wp-image-115{padding-right:25px;}
/* flashes */ #flashMessage{display: block;clear:both;text-align:center;background:#C00;}
.message{padding:8px;background:#990000;color:white;}
ul.inline li{ float:left; display: inline}
li.inline{display: inline;}

/*~~~ HACKS ~~~*/ .image_text{ display:none}
.clearfix:after {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}

/* Hides from IE5/Mac \*/ * html .clearfix {height: 1px}
.clearfix {display: block}

/* End hide from IE5/Mac */ /* custom yui document size */ #custom-doc {width:73.85em;*width:72.07em;min-width:960px; margin:auto; text-align:left}

/* typography */ body,h1,h2,h3{color:#333;}
h1, .section-graphic .jump{font-size:182%;margin-bottom:5px;}
.jump{border:1px solid #CCC;}
h2{font-size:136%;margin-bottom:5px;}
.bigger h2{font-size:152%;}
.bigger p{font-size: 136%;margin-bottom: 2em;}
h3{font-weight:bold;}
p{margin-bottom:1em;}
#rightcolumn h2, h2.iconic{background:url('../img/sprite.gif') -50px 3px no-repeat;padding-left:20px;margin-top:15px;clear:both;}
h4.iconic{background:url('../img/sprite.gif') -50px 0px no-repeat;padding-left:20px;}
.feature-box-wide p{padding-left:20px;}
.feature-box h3, .feature-box-wide h3{color:white;padding-top:5px;padding-left:5px;font-weight:normal;height:20px;}
.smaller{font-size:92%;}
.callout{font-size:122%;font-style: italic;color:#999;}
h1 div.submit input{font-size:12px; padding:5px;}
#container h3{margin-bottom:6px;}
sup{font-size:77%;text-decoration: none;}
em{font-style:italic;}
.citation{color:#18377A;}
#subnav-dropdown{background: #FFF;}
.disclaimer{font-size:92%;color:#666;}
/* links */ a.readmore{ clear:both; display: block}
a:link, a:hover, a:active, a:visited{ color:#18377A}
a:hover{text-decoration:none;}
#nav-top a:link, #nav-top a:hover, #nav-top a:active, #nav-top a:visited{ color:#4d4d4d; font-size:92%}

#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:visited{ color:white}
#ft a:link, #ft a:hover, #ft a:active, #ft a:visited{ color:#666; text-decoration:none}
#ft a:hover{text-decoration:underline;}
a.reference{text-decoration: none;}
.success{background:#7888A4;color:white;padding:8px;}
.pdf{
	background:url('../img/icon-pdf.gif') center left no-repeat;
	padding-left:45px;
}
.cleared{clear:left;}
.separated{border-top:1px solid #CCC; margin-top:30px;padding-top:10px;}
/* page decoration */ body{background:#FFF url('../img/bg.gif') repeat-x;margin-top:5px;}
#custom-doc{background:#FFF url('../img/sprite.gif') 0px -400px no-repeat;}
#hd{background:url('../img/corner-topright.gif') top right no-repeat;}
#bd{background:#FFF url('../img/page-bg.gif') repeat-x;}
#rightcolumn {xxbackground:url('../img/rightcolumn-bg.gif') repeat-x;}
#ft{text-align:center;color:#666;background:url('../img/sprite.gif') 0px -90px no-repeat;}

#breadcrumbs{background: url('../img/crumbs-bg.gif') repeat-x;}
.section-graphic{padding:12px 0 0 8px;}
h1 select{border:1px solid #CCC;}

/* positioning */ #logo{margin:15px 0 0px 15px;}
#tagline{position:absolute;top:48px;margin-left:30px;}
#nav-top{float:right;margin-top:10px;margin-right:13px;}





#ft{padding-top:30px;font-size:85%;}
#breadcrumbs{padding:8px;}
#breadcrumbs a{padding:0 4px;}
.callout{float: right;width:13em;padding:6px;margin:0 5px;border-top:1px solid #CCC;border-bottom: 1px solid #CCC;}
h1 div.submit{display: inline;}
#products-chooser{padding-bottom:40px;}
#products-chooser h3{padding-top:5px;}

/* spacers */ .spacer{padding-top:15px;padding-left:10px;}
.spacer-top{padding-top:15px;}
.spacer-bottom{padding-bottom:15px;}
.spacer-left{padding-left:15px;}
ul.spaced li{height:2em;}
ul.roomy li, div.roomy{padding:5px;}
#feature-rotator li{clear:both;}
h2#news-updates{margin-top:20px;}
.contact-form{margin-top:10px;margin-left:10px;}
ul.bulleted{margin-bottom:1em;margin-left:1em;}
ul.bulleted li{padding:3px 0;background:url('../img/sprite.gif') 0px -591px no-repeat;padding-left:10px;}

/* feature boxes */ .feature-box{background:url('../img/sprite.gif') -10px -250px no-repeat;width:225px;margin-bottom:20px;}
.feature-box-wide{background: url('../img/sprite.gif') -250px -250px no-repeat; width:468px;margin-bottom:10px;}
.feature-box-wide p{margin-bottom:0;}
.feature-box div, .feature-box li{font-size: 12px;}

/* forms */ input.small{width:9.5em;margin-right: 5px;}
input.pretty{color:white;background:#7888a4;}

/* pager */ .nav {background: #FFF url('../img/rotator-bg.gif') repeat-x; border-top:1px solid #CCCCCC; padding:8px 0px; clear:both; text-align: center; font-size:92%}
.nav a {padding:8px 5px; color:#999; margin-right:3px; text-decoration: none}
.nav a.highlight {color:#000000; background: #FFF url('../img/hilite-bg.gif') bottom; font-weight:bold; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding-top:11px}
.nav a.pager-prev, .nav a.pager-next{ }
.yui-gc div.first div.first{width:100%;}
.yui-gc div.first .yui-g .yui-u{width:48.1%;}
.bug{border:1px solid #C00;}
.reactions h3{margin-top:15px;}
#product-advantages dt{ font-weight: bold}
#product-advantages dd{ margin-bottom: 10px}
@media handheld{ body{font-family: Arial,sans;}
h1,h2,h3{color:#333;background:#CCC;}
}
dl.contacts dt{font-weight: bold;}
dl.contacts dd{margin-left:.8em;margin-bottom:.8em;}

ul.contacts{margin-bottom:2em;}
ul.contacts li{
	margin-bottom:.4em;
}
/* tables */ table.ice{ width: 100%; margin:1em 0 2em 0; border:1px solid #CCC}
table.ice th{ font-weight: bold; color:white; background: #7888A4; padding: 5px}
table.ice td{ padding: 3px}
table.ice tr{ border-bottom: 1px solid #CCC}

/* edit: this removes the background image */
/**************************/
/*	Navigation			  */
/**************************/
#navigation{background:url('../img/noflash-banner.jpg') left bottom no-repeat;}

#navigation{
	background:url('../img/stripe.gif') bottom no-repeat;
	height:40px;
}
/*
#navigation ul li ul{display: none;}
#navigation ul {padding:10px 10px 0; list-style:none;background:white;}
#navigation li {float:left; background:url("../img/left_both.gif") no-repeat left top; margin-right:2px; padding:0 0 0 9px}
#navigation a {float:left; display:block; width:.1em; background:url("../img/right_both.gif") no-repeat right top; padding:5px 15px 4px 6px;
color:white;text-decoration:none;}
#navigation > ul a {width:auto;}
table.smaller{
	font-size:85% !important;
}

#navigation a:hover {color:#FFF}
#navigation #current,
#navigation li.current_page_ancestor,
#navigation li.current_page_parent,
#navigation li.current_page_item
{background-position:0 -150px; border-width:0}

#navigation #current a {background-position:100% -150px; padding-bottom:5px; color:#FFF}

#navigation li:hover, 
#navigation li:hover a,
#navigation li.current_page_ancestor a,
#navigation li.current_page_parent a,
#navigation li.current_page_item a
{background-position:0% -150px; color:#FFF}

#navigation li:hover a,
#navigation li.current_page_ancestor a,
#navigation li.current_page_parent a,
#navigation li.current_page_item a {background-position:100% -150px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#dd-nav, #dd-nav * {margin:0; padding:0}
#dd-nav #dd-selected{font-size: 182%; border: 1px solid #AAA; padding:5px 30px 5px 5px; background: url('../img/arrow-down.jpg') center right no-repeat}
#dd-nav {line-height:1.0; float:left; margin-bottom:1.5em}
#dd-nav ul {background:#fff; /*IE6 needs this*/ }
#dd-nav li {float:left; list-style:none; position:relative; z-index:999}
#dd-nav a {display:block; float:left; padding: .5em 0 .5em 0; text-decoration:none}
#dd-nav li ul {float:none; top:-999em; position:absolute}
#dd-nav li:hover, #dd-nav a:focus, #dd-nav a:hover, #dd-nav a:active {background:#CFDEFF}
#dd-nav ul li a:hover{color:#666;}
#dd-nav li:hover ul, /* pure CSS hover is removed below */ ul#dd-nav li.sfHover ul {left:-1px; top:2.5em}
#dd-nav li:hover li ul, #dd-nav li.sfHover li ul {top:-999em}
#dd-nav li li:hover ul, /* pure CSS hover is removed below */ ul#dd-nav li li.sfHover ul {top:-1px}


/* page specific styles */

/* contact */
#page-24 h2{
	border-bottom:1px solid #CCC;
}


/*following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears*/ .superfish li:hover ul, .superfish li li:hover ul {top:-999em}
#dd-nav li li {background:#7888A4; float:none; padding-left:10px}
#dd-nav li li li {background:#9AAEDB}
#dd-nav li li a {float:none; padding-right:0; display: block; width:100%}

/* quick hacks for IE */ *html #dd-nav li li {margin-bottom:-3px}
*html #dd-nav li li li {margin-bottom:-1px}
*+html #dd-nav li li {margin-bottom:-3px}
*+html #dd-nav li li li {margin-bottom:-1px}
#subnav-dropdown li.selected{display: block;}
#subnav-dropdown li.selected a:link, #subnav-dropdown li.selected a:hover, #subnav-dropdown li.selected a:active, #subnav-dropdown li.selected a:visited {font-size:182%;text-decoration: none;color:black;}/* Caution! Ensure accessibility in print and other media types... */ @media projection, screen {/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide {display: none}
}

/* Hide useless elements in print layouts... */ @media print {.tabs-nav {display: none}
}
/* Skin */ .tabs-nav {list-style: none; margin: 0; padding: 0 0 0 4px}
.tabs-nav:after {/* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "}
.tabs-nav li {float: left; margin: 0 0 0 1px; /* min-width: 84px; /* be nice to Opera */ }
.tabs-nav a, .tabs-nav a span {display: block; padding: 0 10px; background: url(../img/tab.png) no-repeat}
.tabs-nav a {position: relative; top: 1px; z-index: 2; padding-left: 0; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a {color: #333}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {background-position: 100% -100px}
.tabs-nav a span {width: 44px; /* IE 6 treats width as min-width */ min-width: 44px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0}
*>.tabs-nav a span {/* hide from IE 6 */ width: auto; height: auto}
.tabs-nav .tabs-selected a span {padding-top: 7px}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {background-position: 0 -50px}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {background-position: 0 0}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {/* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {/* @ Opera, we need to be explicit again here now... */ cursor: pointer}
.tabs-nav .tabs-disabled {opacity: .4}
.tabs-container {border-top: 1px solid #CCC; padding: 1em 0; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%}
.tabs-container img{
	clear:both;
}

/* subnav */
.tabnav {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  border-bottom:2px solid #7887A3;
  list-style:none;
margin-top:20px;
margin-bottom:20px;
font-size:85%;
  }
.tabnav ul{display:none;}
.tabnav li {
  display:inline;
  margin:0;
  padding:0;
  }
.tabnav a {
  float:left;
  background:url("../img/tableft4.gif") no-repeat left top;
  background-position:0% -42px;
  margin:0 0 0 4px;
  padding:0 0 0 7px;
  text-decoration:none;

  }
.tabnav a span {
  float:left;
  display:block;
  background:url("../img/tabright4.gif") no-repeat right top;
  background-position:100% -42px;
  padding:5px 15px 4px 6px;
  padding: 5px 13px 4px 3px;
  color:#485771;
color:white;
  }
#subnav{
	font-size:93%;
}
#subnav a{margin-left:2px;padding-left:5px;}
#subnav a span{padding:5px 10px 4px 0;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabnav a span {float:none;}
/* End IE5-Mac hack */
.tabnav a:hover span,
.tabnav li.current_page_item a span,
.tabnav li.current_page_ancestor a span,
.tabnav li.current_page_parent a span{
  color:#6B78A9;
color:white;
  background-position:right top;
  }

.tabnav a:hover,
.tabnav li.current_page_item a,
.tabnav li.current_page_ancestor a,
.tabnav li.current_page_parent a {
  background-position:left top;
  }

#features h3 a{
	color:white;
	text-decoration:none;
}
#main-nav{
	margin-top:10px;
	font-size:108%;
	margin-bottom:0;
}



/*** 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:			200px; /* 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:			25px; /* 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:			200px; /* 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:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
	*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/* color:			#13a; */
}
.sf-menu li {
	/* background:		#BDD2FF; */
}
.sf-menu li li {
	/* background:		#AABDE6; */
	background:#4c5b74;
}
.sf-menu li li li {
	/* background:		#9AAEDB; */
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover {
	background:		#CFDEFF; 
	color:white;
	
	outline:		0;
}
.sf-menu ul a:hover,
.sf-menu ul li.sfHover{
	color:#7887A3;
}
.sf-menu ul li.sfHover {
	color:#7887A3;
}
/* styles */
/* subnav */
.tabnav {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  border-bottom:2px solid #7887A3;
  list-style:none;
margin-top:20px;
margin-bottom:20px;
font-size:85%;
  }
.tabnav li {
  display:inline;
  margin:0;
  padding:0;
  }
.tabnav a {
  float:left;
  background:url("../img/tableft4.gif") no-repeat left top;
  background-position:0% -42px;
  margin:0 0 0 4px;
  padding:0 0 0 7px;
  text-decoration:none;
color:white;
  }
.tabnav a span {
  float:left;
  display:block;
  background:url("../img/tabright4.gif") no-repeat right top;
  background-position:100% -42px;
  padding:5px 15px 4px 6px;
  padding: 5px 13px 4px 3px;
  }
.tabnav span.sf-sub-indicator{
	display:none;
	background:transparent;
	background-position:0;
	float:right;
	padding:0;}

.tabnav ul {
	margin:0;
	margin-left:4px !important;
	}

.tabnav ul li{margin:0 !important;}
.tabnav ul li a{
	background:transparent;
	color:white;
	margin:0;padding:0;
}
.tabnav ul li a span{
	background:transparent;
	padding:4px;
}
.tabnav ul a{float:none;}

/* main nav hovers */
.tabnav a:hover span,
.tabnav li.current-cat a span,
.tabnav li.current_page_item a span,
.tabnav li.current_page_ancestor a span,
.tabnav li.current_page_parent a span{
	color:white;
  background-position:right top;
  }

.tabnav a:hover,
.tabnav li.current-cat a,
.tabnav li.current_page_item a,
.tabnav li.current_page_ancestor a,
.tabnav li.current_page_parent a {
  background-position:left top;
  }
.tabnav ul a:hover,
.tabnav ul a:hover span{
	color:#4c5b74 !important;
}
/*** arrows **/
.sf-menu ul a.sf-with-ul {
	padding-right: 	2.25em;
	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:			.5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* we only want to show arrows on 2nd level or higher menus */
.sf-menu ul span.sf-sub-indicator{display:block;background:url('../img/arrows-ffffff.png') no-repeat -10px -100px;}
/* 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('../img/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;
}
/* news */
.d-list li{
	margin-bottom:10px;
}
.horiz-list{
	margin:10px 0;
}
.horiz-list li{
	display:inline;
	padding-right:8px;
	padding-left:4px;
	border-right:1px solid #666;
	
}
li.last{border:none !important;}

/* order products list */

ul#order-list{
	float:right;
	margin-top:-44px;
	padding-right:20px;
	position:relative;
}

ul#order-list li{
	display:block;
	float:left;
	margin-right:12px;
}

ul#order-list li a{
	height:35px;
	display:block;
	background:url('../img/order-sprite.png') top left no-repeat;
}
ul#order-list li#alfa a{
	width:80px;
}

ul#order-list li#sigma a{
	width:80px;
	background-position:-80px 0;
}

ul#order-list li#strem a{
	width:77px;
	background-position:-160px 0;
}