#subnav ul li { width: 24%;}

/***** begin: tabs ******/
#tabGroup .panel {  width: auto; background: #fff; float: left; clear: both; margin: 0; padding: 0 7px; border-right: 1px solid #afafaf; border-bottom: 1px solid #afafaf; border-left: 1px solid #afafaf; }
#tabGroup .content { float: left; clear: both; width: 782px !important; width: 100%; margin: 0; padding: 10px 0; }
#tabGroup .content ul { margin-top: 0; margin-bottom: 0; }
#tabGroup .content ul { margin-left: 0px; padding-left: 25px; }
#tabGroup .content ul ul { list-style-type: circle; }
#tabGroup .content ul li { margin-bottom: 10px; }

#tabGroup { float: left; clear: both; width: 100%; margin-bottom: 15px; padding: 0; }
#tabGroup ul#tabGroup_tabs { display: block; height: 22px; margin: 0; padding: 0; list-style: none; text-align: center; background: url("http://www.mindspeed.com/mspd/images/layout/tabs-bg.gif") bottom left repeat-x; }
#tabGroup ul#tabGroup_tabs li { float: left; margin: 0 6px 0 0; padding: 0; font-size: .9em; font-weight: bold; height: 22px; background: url("http://www.mindspeed.com/mspd/images/layout/tab_inactive_right.gif") top right no-repeat; }
#tabGroup ul#tabGroup_tabs li a { float: left; margin: 0; height: 22px; line-height: 22px; padding: 0 10px 0 10px; font-weight: normal; color: #666; text-decoration: none; background: url("http://www.mindspeed.com/mspd/images/layout/tab_inactive_left.gif") top left no-repeat; }
#tabGroup ul#tabGroup_tabs li.current { background: url("http://www.mindspeed.com/mspd/images/layout/tab_active_right.gif") top right no-repeat; }
#tabGroup ul#tabGroup_tabs li.current a{ color: #666; font-weight: bold; background: url("http://www.mindspeed.com/mspd/images/layout/tab_active_left.gif") top left no-repeat; }
#tabGroup ul#tabGroup_tabs li a:hover { text-decoration: underline; }
/******* end: tabs ******/

/******* begin: block diagrams ******/
#schematics { padding: 0; text-align: center; }
#schematics h4 { padding: 10px 0; text-align: left; text-decoration: underline; }

#schematics ul#diagMainTypes { width: 100%; height: 24px; line-height: 24px; font-size: .8em; margin: 0 0 10px 0; padding: 0 0 10px 0; list-style-type: none; text-align: center; }
#schematics ul#diagMainTypes li { cursor: pointer; text-decoration: underline; display: inline; color: #666; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #666; }
#schematics ul#diagMainTypes li.lastMainType { border: none; clear: right; }
/********* end: block diagrams ******/

/******* begin: ordering info ******/
.partNum { width: 25%; }
.partDesc { width: 45%; }
.package { width: 10%; text-align: center; }
.pin { width: 10%; text-align: center; }
.statusIcon { width: 10%; text-align: center; }
/********* end: ordering info ******/

/********** begin: documentation *********/
#docTree ul#docMainTypes { width: 100%; height: 24px; line-height: 24px; font-size: .8em; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#docTree ul#docMainTypes li { cursor: pointer; text-decoration: underline; display: inline; color: #666; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #666; }
#docTree ul#docMainTypes li.lastMainType { border: none; clear: right; }

#docTree h3 { width: 100%; margin: 5px 0; }
#docTree ul { list-style-type: none; }
#docTree ul li h4 { padding-left: 17px; background: url("http://www.mindspeed.com/mspd/images/layout/expand_icon.gif") left no-repeat; }
#docTree ul li h4.current { background: url("http://www.mindspeed.com/mspd/images/layout/collapse_icon.gif") left no-repeat; }
#docTree ul li h4 a.expanded { background: url("http://www.mindspeed.com/mspd/images/layout/collapse_icon.gif") left no-repeat; }
#docTree ul ul li {  margin-left: 5px; list-style-type: disc; color: #ffa918; }
#docTree ul ul li em { color: #333; }

.hidden { display: none; }
#docTree .handle { cursor: pointer; text-decoration: underline; }
/************ end: documentation *********/

/*********** begin: product index **************/
#prodHome { float: left; clear: both; text-align: center; margin: 15px auto; padding: 0 50px; width:100%; }
#prodHome ul { text-align: left; margin: 5px 10px 0 27px; padding: 0; list-style-type: disc; color: #ffa918; }
#prodHome ul li { margin: 0; padding: 5px 0 5px 0; font-size: .8em; font-weight: bold; }
#prodHome a { color: #333; text-decoration: none; }
#prodHome a:hover { color: #666; text-decoration: underline; }

#family_0 { float: left; clear: left; width: 212px; height: 362px; margin: 0 30px 0 0; }
.family_0 { background: url(../images/product/home/family_0.jpg) left top no-repeat; }
.family_0_over { background: url(../images/product/home/family_0_over.jpg) left top no-repeat; }

