@CHARSET "ISO-8859-1";
/* #00559d */

div.Navigation-left { background-position: bottom; background-repeat: no-repeat; }

.Navigation-left { width: 180px; white-space:normal; white-space-collapse: collapse; } 
.bcmain  { width: 760px; white-space:normal; white-space-collapse: collapse; }

#yui-main { 
	background-image: url('../../images/bc/lifestyle/leftlifestyle2.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#nav_top
{
	visibility: hidden;
	height: 20px;
	background: white;
	border: 0;
	padding-bottom: 2px;
	border-bottom: 6px solid #083477;
	text-align: center;
	position: relative;
	z-index: 99999;
}
div#nav_top ul li
{
	border: 0;
	margin-left: 2em;
}
div#nav_top ul li.first-of-type
{
	margin-left: 3.8em;
}
* html div#nav_top ul li.first-of-type
{
	margin-left: 2em;
}
div#nav_top ul li a, div#nav_top ul li a:hover
{
	padding: 0 1.75em 0 1em;
	margin-left: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
}
div#nav_top ul li ul li, div#nav_top ul li ul li.first-of-type { margin-left: .25em; }
div#nav_top ul li ul li a, div#nav_top ul li ul li.first-of-type a { left: 0; }
div#nav_top ul li.yuimenubaritem-hassubmenu div.yuimenu div.bd { background: RGBA(255,255,255,0.9);  width: 100%; height: 100%; }

div#BreadCrumb
{
	font-weight: bold;
	text-align: left;
	padding: 6pt 18pt 0 6pt;
	margin-bottom: 9pt;
	font-size: 8pt;
}
div#BreadCrumb a
{
	color: #00559D;
	text-decoration: none;
	font-weight: normal;
}
.yui-skin-sam .yuimenuitemlabel, .yui-skin-sam .yuimenubaritemlabel {
	cursor: pointer;
}

#NavNew {
	text-align: right;
	padding-top: 24px;
	background-color: transparent;
	position: relative;
}
#NavNew div.Navigation { padding: 32pt 6pt 0 3pt; }
#NavNew ul li { font-size: 1em; color: black; font-weight: bold; }
#NavNew ul li ul li { font-weight: normal; color: #777; }
#NavNew ul li ul.press li.small { font-size: 85%; margin: 1pt 0; }
#NavNew ul li ul li ul li { }
#NavNew ul li ul li ul li ul li { }
#NavNew ul li.product { margin: 2pt 0; font-size: 10px; }
#NavNew ul li a { color: inherit; text-decoration: none; }
#sitemap { margin-top: 10px; }

#NavNew ul>li { margin-bottom: 3px; }
#NavNew ul>li.category { background: url("/images/generic/arrow_left.gif") 100% 3px no-repeat; }
#NavNew ul>li.category.open { background-image: url("/images/generic/arrow_down.gif"); }
#NavNew ul>li.category>a { font-weight: bold; font-size: 13px; color: #900; padding-right: 12px; }
#NavNew ul>li.category>ul { margin-bottom: 6px; margin-top: 3px; }
#NavNew ul>li.category>ul>li.category { font-weight: bold; }
#NavNew ul>li.category>ul>li.category>a { font-size: 12px; color: #400; }
#NavNew ul>li.product { font-size: 12px; color: #00559d; margin-bottom: 3px; }
#NavNew ul>li.product a:hover { color: #009; }
#NavNew ul>li.product:first-child { margin-top: 6px; }
#NavNew ul>li.product.selected { font-weight: bold; }

#new_sitemap { font-size: 9pt; background-color: #00559D; background-image: url('../../images/bc/footer-images.png'); background-repeat: no-repeat; background-position: bottom right; padding-left: 40px; margin-top: 4px; }
.sitemap .sitemap_section { width: 170px; float: left; padding: 10px; }
.sitemap .sitemap_section.thin_section { width:150px; }
.sitemap .sitemap_section a { color: white; }
.sitemap .sitemap_section li { line-height: 150%; }
.sitemap .sitemap_section li.section_header { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.sitemap .sitemap_section li.separator { height: 12px; }

.NavItem { z-index: 100; }


#MainMenu { font-size: 12px; position: relative; }
#MainMenu>ul>li { display: block; float: left; }
#MainMenu>ul>li>a {
	display: block; background: white; padding: 12px 0; margin-right: 1px; color: #888; font-size: 12px; text-transform: uppercase; font-weight: bold;
  -moz-box-shadow: 10px 10px 10px RGBA(0,0,0,.4); /* Firefox */
  -webkit-box-shadow: 10px 10px 10px RGBA(0,0,0,4); /* Safari and Chrome */
  box-shadow: 10px 10px 10px RGBA(0,0,0,.4); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#MainMenu>ul>li:last-child>a {
	
	}
