
/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
	position: static;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
img
{
     border: 0px;
}

p
{
    font-size: 75%;
}

a
{
    font-weight:bold;
    color: #336699;
}

DIV#TopBanner
{
	width:inherit;
	border: 0px;
}

DIV#Columns
{
	position:relative;
	width:100%;
}

DIV#LeftColumn
{
	position: absolute;
	left:0px;
	padding-left:5px;
	width: 196px;
}

DIV#RightColumn
{
	position: static;
	width: auto;
	margin: 0px 0px 0px 200px;
}

/* Feature Box Styles */

DIV.FeatureBox
{
	position:relative;
	margin-bottom: 5px;
}

DIV.FeatureBoxContent, div.ImageList a, div.SupplierDescription, div.PageMessage
{
	border: 1px solid #999999;
	padding: 0px 5px 5px 5px;
	background: #f1f1f1 url(/Images/Layout/FeatureBoxBG.gif);
}

div.FeatureBoxContent h2
{
    border: 1px solid #666666;
    margin: 1px 1px 1px 1px;

}

div.PageMessage
{
    font-weight: bold;
    font-size: 75%;
}

div.SupplierDescription
{
    font-size: 75%;
    border: 1px solid lightblue;
}

DIV.FeatureBoxHeader
{
	padding-left: 33px;
	font-size: 75%;
	font-weight: bold;
	height:32px;
}

IMG.FeatureIcon
{
	position: absolute;
	top:0px;
	left:0px;
	border: 0px;
}

/* End Feature Box Styles */

/*
	Main Body Content
*/

DIV#NavigationBar
{
	position:relative;
	background: #bfe169 url(/Images/Layout/NavigationBarBG.gif);
	height: 40px;
}

IMG#NavigationBarLeftEnd
{
    z-index: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}

IMG#NavigationBarRightEnd
{
	position: absolute;
	right: -1px;
	top: 0px;
	border:0px;
}

/*
	Page Title
*/

DIV#PageTitle
{
	position:relative;
	background: #A9A9A9 url(/Images/Layout/PageTitleBG.gif);
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	font-size: 175%;
	padding: 15px 0px 15px 10px;
}


/*
	Content
*/


DIV#PageContent
{
	position:relative;
	display:block;
	padding: 5px;
	border: 1px solid #666666;
	height: 500px;
	background: #FFFFFF url(/Images/Layout/PageContentBG.gif) repeat-x 0 100%;
	height: 100%;
}


DIV#PageContent:after { content: ""; display: block; height: 0; clear: both; }

DIV#PageContent p
{
	font-size: 75%;
}

div.ImageList
{
	position:relative;
	text-align:center;
}

DIV.ImageList Img.Portrait, DIV.ImageList Img.Landscape
{
	text-align:center;
	
	border: 1px #666666 solid;
	margin-bottom: 5px;
}


DIV.ImageList img.Portrait
{
	padding: 5px 23px 5px 22px;
	border: 1px #666666 solid ! ;
}

DIV.ImageList img.Landscape
{
	padding: 23px 5px 22px 5px;
}
	
Div.ScrollImageArea IMG
{
	border: 1px #666666 solid;
}

div.clear
{
	clear: both;
}

ul.RangeBulletList, ul.AttrBulletList
{
	list-style: url(Images/Layout/BulletListPoint.gif) square

}

a.RangeBulletLink
{
	font-size: 90%;
	color: #333333;
	text-decoration: none;
}

.CenteredContent
{
	text-align:center;
}

div#NavigationBar ul li a
{
	display:block;
	color: #333333;
	text-decoration: none;
	text-transform:capitalize;
	background: url(/Images/Layout/LimeGreenBG.gif) repeat-y;
    margin-left: 5px;	
}

div#NavigationBar ul li a:Hover
{
	color: #336600;
	text-decoration: none;
	background: url(/Images/Layout/DarkGreenBG.gif) repeat-y;
}

div#NavigationBar ul
{
	position: relative;
	margin: 0px;
	padding:0px;
	font-weight: bold;
	font-size: 80%;
	padding-top: 8px;
	z-index: 10;

}
div#NavigationBar ul li
{
	display: block;
	border-right: 1px solid #999999;
	float: left;
	margin: 0px;
	padding-right: 6px;
}



