
/*main body style*/
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0 0 20px 0; background:#345ea8 url(../images/bg-light-burst.jpg) no-repeat top center;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#003366; margin-top:0px; margin-bottom:5px; margin-left:0px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; margin-top:5px; margin-bottom:5px; margin-left:0px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366; margin-top:5px; margin-bottom:5px; margin-left:0px;}

/*List Styles*/
li,ol {
color:#333;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
list-style-type:square;
font-size: 12px;
}

/*Controls the height above the List Styles*/
ul {
margin-left:3em;
margin-top:-0em;
text-indent:-0.0em
}

/*horizontal line*/
hr {border:none 0;
border-top:1px #999999;/*the border*/
color:#CCCCCC;
height:1px;/*whatever the total width of the border-top and border-bottom equal*/
width:100%;
text-align:left;
}

/*global links*/
a:link {color:#333333; text-decoration:underline; font-size:12px; outline: none;}
a:visited {color:#333333; text-decoration:underline; font-size:12px; outline: none;}
a:active {color:#666666; text-decoration:underline; font-size:12px; outline: none;}
a:hover {color:#666666; text-decoration:underline; font-size:12px; outline: none;}

img {border: none;}
a {outline: none;}

/*header styles*/
td.header-bg {vertical-align:top; height:118px; background-image:url(../images/header-bg.jpg);}
.header-bg-content {vertical-align:top; width:960px; background-image:url(../images/header-bg2.jpg);}
#header-cart-nav {min-height:100%; padding-top:22px; white-space:nowrap;}
#header-main-nav { width:434px; min-height:100%; padding-top:36px; float:right;}

/*border left styles*/
td.border-left-nav {width:180px; vertical-align:top; background-image:url(../images/border-left-bg.gif); background-repeat:repeat-y;}
#border-left-nav {width:180px; min-height:100%; height:100%; position: relative; float:left;}
#border-left-nav-content {min-height:100%; padding-left:20px; padding-right:5px; padding-bottom:8px; line-height:24px; background-color:#FFFFFF; background-image:url(../images/border-left-nav-bg.gif);}
a.nav-left:link {color:#003399; text-decoration:none; font-size:13px;}
a.nav-left:visited {color:#003399; text-decoration:none; font-size:13px;}
a.nav-left:active {color:#CC0000; text-decoration:none; font-size:13px; font-weight:bold;}
a.nav-left:hover {color:#CC0000; text-decoration:none; font-size:13px; font-weight:bold;}

#border-left-search-content {width:160px; height:40px; position:static; padding-left:10px; padding-right:10px; padding-bottom:0px; background-image:url(../images/border-left-bg.gif); background-repeat:repeat-y;}
td.advancedsearch {padding-top:2px; padding-left:4px;}
a.nav-advancedsearch:link {color:#336699; text-decoration:none; font-size:11px;}
a.nav-advancedsearch:visited {color:#336699; text-decoration:none; font-size:11px;}
a.nav-advancedsearch:active {color:#666666; text-decoration:none; font-size:11px;}
a.nav-advancedsearch:hover {color:#666666; text-decoration:none; font-size:11px;}

#border-left-ad-content {width:180px; min-height:100%; position:static; padding:8px 0 0 0; background-color:#FFFFFF; background-repeat:repeat;}

/*body content styles*/
#body-container {width:100%; min-height:100%; position:relative;}
#body-content {width:731px; padding:0 12px 0 12px; min-height:100%; position:static; background-color:#FFFFFF;}
a.nav-featured:link {color:#003399; text-decoration:none; font-size:13px;}
a.nav-featured:visited {color:#003399; text-decoration:none; font-size:13px;}
a.nav-featured:active {color:#003399; text-decoration:none; font-size:13px; font-weight:bold;}
a.nav-featured:hover {color:#003399; text-decoration:none; font-size:13px; font-weight:bold;}


/*featured products - front-end*/
td.featured {color:#333333; font-size:13px; padding:16px 20px 16px 50px; vertical-align:bottom;}

td.featured-topleft {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align:center;}
td.featured-topmid {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align:center;}
td.featured-topright {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; border-bottom:1px solid #CCCCCC; text-align:center;}
td.featured-bottomleft {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; border-right:1px solid #CCCCCC; text-align:center;}
td.featured-bottommid {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; border-right:1px solid #CCCCCC; text-align:center;}
td.featured-bottomright {color:#333333; padding:30px 0 30px 0; vertical-align:bottom; text-align:center;}

.featured-price {color:#990000; font-weight:bold;}
.featured-note {color:#990000; font-size:10px;}
a.featured:link {color:#003366; text-decoration:none; font-size:13px; font-weight:bold;}
a.featured:visited {color:#003366; text-decoration:none; font-size:13px; font-weight:bold;}
a.featured:active {color:#003366; text-decoration:underline; font-size:13px; font-weight:bold;}
a.featured:hover {color:#003366; text-decoration:underline; font-size:13px; font-weight:bold;}

/*center content*/
td.centercontent {vertical-align:top; width:952px; padding-top:14px;}
td.centercontent2 {vertical-align:top; width:952px; padding-top:14px;}
td.bodycontent {vertical-align:top; padding:14px 10px 0 10px; line-height:18px;}

/*form fields*/
.formbox {font-size:12px;}

/*footer styles*/
td.footer {vertical-align:top; font-size:11px; padding-top:14px; padding-left:197px; text-align:center; color:#99ccff;}
a.footer:link {color:#99ccff; font-size:11px; text-decoration:none;}
a.footer:visited {color:#99ccff; font-size:11px; text-decoration:none;}
a.footer:active {color:#ffffff; font-size:11px; text-decoration:underline;}
a.footer:hover {color:#ffffff; font-size:11px; text-decoration:underline;}

/*webfx styles*/
a.webfx:link {color:#99ccff; font-size:11px; text-decoration:none;}
a.webfx:visited {color:#99ccff; font-size:11px; text-decoration:none;}
a.webfx:active {color:#ffffff; font-size:11px; text-decoration:underline;}
a.webfx:hover {color:#ffffff; font-size:11px; text-decoration:underline;}

/*cart styles*/
/*cart styles*/
/*cart styles*/

/*detail page styles*/
.ProdDetail {font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top;}
p.ProdDetail {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
p.ShortDes {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.DetailedDesTitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #333333; font-weight: bold;}
.DetailProductName {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333; font-weight: bold;}
/*Line below added on 4-21-05*/
.DetailMFGName {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #333333; font-weight: bold;}
.DetailPartNumber {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin-bottom: 20px;}
td.OptionsHeader  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-color: #F0F0F0;}
.OptionsSelectBox {margin-bottom: 6px; border-right: medium none; border-top: medium none; font-size: 11px; border-left: medium none; border-bottom: medium none; font-family: verdana}
td.ProdDetail {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-left: 20px; margin-right: 20px;}

/*list page styles*/
.ProdList {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF;}
p.ProdList {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: #333333;}
td.ProdList {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 20px; margin-right: 20px;}

/*product pages category nav styles*/
font.subtitle {letter-spacing: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold; font-style: normal; text-decoration: none;}
.CategoryTitle {color: #333333; font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.price {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.saleprice {color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.CatNav {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.CatNav:link {color: #333333; text-decoration: underline; font-size: 11px; line-height: 12px;}
a.CatNav:visited {color: #333333; text-decoration: underline; font-size: 11px; line-height: 12px;}
a.CatNav:active {color: #666666; text-decoration: underline; font-size: 11px; line-height: 12px;}
a.CatNav:hover {color: #666666; text-decoration: underline; font-size: 11px; line-height: 12px;}

/*checkout pages styles*/
td.COHeader {font-family: Arial, Helvetica, sans-serif; color: #003399; font-size: 15px; font-weight: bold;}
td.COSubHeader {font-family: Arial, Helvetica, sans-serif; color: #003399; font-size: 12px; font-weight: bold; padding-top: 0px; padding-bottom: 0px; padding-left: 0px;}
td.COBreadcrumbs {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px;}
a.COBreadcrumbs:link {color: #333333; text-decoration: underline; font-size:11px;}
a.COBreadcrumbs:visited {color: #333333; text-decoration: underline; font-size:11px;}
a.COBreadcrumbs:active {color: #666666; text-decoration: underline; font-size:11px;}
a.COBreadcrumbs:hover {color: #666666; text-decoration: underline; font-size:11px;}

td.COContent1 {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; font-weight:bold; padding-top:2px; padding-bottom:2px; padding-left:8px; padding-right: 8px;}
td.COContent2 {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-top:0px; padding-bottom:2px; padding-left:8px; padding-right:2px;}
.COButtons {font-size:8pt; margin-left:1px; margin-right:1px; margin-top:0px;}
.COTextBox {padding-right:0px; padding-left:0px; font-size:11px; padding-top:0px; padding-bottom:0px; padding-left:2px; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.COSelectBox {border-right:medium none; border-top:medium none; font-size:11px; border-left:medium none; border-bottom:medium none; font-family:Arial, Helvetica, sans-serif;}

/*site wide links and styles*/
.SiteWideLinks:link {color: #003399; text-decoration: underline;}
a.SiteWideLinks:link {color: #003399; text-decoration: underline;}
a.SiteWideLinks:visited {color: #003399; text-decoration: underline;}
a.SiteWideLinks:active {color: #666666; text-decoration: underline;}
a.SiteWideLinks:hover {color: #666666; text-decoration: underline;}

#checkoutReviewOrderTable .COTextBox {
	text-align: right;
}

/*product detail spec sheet links*/
#specsheet {width:360px; margin:20px 0 20px 0;} /*float:right;*/
a.specsheet:link {color: #003399; text-decoration: underline;}
a.specsheet:visited {color: #003399; text-decoration: underline;}
a.specsheet:active {color: #666666; text-decoration: underline;}
a.specsheet:hover {color: #666666; text-decoration: underline;}

/*product detail admin order search*/
.clear {clear: both;}
#customer-order-search {
    width: 300px;
    position: absolute;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 100;
}

#customer-order-notes {
    width: 300px;
    position: absolute;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 99;
    top: 0;
}

#customer-reminders {
    width: 300px;
    position: absolute;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 99;
    top: 0;
}

#customer-shipto-search {
    width: 300px;
    position: absolute;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 100;
}

#customer-order-search .ui-widget-header:hover,
#customer-order-notes .ui-widget-header:hover,
#customer-reminders .ui-widget-header:hover,
#customer-shipto-search .ui-widget-header:hover
{
    cursor: move;
}

#customer-order-search p.notes,
#customer-order-notes p.notes,
#customer-shipto-search p.notes
{
    overflow: auto;
    margin-top: 0;
    padding-top: 0;
}

#customer-order-search .notes,
#customer-order-notes .notes,
#customer-reminders .reminders,
#customer-shipto-search .notes
{
    overflow: auto;
    margin-top: 0;
    padding-top: 0;
}





#customer-order-search .results,
#customer-shipto-search .results
{
    float: left;
    width: 295px;
    overflow: auto;
    max-height: 800px;
}
#customer-order-search #customer-order-search-min-max,
#customer-order-notes #customer-order-notes-min-max,
#customer-reminders #customer-reminders-min-max,
#customer-shipto-search #customer-shipto-search-min-max
{
    font-size: 20px;
    float: right;
    padding-right: 10px;
    line-height: 12px;
}
#customer-order-search #customer-order-search-min-max:hover,
#customer-order-notes #customer-order-notes-min-max:hover,
#customer-reminders #customer-reminders-min-max:hover,
#customer-shipto-search #customer-shipto-search-min-max:hover
{
    cursor: default;
}
#customer-order-search h4,
#customer-shipto-search h4
{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 11px;
}

#customer-order-search table.OrderDetails,
#customer-shipto-search table.OrderDetails
{
    font-size: 11px;
    font-family: Arial;
    border-collapse: collapse;
    vertical-align: top;
}
#customer-order-search td.OrderDetails,
#customer-shipto-search td.OrderDetails
{
    font-size: 11px;
    vertical-align: top;
    border: 1px solid #ccc;
    padding:2px;
}

#customer-order-search table.OrderDetailsHeader,
#customer-shipto-search table.OrderDetailsHeader
{
    margin-bottom: 5px;

}

#customer-order-search table.OrderDetailsBody,
#customer-shipto-search table.OrderDetailsBody
{
    margin-bottom: 15px;
}

#customer-order-search table.OrderDetailsBody .Header,
#customer-shipto-search table.OrderDetailsBody .Header
{
    font-weight: bold;
}

#customer-shipto-search #customerShipToSearchTerm,
#customer-shipto-search #customerShipToReset
{
    display: none;
}

#sameAsShipping {
visibility: hidden;
}

#tabs {
    margin-bottom: 10px;
}

#tabs .tab-fragment {
    height: 300px;
    overflow: auto;
}