/*

c3d6d2 - NAV Box overlay
dcece8 - NAV Background
0000cc - NAV l1 normal text
333399 - NAV l1 selected text
*/


/* turn-off right column background for products */
#mpContentRight {
	background-image: none;
	 background-color: #fff;
}

/* left navigation ----------------- **/

#mpContentLeftExt {
	background-color: #dcece8;
	height: 200px;
   display:none;
}

#product-nav {
	padding: 20px 0 0 10px; /* shift the nav right */
	margin: 0;
}

#product-nav a {
	padding: 0 0 0 10px; /* shift the text right */
	margin: 0;
}

/* l2 is level under each divisional heading */
#product-nav ul.l2 {
	padding-bottom: 11px; /* space between the active node and the others */
	padding-left: 10px; /* sub node shift */
}

#product-nav ul.l2 li ul {
	padding-left: 5px; /* sub sub node shift */
}

/* width settings */
#product-nav ul li {
	border-bottom: solid 1px #fff;
	width: 220px; /* 210 + 10(sub node shift) width of background */
}
#product-nav ul li.active {
	border-bottom: solid 0px #fff;
	width: 200px; /* 210 -10 (node shift) width of background */
}

/* Level 2 - background width  */
#product-nav ul.l2 li.active, 
#product-nav ul.l2 li {
	width: 210px; /* 210 width of background */
}

/* Level 3 - background width */
#product-nav ul.l3 li.active, 
#product-nav ul.l3 li {
	background-color: #dcece8;
	width: 200px; /* 210 - 10(sub node shift) width of background */
}

/* Level 4 - background width */
#product-nav ul.l4 li.active, 
#product-nav ul.l4 li {
	width: 195px; /* 210 - 10(sub node shift) - 5(sub sub node) width of background */
}


/* Level 1 - inactive (M) */
#product-nav ul li a {
	color: #00C;
	font-size: 15px;
	line-height: 41px;
	font-weight: normal;
	text-decoration: none;
	height: 25px;
}

/* Level 1 - active (A) */
#product-nav ul li a:hover, 
#product-nav ul li a.active {
	color: #333399;
	font-size: 18px;
	font-weight: bold;
}
/* Level 1 - hover (A) */
#product-nav ul.l1 li a:hover {
	color: #333399;
	font-weight: bold;
}


/* Background Level 2-4  */
/* #product-nav ul li, (don't color in top level) */
#product-nav ul li ul li {
	background-color: #c3d6d2;
}
#product-nav ul li.active {
	background-color: Transparent;
}

/* Level 2 - inactive (L) */
#product-nav ul.l2 li a {
	display: block;
	color: #900;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}

/* Level 2 - hover & active */
#product-nav ul.l2 li a:hover,
#product-nav ul.l2 li a.active {
	display: block;
	background-color: #900;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}

/* Level 3 - inactive(Q) */
#product-nav ul.l3 li a {
	color: #999;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
}

/* Level 3 - hover & active*/
#product-nav ul.l3 li a:hover,
#product-nav ul.l3 li a.active {
	background-color: Transparent;
	color: #333;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}

/* Level 3 - add selected image */
#product-nav ul.l3 li a.selected,
#product-nav ul.l3 li a.selected:hover  {
	display: block;
	background-image: url(images/nav-home-hov.png);
	background-repeat: no-repeat;
	background-position:  right  center ; 
} 

#product-nav ul.l3 li a:hover {
	display: block;
	background-image: url(images/nav-contact-off.png);
	background-repeat: no-repeat;
	background-position: 98% center; 
}

/* Level 4 - inactive */
#product-nav ul.l4 li a {
	color: navy;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
}

/* Level 4 - hover & active */
#product-nav ul.l4 li a:hover,
#product-nav ul.l4 li a.active {
   background-image: none;
	background-color: navy;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
}

/* Level 5 - inactive */
#product-nav ul.l5 li a {
	color: orange;
   font-size: 13px;
	line-height: 22px;
	font-weight: bold;
}

/* Level 5 - hover & active */
#product-nav ul.l5 li a:hover,
#product-nav ul.l5 li a.active {
   background-color:orange;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}

/* Level 5 - add selected image */
#product-nav ul.l5 li a.selected,
#product-nav ul.l5 li a.selected:hover  {
	display: block;
	background-image: none; /*url(images/nav-home-hov.png);*/
	background-repeat: no-repeat;
	background-position:  right  center ; 
} 

#product-nav ul.l5 li a:hover {
	display: block;
	background-image: none; /*url(images/nav-contact-off.png);*/
	background-repeat: no-repeat;
	background-position: 98% center; 
}