#family_1 { float: left; width: 212px; height: 362px; margin: 0 30px 0 0; }
.family_1 { background: url(../images/product/home/family_1.jpg) left top no-repeat; }
.family_1_over { background: url(../images/product/home/family_1_over.jpg) left top no-repeat; }

#family_2 { float: left; clear: right; width: 212px; height: 362px; margin: 0; }
.family_2 { background: url(../images/product/home/family_2.jpg) left top no-repeat; }
.family_2_over { background: url(../images/product/home/family_2_over.jpg) left top no-repeat; }
/************ end: product index ************/

/*********** begin: product category ***********/
.byApplication { background-color: #ffa918; }
#catBox { margin: 5px 0 0 0; padding: 0; background: #fff; }
table#prodTable { width: 100%; margin: 0; padding: 0; border: none; background-color: #369; }
table#prodTable th { width: 50%; background-color: #369; color: #fff; font-size: 1.1em; text-align: center; padding: 2px; }
table#prodTable tr { background: #fff; }
table#prodTable tr td { vertical-align: top; padding: 2px; }
table#prodTable tr td ul { margin-top: 10px; }
/*************** end: product category *********/

/*********** begin: product info **************/
#prodBox { width: 100%; margin: 5px 0; }
#product ul li p { margin-left: 0; }
#product h1 { text-align: left; }
#prodDescription { padding-bottom: 10px; margin-bottom: 5px; width: 100%; float: left; clear: both; }
#prodDescription p { margin-left: 0; margin-right: 0;   }
#prodDescription ul li { padding: 3px 0; }
#prodDescription table { width: 100%; border: none; }

#prodApps { background: #efefef; width: 100%; margin: 5px 0 0 0; padding: 3px 0; }
#prodApps ul { margin: 0 0 0 0; padding-left: 25px; }
#prodApps ul li { margin-bottom: 10px; }
/************* end: product info **************/

/********** begin: tree *********/
#tree p { margin: 5px 0; }
#tree ul { float: left; clear: both; width: 90%; font-size: 1.3em; font-weight: bold; list-style-type: disc; color: #ffa918; margin: 0; padding: 5px 15px; }
#tree ul.treeFamily { list-style-image: url("../images/arrow.gif"); padding-bottom: 10px; }
#tree ul li { padding-top: 4px; padding-bottom: 4px; }
#tree ul ul { float: none; font-size: .75em; font-weight: normal; list-style-image: none; margin: 0; padding: 5px 15px; }
#tree ul ul ul{ float: none; font-size: 1.0em; font-weight: normal; margin: 0; padding: 5px 15px; }
#tree ul ul ul ul{ float: none; font-size: 1.0em; font-weight: normal; margin: 0; padding: 5px 15px; }
#tree ul ul ul ul ul{ float: none; font-size: 1.0em; font-weight: normal; margin: 0; padding: 5px 15px; }
/************ end: tree *********/

.myProduct { float:left; clear: both; width: 100%; height: 18px; line-height: 18px; margin: 0 0 10px 0; padding: 0; font-size: .85em; text-align: right; }
.myProduct img { margin: 0; padding: 0; }
.tabContent .myProduct { background: #efefef; padding: 0 3px 0 0;}
.nda,
.permission { font-size: .9em; color: #f00; }

/**** begin: application details ****/
#appDiagram { text-align: center; padding-bottom: 15px; }
#appDiagram .opts { position: absolute; z-index: 2; background: #fff; border: 1px solid #999; padding: 5px; display: none; width: 275px; text-align: left; background: repeat; /* transparent url(../images/overlay.png)*/ }
#appDiagram .opts a { display: block; padding: 3px; }
#appDiagram #transparent { position: absolute; z-index: 1; width: 300px; height: 200px; border: 1px; display: none; }
/****** end: application details ****/

/**** begin: cpe tabs ****/
#cpeLang { float: left; clear: both; width: 100%; margin-bottom: 15px; padding: 0; height: auto; }
#cpeLang .content { float: left; clear: both; width: 100%; height: auto; margin: 0 0 10px 0; padding: 0; }
#cpeLang ul#cpeLang_tabs { display: block; height: 18px; margin: 0; padding: 0; list-style: none; }
#cpeLang ul#cpeLang_tabs li { float: left; margin: 0 6px 0 0; padding: 0; font-size: .9em; font-weight: bold; border-right: 1px solid #333;  }
#cpeLang ul#cpeLang_tabs li.last { border-right: none;  }
#cpeLang ul#cpeLang_tabs li a { float: left; margin: 0; padding: 0 10px 0 0; font-weight: normal; color: #666; }
#cpeLang ul#cpeLang_tabs li.current {  }
#cpeLang ul#cpeLang_tabs li.current a{ color: #666; font-weight: bold; text-decoration: none; }
#cpeLang ul#cpeLang_tabs li a:hover { text-decoration: none; }
/**** end: cpe tabs ****/