table.MatList
{
    position: relative;
}

table.MfcList
{
    position: relative;
}

table.TypeList
{
    position: relative;
    border: 0px;
}

table.SearchFilterOptions
{
    width: 100%;
    border-spacing:0px;
    padding: 0px;
    font-size: 100%;
}

table.SearchFilterOptions a
{
   border:1px; 
}

table.SearchFilterOptions td.MfcList a
{
    color: #003366;
}

table.SearchFilterOptions td.TypeList a
{
    color: #cc6600;
}

table.SearchFilterOptions td.MatList a
{
    color: #9900cc;
}

table.SearchFilterOptions td.MfcList
{
    border: 1px solid #3366cc;
    background-color: #c2e2fa;
}

table.SearchFilterOptions td.TypeList
{
    color: #cc6600;
    border: 1px solid #cc6600;
    background-color: #f9e6c5;
}

table.SearchFilterOptions td.MatList
{
    color: #9900cc;
    border: 1px solid #9900cc;
    background-color: #e5c5f9;
}

table.SearchFilterOptions td.MfcList, table.SearchFilterOptions td.MatList, table.SearchFilterOptions td.TypeList
{
    width:33%;
    vertical-align: top;
}


/*
div.ProductItemAttributes
{
    position: relative;    
    float:right;
    border:1px solid #CCCCCC;
    width:100px;
    
}
div.ProductItem ul, div.ProductItem ul li
{
    list-style-type : square;
    margin: 0px;
    padding: 0px;
}

div.ProductItem ul li
{
    position: static;
    border-bottom: 1px solid #999999;
}

div.ProductDetails
{
    position:relative;
    width: 100px;
    float: left;
}
*/
table.ProductList
{
    width: 100%;
    border-spacing: 0px;
    border-collapse:collapse;
}

table.ProductList h2
{
    background-color: #99cc33;
    font-size: 100%;
}

table.ProductList tr.ItemRowTitle, table.ProductList tr.AltItemRowTitle
{
    background-color: #e1f5b8;
    font-weight:bold;
}

table.ProductList tr.ItemRowTitle td, table.ProductList tr.AltItemRowTitle td
{
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}
table.ProductList tr.ItemRowTitle td.title, tr.AltItemRowTitle td.title
{
    padding: 2px;
    font-weight: bold;
}

img.ProductImage
{
    border: solid 1px #666666;
}

table.ProductList td.ProductItemAttributes, table.ProductList td.ProductActions
{
    vertical-align:top;    
}


table.ProductList tr.ItemRowInfo td, table.ProductList tr.AltItemRowInfo td
{
    background-color: #f2f2f2;
    border-bottom:solid 1px #CCCCCC;
}

table.ProductList tr.ItemRowInfo td.Image, table.ProductList tr.AltItemRowInfo td.Image
{
    width: 0%;
    
}

td.ProductActions
{
    width: 0px;
    text-align: right;
}
table.ProductView
{
    width:100%;
    border: solid black 1px;
}

table.ProductView td.ProductDetails, table.ProductView td.Image
{
    vertical-align: top;
}

table.ProductView td.ProductDetails
{
    vertical-align: top;
    white-space: nowrap;
}

table.ProductView td.ProductDetails ul
{
    list-style-type : square;
    margin: 0px; padding: 0px;
    width:100%;
    margin-right: 5px;
}

table.ProductView td.ProductDetails ul li
{
    display: block;
    border-bottom: solid 1px #CCCCCC;
    background-color: #e1f5b8;
    padding-left: 5px;
    
    width:100%;
}

table.ProductView td.Image
{
    text-align:center;
    font-weight:bold;
}

table.ProductView td.Image IMG
{
    border: solid 1px #666666;
}


a.EmailLink,a.ExternLink,a.InternLink,
a.EmailLink:link,a.ExternLink:link,a.InternLink:link
a.EmailLink:visited,a.ExternLink:visited,a.InternLink:visited
{
    font-weight: bold;
    color: #669933;
}

a.EmailLink, a.EmailLink:link, a.EmailLink
{
    font-size:100%;
}
a.ExternLink
{
font-size:100%;
}

a.InternLink
{
font-size:100%;
}

