﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #242424;
    line-height:1.1em;
}

a, a:link,  a:visited, a:active {
	color: #FF0000;
	font-weight: bold;
	text-decoration:none;
}
a:hover
{
    color: #FFA204;
    text-decoration: underline;
}


#header 
{
    /*border:solid 1px #c0c0c0;*/
    clear:both;
width:750px;    
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#header H1.PageLabel
{
    margin-top:0px;
    margin-bottom:0px;
    background-color: #CC0001;
    color: White;
    font-weight: bold;
    font-size: .85em;
    padding-left: 5px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 2px;
}

#header .YellowLoginSection
{
    background-color: #FFCC00;
    color: black;
    font-weight: normal;
    font-size: .85em;
    padding-left: 5px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right:5px;
    margin-left: 2px;
}

#header .HeaderAcctLinks 
{
    font-weight:bold;
    font-size:87%;
    font-style:italic;
}

#header .HeaderAcctLinks a:link, #header .HeaderAcctLinks a:visited, #header .HeaderAcctLinks a
{
    color:Black;
    font-weight:bold;
    font-style:italic;
}

#header .HeaderAcctLinks a:hover
{
    color: #800000;
    font-weight:bold;
    font-style:italic;
}


#header .YellowLoginSection .silvertext
{
    color: #666666;
    font-weight:bold;
    font-style: italic;
    font-size: 110%;
    padding-left: 5px;
}

#header .searchbar
{
    height: 23px;
    width: 745px;
    border: solid 1px black;
    background-color: #929292;
    color: White;
    font-weight: bold;
    font-size: .95em;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 2px;
    padding-top: 2px;
    margin-top: 5px;
    vertical-align: middle;
}

#header .searchbar input 
{
    font-size:11px;
}
#header .searchbar select
{
    font-size:11px;
    margin-right:5px;
}

#content 
{
    /*border:solid 1px #c0c0c0;*/
clear:both;
width:750px;    
margin-left:auto;
margin-right:auto;
min-height:400px;
}

#content .homebuttons 
{
margin-top:5px;
    text-align:center;
}
#LeftNav 
{

    width:140px;
}

#LeftNav .NavImage 
{
    padding-bottom:3px;
}

#LeftNav .LeftNavCallout 
{
    margin-top:3px;
}
#LeftNav ul
{
    margin-top:0px;
    margin-bottom:15px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	list-style-type: none;
}
#LeftNav li{
	margin-left: -20px;
	text-indent: 20px;
	margin-right: -10px;
	margin-bottom:3px;
}

#LeftNav #NavSubNav
{
    border: 1px solid #000000;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 5px;
    background-color: #CCCCCC;
    font-size: 80%;
    width:106px;
}

#LeftNav #NavSubNav a, #LeftNav #NavSubNav a:link, #LeftNav #NavSubNav a:visited 
{
    color:#000000;
    font-weight:normal;
}

#LeftNav #NavSubNav a:hover
{
    color: #800000;
    font-weight: normal;
}

#LeftNav #NavSubNav a.SelectedSubNav, #LeftNav #NavSubNav a:link.SelectedSubNav, #LeftNav #NavSubNav a:visited.SelectedSubNav
{
    color:red;
    font-weight:normal;
}

#LeftNav #NavSubNav .CatListLink 
{
    padding-top:2px;
    padding-bottom:2px;
}

#footer 
{
    /*
    border-left:solid 1px #c0c0c0;
    border-right:solid 1px #c0c0c0;
    border-bottom:solid 1px #c0c0c0;
    12
    width:102*/
    width:750px;    
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    border-top:solid 3px #CC0001;
    padding-top:5px;
}
#footer .footerphone
{
    font-size:10px;
    font-weight:bold;
    width:300px; 
    float:left;
}

#footer .aes2tag 
{
    font-size:10px;
    font-weight:bold;
    width:200px; 
    float:right;
    text-align:right;
}


