/* ================================
    CSS STYLES FOR THE PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
/* MM removed header bg)*/
/* MM Changed font-family from VHS  to AHVS *//*
.HeadBg
{
    background-color: #FFFFFF;
} */

/* background color for the content part of the pages */
/*Body
{
    background-color: #FFFFFF;
} */
/*
Body
{
    background: url( 'images/body_bg.gif' ) repeat left top;
}*\
/*
bodyClass
{
    background-color: White;
}
*\
    
/* PAGE BANNER */
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: White;
}

/* background/border colors for the selected tab */
.TabBg
{
	background-color: #cccccc; /*border-color: #008A3F;*/
}
.mainTable
{
	background-color: white;
}

.activeTopMenuLink {
    background-color: white;
    border: 1px solid #008A3F!important;
}
    .activeTopMenuLink a {
        color: #008A3F !important;
    }

/* background/border colors for the unselected tabs */
/* MM changed baground color */
.OtherTabsBg
{
	background-color: #008A3F;
	color: white;
	font-size: 11px;
}

.OtherTabsBg1 {
    /*background-color: #008A3F;*/
    color: white;
    font-size: 11px;
    margin-top:10px;
}
.mainContentPanel
{
	width: 510px;
}
.MiddleEffects
{
	background-image: url('images/page_shadow_left.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color: white;
	visibility: visible;
	width: auto;
}
.widthFive
{
	width: 5px;
}
.RightPane
{
	background-image: url('../images/page_shadow_right.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #FFFFFF;
}
.RightPaneSml
{
	background-image: url('../images/page_shadow_right.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #FFFFFF;
	width: 5px;
}
.LeftPane
{
	padding: 0px;
	margin: 0px;
	background-image: url('../images/page_shadow_left.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFFF;
}
.LeftPaneSml
{
	background-image: url('../images/page_shadow_left.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFFF;
	width: 5px;
}
/* text style for the selected tab */
.SelectedTab
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	background-color: #008A3F;
	color: #fff;
	font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	color: white;
	text-decoration: none;
	font-weight: bold;
    white-space: pre-wrap; /* CSS3 */   
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */   
    white-space: -o-pre-wrap; /* Opera 7 */   
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* hyperlink styles of the unselected tabs */
/* MM changed font-color */
A.OtherTabs:link
{
	text-decoration: none;
	color: #fff;
}
/* MM changed font-color */
A.OtherTabs:visited
{
	text-decoration: none;
	color: #272727;
}
/*MM changed font color */
A.OtherTabs:active
{
	text-decoration: none;
	color: #008A3F;
}
/* MM removed underline from Hover, and changed text color*/
A.OtherTabs:hover
{
	color: #000;
}



/* text style for the unselected tabs */
.OtherTabsHome {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* hyperlink styles of the unselected tabs */
/* MM changed font-color */
A.OtherTabsHome:link {
    /*
    color: #fff;*/
    text-decoration: none;
    display: block;
    padding: 10px;
    font-weight: bold;
    color: #666;
    /*border-right: solid 1px #ccc;*/
}
/* MM changed font-color */
/*A.OtherTabsHome:visited {
    text-decoration: none;
    /*color: #272727;*/
    /*background-color: #f1f1f1;*/
}*/
/*MM changed font color */
A.OtherTabsHome:active {  
    color: #007e3a;
    border-right: #fff;
}
.otherTabsHomeActive {
    color: #007e3a !important;
    background-color: #f1f1f1;
    border-right: #fff;
}
/* MM removed underline from Hover, and changed text color*/
A.OtherTabsHome:hover {
    /*color: #000;*/
    /*background-color: #f1f1f1;*/
}
#WelcomeMessage
{
    font-weight:bold;
}


/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* hyperlink style for the site links */
A.SiteLink:link
{
	text-decoration: none;
	color: white;
}

A.SiteLink:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SiteLink:active
{
	text-decoration: none;
	color: #eeeeee;
}

A.SiteLink:hover /* MM  removed underline*/
{
	color: white;
}

/* style for separator between site links */
.Accent
{
	color: red;
	font-weight: bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-size: 11px;
	background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #008A3F;
}



/* GENERAL */
/* style for module titles */
.Head
{
	/*font-family: Verdana, Helvetica, sans-serif;*/
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #008A3F;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Maroon;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.normal2, .Normal
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

/* text style used for Lean Quote buttons to accomodate Korean text */
.NormalButton-Kor
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.NormalRed
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalBold
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.MandatoryText
    {
        border-width: 1px;
        border-style: solid;
        border-color: Highlight;
        background-color: #FAFAD2;
        font-family: Arial,Helvetica,Verdana,sans-serif;
        font-size: 12px;
        font-weight: normal;
    }
    
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */

A.CommandButton:link
{
	text-decoration: underline;
	color: Maroon;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: Maroon;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: Maroon;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: Red;
}


/* GENERIC */
H1
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #008A3F;
}

H4
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #008A3F;
}

H5, DT
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #008A3F;
}

H6
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #008A3F;
}

TFOOT, THEAD
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	color: #008A3F;
}

TH
{
	vertical-align: baseline;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #008A3F; /*border-color:#006020;*/
	color: white;
}

/*EXTRA*/
TD /*Just like Normal to avoid creatind div class= tag every time...*/
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	/*line-height: 12px;*/
}