td.ProductItem
{
    font-size:75%;
    vertical-align:top; 
    border:1px solid #CCCCCC;
}

td.ProductItem div.ProductDetails
{
    
}

ul
{
    list-style-type:square;
}

td.ProductItem div.ProductItemAttributes ul
{
    padding: 0px;
    list-style-type:square;
}

td.ProductItem div.ProductItemAttributes
{
  text-align:left;   
  font-size:90%;
}

h3.ProductTitle
{
    background-color:#e1f5b8;
    padding: 0px 4px 0px 4px;
    border-bottom: 1px solid #666666;
    white-space:nowrap; 
    font-size: 100%; 
    font-weight:bold;
    text-align:left;
}

p.ProductSummary
{
    text-align:center;
    clear:both;
    font-size: 100%;
}

div.clear
{
clear:both;
}

.SpecialOfferListPrice
{
    color: maroon;
    font-weight: bold;
    
}

.SpecialOffersList tr.Header, tr.SpecialOffersHeader, tr.SpecialOffersFooter, table.SimpleList tr.Footer
{
    background-color:#99cc00;
    color: #FFFFFF;
    font-weight: bold;
}

table.SpecialOffersList tr.AltItemRow
{
    background-color:#FFFFFF;
    color: #284775;
}

table.SpecialOffersList tr.ItemRow
{
    background-color:#F7F6F3;
    color:#333333;
}

table.SpecialOffersList tr td
{
    border: solid #333333 1px;
}


tr.SpecialOffersFooter
{
    cursor: hand;    
    background-color: #c3e26e;
}

tr.SpecialOffersFooter td a, table.SimpleList tr.Footer td a
{
    display:block;
    text-decoration:none;
    width:100%;    
    height:100%;
    color: #FFFFFF;   
}

tr.SpecialOffersFooter td a:hover, table.SimpleList tr.Footer td a:hover
{
    display:block;
    text-decoration:underline;
    background-color:#99cc00;
}

input.BrowseByButtons
{
    margin: 5px 0px 0px 0px;
}

.SpecialOffersList
{
    width:100%;
    border-spacing: 0px;
    padding: 0px;
    border: solid 0px transparent;
}

table.Form 
{
    width:100%;
}

table.Form td.Label, table.Form td.LabelExpanded
{
    font-size: 75%;
    font-weight: bold;
    background-color:#EAEAEA;
    white-space:nowrap;
    padding: 4px;
}

table.Form td.LabelExpanded
{
    vertical-align:top;
    white-space: normal;
}

table.Form td.Element
{
    font-size: 75%;
    padding: 4px;
    background-color:#CCCCCC;
    white-space:nowrap;
}

table.Form td.ActionRow
{
    padding: 4px;
    background-color:#CCCCCC;
    text-align:center;
}

a.TopNavLink
{
    display: block;
    font-size: 75%;
    color: #333333;
    margin-left: 10px;
    float:left;
    height:32px;
    padding:7px 5px 0px 5px;
    z-index: 4;
    text-decoration: none;
    vertical-align:middle;
}

a.TopNavLink:Hover
{
    padding:6px 4px 0px 4px;
    color: #FFFFFF;
    border:1px inset black;
    background-color: #acd373
}

.NavTree
{
    width:100%;
    font-size: 75%;
    
}

.NavTree td
{
border-bottom: 1px solid #DDDDDD;
text-align:left;

}
.NavTree a
{ 
    display:block;
    width:100%;
    color: #669933 ;
    
    }

table.SimpleList a.Select
{
color: #669933 ;
}
    
table.SimpleList
{
    width:100%;
    padding: 0px;
    margin: 0px;
    border-collapse: seperate;
    border:0px;
    border-spacing: 0px;
}
table.SimpleList td h3
{
    font-size: 100%;
    margin:0px;
}

table.SimpleList td
{
    font-size: 75%;
    border-left:0px;
    border-bottom: 1px solid #CCCCCC;
}

table.SimpleList tr.Footer
{
    text-align:center;
}

n:center;
}

;    
}

table.SimpleList tr.Header th
{
    color: #FFFFFF;
    border-bottom: 1px solid #999999;
}

table.SimpleList tr.Header a
{
    color: #FFFFFF;
}le.SimpleList tr.Header a
{
    color: #FFFFFF;
}