/*----Color Key---*/
/*
dark dark gray = #46505E
gray = #CCCCCC
black = #000000
white = #ffffff
light yellow = #FFFF99
yellow = #FFFF66 
blue = #007d7b
light pink = #f7efe7
red = #ff4142
*/
/*--------Entire Site-----------*/
body
{
	font-family:Arial;
	font-size:10pt;
}
hr
{
	border:1px solid black;
}
a:link, a:visited
{text-decoration:none;color:black;}
a:hover, a:active
{text-decoration:underline;}

/* --------------------------------------------------------------
	Site wide classes that can be overridden by a control level class below
*/

.ItemsHeader, .ItemsFooter
{
	background-color:#007d7b;
	color:White;
	font-weight:bold;
	padding:0px 4px 0px 4px;
}
.ItemsHeader
{
	margin-bottom:1em;
}
.ItemsFooter
{
	margin-top:1em;
}
.ItemsHeader a, .ItemsHeader a:visited, .ItemsFooter a, .ItemsFooter a:visited
{
	color:white;
}
.ItemPic{padding:4px;height:90px;}
.ItemPic a img
{
	border:solid 1px gray;
}
.ItemPic a img:hover
{
	border:solid 1px black;
}
.ItemName
{
	border:solid 1px black;
	background-color:#ff4142;
	font-weight:bold;
	padding:2px;
	color:White
}
.ItemName a:link, .ItemName a:visited
{
	color:white;
	font-weight:bold;
}
.ItemName a:hover
{
	color:Yellow;
	
}
.ItemLabel
{
	color:black;
	font-weight:bold;
	text-align:right;
	
}
.ItemPrice, .ItemPrice a, .ItemPrice a:vistied
{
	color:red;
	font-weight:bold;
}
.Validator
{
	position:absolute;
	float:right;
	z-index:1;
}
.Validator span
{
	position:absolute;
	z-index:2;
	float:right;
	background-color:White;
	border:solid 1px red;
	width:96px;
	padding:2px;
}
/*
=LayOut
----------------------Layout------------------------*/