A:link
{
	text-decoration: none;
	color: #008A3F;
}

A:visited
{
	text-decoration: none;
	color: #008A3F;
}

A:active
{
	text-decoration: none;
	color: #008A3F;
}
/* MM removed underline */
A:hover
{
	color: red;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

HR
{
	color: Gray;
	height: 1pt;
	text-align: left; /*visibility: hidden; to be consistent with littelfuse.com*/
}



/*lf.css definitions*/
div#ind_sol
{
	margin-top: 20px;
	margin-right: 1px;
	padding-top: 20px;
	border-top: 1px solid #999;
}

div#ind_sol table tr td
{
	vertical-align: top;
}
div#ind_sol table tr td a
{
	font-size: 10px;
	color: #444;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
div#ind_sol table tr td a:hover
{
	color: #008A3F;
}
div#ind_sol table tr td a.icon img
{
	margin: 2px 0 0 2px;
}
div#ind_sol table tr td a.icon
{
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid #999;
}
div#ind_sol table tr td a.icon:hover
{
	border-color: #444;
}

h1, h2, h3, h4, h5, h6
{
	color: #008A3F;
	font-weight: bold;
	line-height: 100%;
	margin: 0;
}

/* MM Definitions */

 #GrayOut {
        position: absolute;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: white;
        opacity: .8;
    }
     .ajax-loader
    {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -32px; /* -1 * image width / 2 */
        margin-top: -32px; /* -1 * image height / 2 */
        display: block;
    }

.meter_wrapper {
        width: 100px;
        height: 4px;
    }
    .meter {
        width: 0px;
        height: 4px;
    }
    .txtclass
    {
         height: 50px;  
    padding: 0 10px;  
    border: none;  
    background: #dde0e7;  
    background: #dde0e7;  
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);      
    text-indent: 10px;  
    font-size: 20px;  
    width: 300px; 
    }
    .txtclass:focus {  
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15);  
    outline: none;  
    background: #fefefe;  
    background: #fefefe;  
    outline: solid 1px black;  
}  
    .cpbtn {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
    .cpbtn:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
    .pswdvweek {
        width: 80px;
        background-color: red;
        font-weight:bold; 
        font-size:16px;
        color: red;
    }
     .pswdweek {
        width: 160px;
        background-color: #ff6a00;
        font-weight:bold; 
        font-size:16px;
        color: #ff6a00;
    }
      .pswdbtr {
        width: 240px;
        background-color: #ffd800;
        font-weight:bold; 
        font-size:16px;
        color: #ffd800;
    }
       .pswdgrt {
        width: 320px;
        background-color: rgb(0, 255, 64);
        font-weight:bold; 
        font-size:16px;
        color: rgb(0, 255, 64);
    }
       .cpswdnomatch {
        width: 320px;
        background-color: red;
        font-weight:bold; 
        font-size:16px;
        color: rgb(0, 255, 64);
    }
       .cpswdmatch {
        width: 320px;
        background-color: rgb(0, 255, 64);
        font-weight:bold; 
        font-size:16px;
        color: rgb(0, 255, 64);
    }

.width20 {
    width: 20%;
}

.pswderrmsg {
color:red;
font-size:14px;
}

.pswdrulestd {
float: left;
margin-left: 10px;
margin-top:5px;
}

.pswdruleslbl {
color:#3a7d34;
font-size:14px;
}

.pswdrulesul {
    color:#3a7d34;
    font-size:12px
}

.admintb {
display: block;
 border: 2px solid #cccccc;
}

.admintr {
display: block; 
border-bottom: 2px solid #cccccc;
}

.width320 {
    width: 320px;
}

.admintd {
margin-left: 10px;
margin-top:5px;
}
.adminlbl {
color:#3a7d34;
font-size:14px
}
.adminul {
color:#3a7d34;
font-size:12px; 
margin: 0;
padding: 0; 
list-style-type: none;
}

.font16 {
font-size:16px;
}

/***/
.product-availability {
    margin: 20px 0;
}

    .product-availability table {
        width: 100%;
        margin: 20px 0;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    }

        .product-availability table th {
            background-color: #666!important;
            color: #fff;
            padding: 12px 8px;
            font-size: 14px;
            text-align: center;
        }

        .product-availability table tr:nth-child(even) {
            background-color: #f1f1f1!important;
        }

        .product-availability table td {
            padding: 8px;
            vertical-align: middle;
            font-size: 14px;
            border-right: 1px solid #ddd;
        }

            .product-availability table td:last-child {
                border-right: none;
            }

.scrollable tbody {
    display: block;
    overflow-y: auto;
    max-height: 185px;
}

.scrollable thead,
.scrollable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.scrollable td a {
    text-transform: uppercase;
}
/***/