#MainMenu>ul>li:first-child>a,#MainMenu>ul>li:first-child {
  -moz-border-radius: 5px 0 0 5px; /* Firefox */
  -webkit-border-radius: 5px 0 0 5px; /* Safari and Chrome */
  border-radius: 5px 0 0 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc');
}
 
#MainMenu>ul>li:last-child>a,#MainMenu>ul>li:last-child {  -moz-border-radius: 0 5px 5px 0; /* Firefox */
  -webkit-border-radius: 0 5px 5px 0; /* Safari and Chrome */
  border-radius: 0 5px 5px 0; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#MainMenu>ul>li a:hover,#MainMenu>ul>li.open>a { color: black; }
#MainMenu>ul>li>ul { display: none; position: absolute; 
  -moz-border-radius: 0 0 10px 10px; /* Firefox */
  -webkit-border-radius: 0 0 10px 10px; /* Safari and Chrome */
  border-radius: 0 0 10px 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  padding: 5px;
  border: 0;
  -moz-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Firefox */
  -webkit-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Safari and Chrome */
  box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */ }
#MainMenu>ul>li>ul>li>ul { display: none; position: absolute; left: 200px; top: 0; background: white; }

#MainMenu>ul>li>ul,#MainMenu>ul>li>ul>li>ul { background-color: white; border: 1px solid #ddd; z-index: 100; width: 200px; }
#MainMenu>ul>li>ul>li,#MainMenu>ul>li>ul>li>ul>li { position: relative; }

#MainMenu>ul>li>ul li a { display: block; padding: 6px 12px; font-weight: bold; font-size: 13px; }

#MainMenu>ul>li>a { padding: 6px 9px; }


#MainMenu ul.columns li ul { display: block; }
#MainMenu ul.columns.chums_products { width: 950px; position: absolute; left: -165px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  padding: 5px;
  border: 0;
  -moz-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Firefox */
  -webkit-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Safari and Chrome */
  box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#MainMenu ul.columns li.col { width: 150px; }
#MainMenu ul.columns li { font-weight: bold; font-size: 13px; }
#MainMenu ul.columns li ul li { font-weight: normal; font-size: 12px; }
#MainMenu ul.columns li ul li a { padding: 2px 12px; color: #999; }
#MainMenu ul.columns li ul li a:hover { color: black; }
#MainMenu ul.columns li ul { background: transparent; border: 0; }

#MainMenu ul.columns li { display: none; }
#MainMenu ul.columns .columnar li { display: block; }

#MainMenu ul.columns .columnar>ul { float: left; width: 150px; }

#MainMenu li.link-beyondcoastal { background: url('/images/chums/elements/BtnMiddle_BC.png') repeat-x; }
#MainMenu li.link-chumssafety { background: url('/images/chums/elements/SafetyBtnRepeatingPattern.png') repeat-x; }
#MainMenu li.link-beyondcoastal a { padding-left: 25px; background: url('/images/chums/elements/SmallBCIcon.png') no-repeat left; background-position: 5px 3px; color: #6da3ca !important; }
#MainMenu li.link-beyondcoastal a:hover { color: white !important; }
#MainMenu li.link-chumssafety a { padding-left: 25px; background: url('/images/chums/elements/SmallSafetyIcon.png') no-repeat left; background-position: 5px 7px; }

#CartContentsDropDown { display: none; width: 250px; max-height: 200px; overflow: auto;
	position: absolute; right: -5px; 
  -moz-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Firefox */
  -webkit-box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Safari and Chrome */
  box-shadow: 5px 5px 10px RGBA(0,0,0,.6); /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url('/www/css/chums/ie-css3.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */
  background: white; border: 1px solid #ddd;
  z-index: 100;
}
#CartContentsDropDown h3 { font-weight: bold; text-align: left; padding: 9px; font-size: 11pt; }
.cartItemsTable tr td { border-bottom: 1px solid #ddd; } 
.cartItemsTable .product_name { font-weight: bold; font-size: 11pt; }
.cartItemsTable .table_product {  padding: 9px; }
.cartItemsTable td.table_quantity { width: 3em; text-align: center; font-size: 11pt; }