Div.MainDiv
{
	width:980px;
	/*overflow:hidden;*/
}
.StepOrderFormMainDiv
{
	margin:0 auto;
	width:700px;
}
#LeftNavDiv
{
	width:170px;
	overflow:hidden;
}
.LeftNav
{
	vertical-align:top;
	text-align:left;
	background-color:#f7efe7;
	background-image: url(../Images/graphic_left_Bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: gray;
	padding-bottom: 60px;
	width:170px;
}
.LeftNavHeader span
{	
	text-align:center;
	color:White;
	font-weight:bold;
	padding-top:2px;
}
.LeftNavBody{}
.LeftNavContent{}
#RightNavDiv
{
	width:170px;
	overflow:hidden;
}
.RightNav
{
	vertical-align:top;
	text-align:center;
	padding-bottom:100px;
	background-color: #f7efe7;
	background-image: url(../Images/graphic_right_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: gray;
	width:170px;
}
.RightNavHeader span, .RightNavHeader a:link span, .RightNavHeader a:hover span
{
	
	text-align:center;
	color:White;
	font-weight:bold;
	padding-top:2px;
}
.RightNavHeader a:hover span
{
	color:Yellow;
}
.RightNavBody
{
	padding-top:4px;
}
.RightNavBody table
{
	margin:0 auto;
}
.RightNavContent{}
.PageBody
{
	vertical-align:top;
	/*border-right:1px solid black;
	border-left:1px solid black;*/
	border-bottom:solid 1px gray;
}
.PageBodySecure
{
	vertical-align:top;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:solid 1px gray;
}
.PageBodyDiv
{
	width:625px;
	padding:5px;
	overflow:auto;
}
#BottomNav
{text-align:center;}
/*
=MainNav
----------------------Navigation Buttons------------------*/
.MainNav
{
	padding:6px 0px;
	background-image: url(../images/menu_BKGRD.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}
.NavButton a:link span, .NavButton a:visited span
{
	color:White;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
}
.NavButton a:hover span, .NavButton a:active span
{
	color:Yellow;
	text-decoration:none;
}
/*
=Categories
----------------------Categories-------------------------*/
ul.Category
{
	margin-top:0px;
	margin-left:0px;
	list-style-type:none;
	width:100%;
	border-bottom:1px solid white;
	padding-left:0px;
}
li.MainCategories
{
	border-top:1px solid white;
	padding:2px;
}
li.MainCategories a:link,li.MainCategories a:visited
{
	padding:2px;
	display:block;
	color:black;
	text-decoration:none;
}
li.MainCategories a:hover
{
	background-color:#ff4142;
	color:White;
}
li.SubCategories
{
	border-top:1px solid white;
	padding-left:10px;
	background-color:gray;
}
li.SubCategories a:link,li.SubCategories a:visited
{
	color:White;
	display:block;
	padding:2px;
	text-decoration:none;
	border-top:gray 1px solid;
	border-bottom:gray 1px solid;
}
li.SubCategories a:hover
{
	background-color:#ff4142;
	color:White;
}
/*
=Footer
-------------------------Footer------------------------*/

.Footer
{
	color:White;
	text-align:center;
}
.Footer span
{
	padding-top:2px;
}
.Footer a:link, .Footer a:visited
{
	color:white;
	text-decoration:none;	
}
.Footer a:hover
{
	text-decoration:underline;
}

/*
=FillErrorLabel
------------------------  Error Label-----------------*/
.FillErrorLabel p
{
	 border:solid 2px red;
	 font-size:12pt;
	 text-align:center;
	 font-weight:bold;
	 padding:2px;
	 color:Red;
}

/*
=OrderForm
----------------------Order Form------------------------*/

.OrderFormHeader
{
	color:white;
	background-color:Gray;
}
.OrderFormTable
{
	padding:2px;
	background-color:#eeeeee;
	border: solid 2px gray;
}
.OrderForm
{
	color:white;	
	background-color:Gray;
}
hr.OrderForm
{
	border:1px solid gray;
}

/*
=FlagItems
-------------------Home Page Items & Specials Right Nav----------------------*/

.FlagItems
{
	 text-align:center;
	 vertical-align:top;
	 padding:2px;
	 width:145px;
}
.FlagItems:hover
{
	background-color:#FFFF99;
}
.FlagItems div.ItemName
{
	height:31px;
	overflow:hidden;
}
.FlagItems div.ItemPic
{
	border:solid 1px black;
	text-align:center;
	padding:4px 0px 4px 0px;
}
.FlagItems div.ItemPrice
{
	color:yellow;
	font-size:11pt;
	font-weight:bold;
	height:18px;
	overflow:hidden;
	border:solid 1px black;
	background-color:#46505E;
}
.FlagItems div.ItemPrice span
{
	color:white;
	font-size:11pt;
}
.FlagItems div.ItemPrice a, .FlagItems div.ItemPrice a:visited
{color:Yellow;}
/*
=Flags
---------------------- Specials/Flags -------------------------*/

.Flag
{
	text-align:left;
	widTH:155PX;
	font-weight:bold;
}
.Flag a, .Flag a:link, .Flag a:visited
{
	color:Black;
	padding:2px 5px 3px 20px;
	display:block;
	
}
.Flag a:hover
{
	color:white;
	background-color:#007d7b;	
}

/*
=ShowItem
--------------------------Show Item------------------------------*/

/*
.ShowItem table.ItemName a, .ShowItem table.ItemName a:link, .ShowItem table.ItemName a:visited
{}
.ShowItem table.ItemName a:hover
{}
*/
.ShowItem table.ItemName
{
	text-align:left;
	width:100%;
	background-color:#007d7b;
}
.ShowItem td.ItemInfo
{
	padding-bottom:1em;
}
.ShowItem td.ItemPic
{
	width: 135px;
	vertical-align:top;
	padding:4px;
}
/*
.ShowItem td.ItemPic a img
{}
.ShowItem td.ItemPic a img:hover						
{}
*/
.ShowItem td.ItemPrices
{
	text-align:right;
}
/*
.ShowItem td.ItemPrices table
{}

.ShowItem td.ItemPrices td.ItemLabel
{
}
.ShowItem td.ItemPrice
{}

.ShowItem td.ItemLabel, .ShowItem span.ItemLabel
{}
*/
.Headers								
{
	font-weight: bold;
	color: black;
	border-bottom: gray thin solid;
	display:block;
	padding:4px 0px 4px 0px;
}
.RelatedItems1, .RelatedItems2, .ItemNotes1, .ItemNotes2, .Applications
{
	margin:1em;
}
.ItemNotes2 span.Headers,.ItemNotes1 span.Headers, .Applications span.Headers
{
	border: white thin solid;
	border-bottom:solid 2px black;
	font-weight:bold;
	font-size:13pt;
	color:black;
	display:block;
	padding:2px;
	margin-bottom:.5em;
	background-color:white;
	visibility:inherit;
}
div.AdditionalInfoLinks
{margin:2px 0px 8px 0px;display:none;}
.AdditionalInfoLinks a, .AdditionalInfoLinks a:visited
{
	display:none;
	font-weight:bold;
	text-decoration:none;
	padding:0px 6px 3px 6px;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	color:#D20202;
	background-color:#eeeeee;
}
.AdditionalInfoLinks a:hover
{
	text-decoration:underline;
	color:Black;
}
.AdditionalInfoLinks div
{
	font-weight:bold;
	background-color:Black;
	color:White;
	padding:2px;
}
.AddAllButton{visibility:hidden;}
.AddAllButton div{}
.GoToTop
{
	border-bottom:dashed 1px red;
	text-align:right;
	font-weight:bold;
}
.GoToTop a
{
	border-left:dashed 1px red;
	border-top:dashed 1px red;
	border-right:dashed 1px red;
	padding:.25em .25em 0px .25em;
}
/*
=RelatedItem
----------------------- Related Item --------------------------*/

.RelatedItem
{
	width:100%;
	vertical-align:top;
}
.RelatedItem td.ItemPrices
{
	width:135px;
	text-align:right;
	vertical-align:top;
	padding-top:4px;
}
/*
.RelatedItem td.ItemPrices table
{}

.RelatedItem td.ItemPrices td.ItemLabel
{}
.RelatedItem td.ItemPrice
{}

.RelatedItem td.ItemLabel, .RelatedItem span.ItemLabel
{
	font-weight:bold;
	text-align:right;
}
*/
.RelatedItem td.ItemPic
{
	vertical-align:top;
	padding:4px;
}
/*
.RelatedItem td.ItemPic a img
{}
.RelatedItem td.ItemPic a img:hover						
{}
*/
.RelatedItem td.ItemInfo
{
	vertical-align:top;
	padding-top:4px;
}
.RelatedItem div.ItemName
{
	width:360px;
}

/*
=CartInfo
----------------------Cart Info------------------*/
.RightNavCartInfo
{
	background-color:#f7efe7;
	border-top:solid gray 2px;
}
div.CartInfoPanel
{	
	padding-right:3px;
	text-align:right;
	padding-top:10px;
}
.CartInfoPanel A:link, .CartInfoPanel A:visited
{
	text-decoration: none;
	color:Black;
	font-weight:bold;
}
.CartInfoPanel A:hover
{
	text-decoration: underline;
	color:Black;
	font-weight:bold;
}
.CartPriceLabel
{
	color:red;
}

/*
=ViewCart
---------------------View Cart----------------------*/

.ViewCartHeader
{
	padding: 4px;
	background-color:black;
	color:White;
	font-weight:bold;
}
.ViewCartSubHeader
{
	background-color:#f7efe7;
	color:Gray;
	padding:4px;
}
.ViewCart
{
	 padding-bottom: 10px;
	 color:black;
}
.ViewCart td.ItemPic
{
	padding:4px;
}
/*
.ViewCart td.ItemPic a img
{}
.ViewCart td.ItemPic a img:hover
{}
.ViewCart span.ItemLabel
{}
*/
.ViewCart a
{
	color:Black;
	
	font-weight:bold;
}
.ViewCart a:hover
{
	color:#007d7b;
	
}
.ViewCartSummary
{
	 vertical-align:top;
	 background-color:#f7efe7;
	 border-bottom:solid 2px gray;
}
.ViewCartSummary div.ItemPic
{
	float:left;
}
.ViewCartSummary div.ItemInfo
{
	margin-top:48px;
	text-align:right;
	padding-bottom:6px;
	padding-right:.25em;
}
.ViewCartSummary div.ItemName, .ViewCartSummary div.ItemName a, .ViewCartSummary div.ItemName a:visited
{
	color:#007d7b;
	border:0px solid black;
	background-color:#f7efe7;
	text-decoration:underline;
}
.ViewCartSummary span.ItemPrice
{
	color:red;
	font-size:11pt;
	text-align:right;
	font-weight:bold;
	overflow:hidden;
}
.ViewCartSummary span.ItemInfo
{
	color:Black;
	font-size:8pt;
	text-align:right;
	font-weight:bold;
	overflow:hidden;
}
/*
=AddByPartNumberHeader
----------------------Add By Part Number---------------------*/
.AddByPartNumberHeader
{
	padding:4px;
	background-color:#cccccc;
	color:Gray;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
}

/*
=CategoriesLanding
--------------------- Categories Landing / Landing Page -----------------------------*/

.CategoriesLanding{}
.CategoriesItem{width:100%}

/*
=CategoryLandingInfo
--------------------- Category Landing Page Info ----------------------*/
.CategoryLandingInfo{width:100%;}
.CategoryLandingInfo td.ItemPic {width:100px;}
.CategoryLandingInfo td.ItemsHeader {background-color:Black;padding:3px;}
/*
=CategoryInfo
--------------------- Category Info --------------------------*/

.CategoryInfo {width:100%;}
.CategoryInfo td.ItemPic {width:100px;}
.CategoryInfo td.ItemsHeader {background-color:Black;padding:3px;}
/*
=ListItems
---------------------  LIST ITEM ----------------------------*/
.ListItemsMainDiv
{
	width:100%;
}
.ListItem
{
	margin-bottom:4px;
}
.ListItem:hover
{
	background-color:#FFFF66;
}
.ListItem table.ItemName
{
	text-align:left;
	background-color:Gray;
}
/*
.ListItem table.ItemName a:link, .ListItem table.ItemName a:visited
{}
.ListItem table.ItemName a:hover
{}
*/
.ListItem td.ItemPic
{
	vertical-align:top;
	width:18%;
	padding:5px;
}
/*
.ListItem td.ItemPic a img
{}
.ListItem td.ItemPic a img:hover
{}
*/
.ListItem td.ItemInfo
{
	vertical-align:top;
	text-align:left;
	width:57%;
}
/*
.ListItem span.ItemLabel
{}

.ListItem td.ItemLabel
{}
*/
.ListItem td.ItemPrices
{
	width:25%;
	text-align:right;
}
/*
.ListItem td.ItemPrice
{}
*/

/*
=SearchControl
-------------------------Search Control-------------------------*/

.SearchControl
{
	padding: 4px;
}
.SearchControl div
{
	padding-top:4px;
	color:black;
	font-weight:bold;
}
.SearchControl div:hover
{
	color:gray;
}
.SearchControl select, .SearchControl input[type="text"]
{
	width:155px;
}
.SearchControl select:focus
{
	color:gray;
}

/*
=FAQ
----------------------FAQ----------------------------*/

.viewfaqQuestion h5{margin:4px;}
.viewfaqAnswer{margin-left:20px;}
.viewfaqAnswer h5{color:red;margin:4px;}

/*
=Classified
---------------------Classified Section-------------------*/

.ClassifiedMenuBKGRD
{
        background-color:#ff4142;
        color:White;
        border-left: solid 1px #333333;
        border-bottom:solid 1px #333333;
        width:150px;
        padding-left:3px;
        background-image:url(bullet.gif);
        background-position:center right;
        background-repeat:no-repeat;
}
.ClassifiedMenuBKGRD a:link, .ClassifiedMenuBKGRD a:visited
{
        color:white;
}
.ClassifiedPrice
{
	color:Yellow;
}
.ClassifiedAdPrice
{
	color:red;
	font-weight:bold;
}
.ClassifiedList
{
    	background-color:#ff4142;
    	color:White;
    	border:1px solid white;
}
.ClassifiedList a:link, .ClassifiedList a:visited
{
    	color:white;
}
.CartInfoBKGRD 
{
	background-image: url(../Images/CartInfoBkgrd.jpg);
}
.RightBRKGD
{
	background-image: url(../Images/rightNavBkgrd.jpg);
}
.ClassifiedNavMenu
{
	text-align:center;
}

.pic {
	left: 0px;
	position: relative;
	top: 0px;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, .pic a.p1:visited {
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
}
/****Hover over big picture***/
/*
.pic a.p1:hover {
	text-decoration: none;
}

.pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 233px;
	left: 100px;
	position: absolute;
	top: -60px;
	width: 150px;
}
*/
/*
=PHOTOGALLERY
---------------------- PHOTO GALLERY --------------------------*/
	.BreadCrumb {padding-left:30px;text-align: left;font-size:14px;font-weight:bold;color:black;background-color: #DDDDDD;}
        .BreadCrumb a {padding: 0px 5px;text-decoration:none;color:black;font-family:arial;font-size:14px;font-weight:bold;}
        .BreadCrumb a:visited {text-decoration:none;}
        .BreadCrumb a:hover {text-decoration: underline;color:#D20202;}
        .Photo {font-family: arial; background-color: #CCCCCC; border: 1px solid #CCCCCC;}
        .Photo tr td {background-color: #EEEEEE;}
        .PhotoImage {border: 2px solid #999999}
        .Photo tr td.Name {text-align: left; padding: 2px; color:black; font-weight: bold; background-color: #DDDDDD; border: 1px solid #FFFFFF;}
        .Photo tr td.Description {text-align: left; padding: 2px; font-size: 12px;}
        .Photo tr td.Download {text-align: center; font-size: 12px;}
        .Photo tr td.subtitle {font-size: 11px; font-weight: bold;}
        .Photo tr td.subinfo {font-size:10px;}
        .PhotoContainer {width:160px;background-color: #EEEEEE; border: 1px solid #999999; font-family: arial;vertical-align:top;text-align: center;margin:10px}

        /*
        .PhotoList tr td {background-color: #EEEEEE;vertical-align:top;}
        .PhotoList tr td.Name {text-align: left;}
        .PhotoList tr td.Name a {color:b?ack; font-size:13px; font-weight:bold;text-decoration:none;}
        .PhotoList tr td.Name a:hover {color:#D20202;text-decoration:underline;}
        .PhotoList tr td.Description {text-align: left;font-size:12px;}
        */
        .PhotoListName {color:black; font-size:13px; font-weight:bold;text-align: left;}
        .PhotoListDescription {text-align: left;font-size:12px;}
        .CatList {border: 2px solid #CCCCCC;background-color:#EEEEEE;text-align:center;}
/*        .CatList tr td.Name a {font-family: arial;font-size: 13px; color:black;font-weight:bold;text-decoration:none;}*/
	.main {width:100%;}
	.main a, .main a:visited {font-style:italic;font-weight:bold;text-decoration:none;color:red;}
	.main a:hover {text-decoration:underline;color:black}
	.main table td {width:120px;}
	
div.ShortDesc {position:absolute; z-index:1;border:ridge 2px gray; display:none;background-color:#EEEEEE;margin-left:3.5em;margin-top:3em;width:170px;padding:.25em;}
div.ShortDesc a, div.ShortDesc a:link, div.ShortDesc a:visited {color:Black;}
div.ShortDesc h5 {margin:.25em;background-color:white;}
div.FlagItems:hover div.ShortDesc {display:inline;}