/* When GO btn is added the bottom border disapers, put it back */
#product-nav ul.l3 li a.active, 
#product-nav ul.l4 li a.active {
	border-bottom: solid 1px #fff;
}

/* 
** Links at the bottom of the product nav --------------------------- **
*/

#productLinks {
	padding: 0 0 40px 28px;
	margin: 30px 0;
}
#productLinks ul li a {
	color: #666;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	text-decoration: none;
}
#productLinks ul li a.external {
   padding-right: 12px;
}

#productLinks ul li a:hover {
	color: #f33;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
/* 
** BreadCrumbs --------------------------- **
*/
a.breadCrumb {
	font-size: 10px;
	color: #666;
}
span.breadCrumb {
	padding-bottom: 10px;
	font-size: 8px;
	color: #000;
}


/* Box styles - NOTE: The box class is styled in style.css */
.box {
	width: 443px;
}

.box span {
	color: #FF6600;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

.box .read-more {
	width: 425px;
}



/* Product Splash */
#productSplash {
   	margin: 29px 42px 0; /* top, left/right margins */
}
#productSplash h2 {
   font-size:14px;
   color: #000;
}

#productSplash p {
   font-size:12px;
   color: #000;
   margin: 10px 0;
}


/* Product Detail */
#productDetail {
	margin: 29px 25px 0; /* top, left/right margins */
}

.headline,
#productDetail .headline {
	color: #f33;
	font-size: 18px;
	font-weight: normal;
   margin-bottom:16px;
}

.productSubhead,
#productDetail .productSubhead {
	color: #039;
	font-size: 14px;
	line-height: 0px;
	font-weight: bold;
	margin:  30px 0 0 0;
	padding:0;
}

/* text subhead */
.textSubhead,
#productDetail .textSubhead {
	color: #039;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 0px;
}


#productDetail ul {
   margin: 0;
   padding: 0;
	margin-bottom: 10px;
}
#productDetail li {
   list-style: disc outside;
   margin-left: 36px;
}


#productDetail dl {
   margin: 10px 0;
}

#productDetail dt {
   font-size: 14px;
}
#productDetail dd {
   margin: 10px 0;
   font-size: 12px;
}

#productDetail p {
	font-weight: normal;
	line-height: 16px;
	margin: 10px 0;
}

span .intro,
#productDetail span.intro {
   display: block;
   font-family:Arial;
   line-height: 17px;
	font-weight: bold;
	margin: 10px 0;
}

#productDetail table
{
   width:100%;
   margin:10px 
}


/* Product Insert --------------------------- **/
/*
#productInsert {
	background-image: url(images/bg-rcol-productInsert.png);
	background-repeat: no-repeat;
}
*/

#productInsert .nav {
   background-image: url(images/bg-rcol.png);
   background-repeat: no-repeat;
   margin-top: 0;
   padding: 20px 30px;
   background-color:#c3d6d2
   
}

#productInsert .img {
   text-align: center;
   margin-top: 0px;
   padding: 0;
   margin: 0;
}

/* image */
#productInsert .img {
   text-align: center;
   margin-top: 0px;
   padding: 0;
   margin: 0;
}

#productInsert .productName {
   font-size: 17px;
   font-weight: bold;
   color: #f33;
   margin: 0 ;
   padding: 0;
   text-align: center;
}

#productInsert .brochure {
   background-image: url(images/bg-rcol.png);
   background-repeat: no-repeat;
   margin-top: 20px;
   padding: 20px 30px;
   background-color:#c3d6d2
}

#productInsert .brochureHead {
   font-size: 14px;
   font-weight: bold;
   color: #f60;
   margin: 0 ;
   padding: 0;
}

#productInsert ul li {
   border-top: solid 1px #fff;
}


#productInsert ul.links {
   margin-top: 30px;
}

#productInsert a.pdf {
   font-size: 13px;
   color: #000;
   text-decoration: none;
   padding-right: 12px
}

#productInsert a.contact {  
   font-size: 14px;
   color: #000;
   text-decoration: none;
   padding: 25px 0 20px 0;
}

#productInsert a.buynow {
   font-size: 14px;
   font-weight: bold;
   color: #039;
   text-decoration: none;
   margin-top: 20px;
   padding-right: 12px
}

#productInsert a:hover {
 	color: #f33;
}

/* ------------------------------------------ */
#mpContentLeftExt {
	width: 247px;
	height: 459px;
	background-image: url(images/bg-lcol.png);
	background-repeat: no-repeat;
}

.read-more {
   width: 190px;	
    margin-left: 09px; 

}


.flashHolder {
	background-image: url(images/flash-golf.jpg);
}