#innercontent 
{
    text-align:left;
    font-weight:normal;
}
#innercontent .textsection 
{
    margin-bottom:10px;
}

#innercontent .YellowBox 
{
    background-color:#FFCC00;
    padding:10px;
    border:solid 1px black;
}


#innercontent .RedBox 
{
    color:Black;
    background-color:#CC0001;
    padding:10px;
    border:solid 1px black;
}

.QuickCartViewer 
{
 z-index:100000;
 font-family:Arial; 
 font-size:80%;
 border:solid 2px red;
 padding:5px;
 background-color:White;
 width:155px;
}

.QuickCartViewer .quickcarthead 
{
   color:#000000;
   font-size:115%;
   font-weight:bold;
   margin-bottom:5px;
}

.QuickCartViewer .quickcartcolhead
{
    background-color: #FFCC00;
    color: Black;
    font-weight: bold;
}


.CartWizardHeader 
{
    font-size: 10px; font-family: Verdana, Arial, san-serif; color: #333333; background-color: #eeeeee;
}


.TableHead 
{
     
	font-size: 110%;
	line-height: 18px;
	background-color: #FFCC00;
	 font-weight:bold;}
	 
.TableHeadGray
{
     
	font-size: 110%;
	line-height: 18px;
	background-color: #ececec;
	 font-weight:bold;
	 height:25px;
	 min-height:25px;}
	 
.TableHeadGrayNoBold
{
    font-size: 110%;
    line-height: 13px;
    background-color: whitesmoke;
    font-weight: normal;
}

.FullTextResultsPanel
{
    font-size: 100%;
    line-height: 13px;
    background-color: lightsteelblue;
    font-weight: normal;
}

	 
.FoundItem
{     
    font-weight:bold;
	color:red;
}

.ListButtonInput
{
    font-size:95%;
    color: #333;
    background-color:#eeeeee;
    padding: 0px 0px 0px 0px;
}

.CartQtyInput
{
    font-size:105%;
    color: #333;
    background-color:#ffffff;
    padding: 0px 0px 0px 0px;
}

.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
        position:absolute; top:100px; left:100px; width:200px; height:280px;
        z-index:99;  visibility:hidden;}
        
.plainTable
{
    border-right: white 0px solid;
    border-top: white 0px solid;
    border-left: white 0px solid;
    border-bottom: white 0px solid;
    background-color:white;
}

.HideFormBorders
{
border:solid 0 #fff;
border-right: white 0px solid;
border-top: white 0px solid;
border-left: white 0px solid;
border-bottom: white 0px solid;
background-color:White;
display:none;
}

/* various places on site */
.InfoBox {
	background-color: #FFCC00;
	border: 1px;
	border-style: solid;
	border-color: #666666;
	padding-top: 5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	position: relative;
	top: 4px;
	left: 0px;
}

.searchBox {
	width: 151px;
	height: 104px;
	background-color: #FFCC00;
	border: 1px;
	border-style: solid;
	border-color: #666666;
	padding-top: 3px;
	position: relative;
	top: 4px;
	left: 0px;
}

.fillRed {background-color: #CC0000; height: 3px}
.fillYellow {background-color: #FFCC33; height: 3px}
.asterisk {font-size: 9px; color: #CC0000}

.fillRedPlain {background-color: #CC0000;}
.fillYellowPlain {background-color: #FFCC33;}


.CategoryBreadcrumb 
{
    margin-top:5px;
    margin-bottom:12px;
    padding-bottom:8px;
    border-bottom:solid 1px red;
}

/* Product Page */
.productHeader {font-family: Arial; font-size: 115%; font-weight: 800; color: #333333}
.productBar {color: #FFCC33; height: 1px;}

.productLink {text-decoration: none; color: #333333; font-weight: bold; font-style: normal}
a.productLink {text-decoration: none; color: #333333; font-weight: bold; font-style: normal}
a.productLink:active {text-decoration: none; color: #333333; font-weight: bold; font-style: normal}
a.productLink:link {text-decoration: none; color: #333333; font-weight: bold; font-style: normal}
a.productLink:visited  {text-decoration: none; color: #333333; font-weight: bold; font-style: normal}
a.productLink:hover {text-decoration: underline; color: #CC0000; font-weight: bold; font-style: normal}

a.categoryLink:active,a.categoryLink:visited,a.categoryLink:link {text-decoration: underline; color: #333333; font-weight: normal; font-style: normal}
a.categoryLink:hover {text-decoration: underline; color: #CC0000; font-weight: normal; font-style: normal}

.breadCrumbBar {color: #CC0000; height: 1px;}
.breadCrumbHeader {color: #333333}
.breadCrumbLink {text-decoration: none;font-weight: 400; color: #333333}

a.breadCrumbLink:active,a.breadCrumbLink:visited,a.breadCrumbLink:link {text-decoration: none; font-weight: 400; color: #333333}
a.breadCrumbLink:Hover {text-decoration: underline; color: #CC0000; font-weight: normal; font-style: normal}



/* image popup div*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



/* lightbox stuff */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
.wrapbkg
{
    background-image: url(../images/wrap/images/Companies_graphics_01a.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-color: #FFEDCC;
}


.PageUpdateText
{
    font-size: 8px;
    color: #ffffff;
    line-height:0px;
    visibility:hidden;
    display:none;
}


.CartHeadStyle 
{
  text-align:left;
  padding-left:5px;
    background-color: #efefef;
    color: #333333;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #cccccc;
margin-bottom:10px;
  }

.CheckoutStyle 
{font-size:.85em;
}

.CheckoutStyle  input
{font-size:.95em;
}

.CheckoutStyle  select
{font-size:.95em;
}



.CartStyle 
{
    font-size:.95em;}
.CartStyle input 
{
    font-size:100%;
}
.CartRowStyle
{
    text-align: left;
    padding-left: 5px;
    padding-top: 10px;
    background-color: white;
}
.CartAltRowStyle
{
    text-align: left;
    padding-left: 5px;
    padding-top: 10px;
    background-color: #F3F3F3;
}

.CartFooterArea 
{}
.CartTotalArea 
{
}
.CartTotalArea select 
{
    font-size:.85em;
}
.CartDisclaimerArea 
{
    text-align:center;
    font-size:.9em;
    font-style:italic;
    font-weight:bold;
    line-height:1em;
}

.CartSectionHeader
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
    color: #333333;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #808080;
    height:25px;
    min-height:25px;
}

.CartSectionHeader H4
{
    font-size:150%;
    padding-left: 10px;
    line-height:1em;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}

.CartSectionHeader H5
{
    font-size:120%;
    line-height:1em;
    padding-top:3px;
    padding-bottom:3px;
    margin-top:0px;
    margin-bottom:0px;
}


.ModalBackground
{
    background-color:Gray;  filter:alpha(opacity=70);  opacity:0.7;
}

.ModalPopup 
{
    text-align:left;
    border:solid 2px black;
    background-color:#efefef;
    padding:20px;
    width:250px;
    
}

.FAQmenu 
{
    width:80%;
     list-style-type:disc;
}

.FAQmenu ul 
{
    width:100%;
}
.FAQmenu li 
{
    width:100%;
}

.FAQmenu li p 
{
    cursor:pointer;
    margin-bottom:0px;
    height:20px;
    width:110%;
}
.FAQmenu .FAQAnswer 
{
    margin-top:-5px;
    background-color:#efefef;
	border:solid 1px #cccccc;
    color:#000000;
    padding:5px;
    width:100%;
}
.FAQmenu .FAQUpdateInfo 
{
border-top:solid #1px #000000;
    margin-top:10px;
    padding-top:5px;
    font-size:80%;
	display:none;
}


.GrayBoxWithBorder
{
    background-color: #E8E8E8;
    border: 1px solid #666666;
    padding:10px;
}