
@charset "utf-8";
/* CSS Document */

/* main background light gray #ebeaea */
/* main tegifcolor almost black #090a0a */
/* dark gray text #565758 */
/* grayish blue links #4682b4 */
/* medium gray border around pictures and boxes #c2c1c1 */
/* bright blue featured category titles #0e7dd8 */
/* red color throughout, link rollovers #c21e1e */
/* black text in gray information/guarantee box #000000 */
/* dark blue slightly greenish text in left nav, breadcrumbs #125185 */
/* bright blue price in shopping cart #0e7dd8 */
/* brighter blue rollover button color #0f8ef2 */


/* ///////////////////////////////////////////////////////////////////////////*/
/* MODIFY COLORS HERE FOR SITEWIDE COLOR CHANGES.  OTHER STYLE DECLARATIONS FOR SAME ELEMENTS ARE LOWER IN THIS DOCUMENT */

/* search button color */
#hdrSearch input.searchButton {
background-color: #4682b4;
}

/* titles of featured categories on home page */
h1.featCatTitle { /* if title is not a link */
color: #0e7dd8;
}

h1.featCatTitle a { /* if title is a link */
color: #0e7dd8;
}

h1.featCatTitle a:hover {
color: #6490d9;
}

/* colored header bar of highlight box */
#highlightHdr {  
background-color: #316d9d;  
}

/* main top navigation menu */


#navigation ul li a {   /* small links in main menu */
color: #125185; 
}

#navigation ul li:hover > a {   /* small link text color when hovered */
color: #fff;
}

#navigation ul li:hover {      /* background color around link when hovered */
background-color: #71a4cd;
}

#breadcrumb { /* breadcrumb link colors */
color: #125185;
}

#breadcrumb a {
color: #125185;
}

#breadcrumb a:hover {
color: #6490d9;
}

/* left category menu & product filtering */

#leftNavHdr {  /* background color at top of left nav bar, usually "shop by" category name */
background-color: #c21e1e;	
}

#leftNav > li a { /* link color */
color: #125185;
}

#leftNav a:hover {           /*background color on hovering link */
background-color: #a9c9e4;
color: #125185;              /* currently does not change on hover, but can be set to any color */
} 

#superSearch > li a, .search_category a { /* link color */
color: #125185;
}

#superSearch > li p, .search_category { /* if not link */
color: #125185;
}

#superSearch a:hover {           /*background color on hovering link */
background-color: #a9c9e4;
color: #125185;              /* currently does not change on hover, but can be set to any color */
} 

/* featured items carousel */

#featuredItemsTitle {
color: #0e7dd8;         
}

div.jMyCarousel ul li a { /* link */
color: #125185;
}

div.jMyCarousel ul li span.box {/* featured items text */
color: #125185;
}


/* titles of subcategories on category pages */
h1.subCatTitle { /* if title is not a link */
color: #0e7dd8;
}

h1.subCatTitle a { /* if title is a link */
color: #0e7dd8;
}

h1.subCatTitle a:hover {
color: #6490d9;
}

/* product gridview listing pages */

.gridProductBox, .gridProductBox a {   /* product subtitle text color, Product name/link text color */
color: #125185;
}

.gridProductBox a:hover { /* when mousing over link */
color: #6490d9;
}

.gridProductPriceShip span.regprice {    /* text that says "Our Price" */
color: #125185;
}

.gridProductPriceShip span.saleprice {     /* text that says "Sale Price" */
color: #c21e1e;
}

.gridProductPrice, .gridProductShipping {     /* dollar amount & Free Shipping text*/
color: #c21e1e;
}

.gridProductCompareBox {
color: #125185;
}

#filterResultsHdr {  
color: #000;
}

#filterResultsHdr a {
color: #125185;
}

#filterResultsHdr a:hover {
color: #6490d9;
}

.filterPaginationLinks, .filterDivider, .filterNumItems, .filterItemsPerPage {
color: #000;
}

.filterItemsPerPage a, .filterPaginationLinks a {
color: #125185;
}

.filterItemsPerPage a:hover, .filterPaginationLinks a:hover {
color: #6490d9;
}

#filterResultsFtr {  
color: #000;
}

#filterResultsFtr a {
color: #125185;
}

#filterResultsFtr a:hover {
color: #6490d9;
}

#loading_graphic {
margin: 5px;
}

#loading_graphic > img {
display: inline !important;
float: none !important;
vertical-align: middle;
}


/* product detail */

#productDetails h1.productTitle {
color: #125185;
}

/* Sign In button color */
#signin {
background-color: #c21e1e;
}

#signin:hover {
background-color: #3E86B9;
}

/* AddtoCart button color */
#productAddToCart {
background-color: #c21e1e;
}

#productAddToCart:hover {
background-color: #3E86B9;
}

/* No Thanks button color */
#personalizationNoThanks {
background-color: #c21e1e;
}

#personalizationNoThanks:hover {
background-color: #3E86B9;
}

/* links within product description tabs */
#content1 a:hover, #content2 a:hover, #content3 a:hover, #content4 a:hover {
color: #c21e1e;
}

#productAccessories .accessoryProductTitle a {
color: #125185;
}

#productAccessories .accessoryProductTitle a:hover {
color: #c21e1e;
}

#productAccessories .accessoryProductBox {
color: #000;
}

#productAccessories .accessoryProductPrice, #productAccessories .accessoryProductShipping {
color: #c21e1e;
}

#productRating a:hover {
color: #c21e1e;
}

/* related items box*/

#relatedProducts h1.featuredTitle {
color: #0e7dd8;
}

.relatedProductBox {
color: #125185;
}

.relatedProductPrice, .relatedShipping {
color: #c21e1e;
}

#relatedProducts a {
color: #125185;
}

#relatedProducts a:hover {
color: #6490d9;
}

.relatedProductPrice span.regprice {    /* text that says "Our Price" */
color: #125185;
}

.relatedProductPrice span.saleprice {     /* text that says "Sale Price" */
color: #c21e1e;
}

/* static content pages */

#staticContent h1.pageTitle, #staticContent .pageText, #staticContent p {
color: #125185;
}

#staticContent a {
color: #125185;
}

#staticContent a:hover {
color: #c21e1e;
}

#fullWidthContent h1.pageTitle { /* page title when left navigation or right bar not used */
color: #125185;
}

/* shopping cart */

#cartContents th {
background-color: #a9c9e4;        /* header bar of table */
color: #125185;                   /* text color of header bar */
}

#cartContents .name a {
color: #125185;                    /* product titles */
}

#cartContents .name a:hover {
color: #c21e1e;
}

#cartContents .remove a {
color: #125185;
}

#cartContents .remove a:hover {
color: #c21e1e;
}

#cartContents td.price {
color: #0e7dd8;
}

#cartContents .savings {
color: #c21e1e;
}

#cartContents .subtotal {
border-top: 10px solid #a9c9e4;   /* thick line above subtotal */
}

#cartContents .grandtotalprice {
color: #0e7dd8;
}

/* shopping cart button colors  - change background color to change button color.  Hover color changes rollover color */

#cartUpdateQty,#cartKeepShopping, #cartCalculateShipping {
background-color: #1d83d9;          /* button background color */
}

#cartCheckout {
background-color: #c21e1e;          /* button background color */
}

#cartApplyCoupon {
background-color: #999;          /* button background color */
}

#cartUpdateQty:hover, #cartApplyCoupon:hover, #cartKeepShopping:hover, #cartCheckout:hover, #cartCalculateShipping:hover {
background-color: #52aefb;           /* button hover color */
}

#shipEstimateBox .shipEstimateTitle {
color: #125185;
}

/* shopping cart upsells */

#cartUpsells h1.featuredTitle {
color: #0e7dd8;               
}

.upsellProductBox, .upsellProductSubtitle {
color: #125185;               
}

.upsellProductPrice {
color: #c21e1e;              
}

.upsellProductPrice span.regprice {    /* text that says "Our Price" */
color: #125185;                       
}

.upsellProductPrice span.saleprice {     /* text that says "Sale Price" */
color: #c21e1e;                       
}

.upsellShipping {
color: #c21e1e;               
}

#cartUpsells a {
color: #125185;               
}

#cartUpsells a:hover {
color: #6490d9;               
}

/* quickview popup */
#quickAddToCart h1.productTitle {
color: #125185;              
}

#quickAddToCart #productRegPrice {
color: #125185;
}

#quickAddToCart #productSalePrice {
color: #c21e1e;
}

/* ///////////////////////////////////////////////////////////////////////////*/


/* YOU MUST CHOOSE ONE OF THE SECTIONS BELOW TO TURN ON, EITHER STRIPED BAR NAV, OR TABBED VERSION NAV */
/* do not turn on both!!  */

/* ///////////////////////////////////////////////////////////////////////////*/
/* STRIPED BAR VERSION OF NAV*/
/* comment out this entire section if using tabbed nav */



#navStripedBar {
position: absolute;
left: 0px;
width: 100%;
height: 36px;
top: 131px;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_nav_stripedbar.png) repeat-x left top #4682b4;
}

#navigation li.mainnav div.navtabLeft { 
float: left;
width: 14px;
height: 36px;
}

#navigation li.mainnav div.navtabMiddle { 
float: left;
height: 36px;
}

#navigation li.mainnav div.navtabRight { 
float: left;
width: 27px;
height: 36px;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/navtab_overlay_arrow.png);
}

#navigation li.mainnav { 
background-color: #transparent;  
}

#navigation li.mainnav:hover {
background-color: #0f8af2;   
}

#navigation li.secondarynav a.cat { 
color: #fff;
}

#navigation li.secondarynav a:hover.cat { 
color: #b8dbf8;
}



/* END STRIPED BAR NAV */
/* ///////////////////////////////////////////////////////////////////////////*/


/* ///////////////////////////////////////////////////////////////////////////*/
/* TABBED VERSION NAV */
/* comment out this entire section if using striped nav */
/*

#navStripedBar {
display: none;
}

#navigation li.mainnav { 
background-color: #4d88b9;  regular color 
}

#navigation li.mainnav:hover {
background-color: #0f8af2;   
}

#navigation li.mainnav div.navtabLeft { 
float: left;
width: 14px;
height: 36px;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/navtab_overlay_left.png);
}

#navigation li.mainnav div.navtabMiddle { 
float: left;
height: 36px;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/navtab_overlay_middle.png);
background-repeat: repeat-x;
}

#navigation li.mainnav div.navtabRight { 
float: left;
width: 27px;
height: 36px;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/navtab_overlay_right.png);
}

#navigation li.secondarynav a.cat { 
color: #346893;
}

#navigation li.secondarynav a:hover.cat { 
color: #c21e1e;
}

*/


/* END TABS VERSION NAV */
/* ///////////////////////////////////////////////////////////////////////////*/


/* ///////////////////////////////////////////////////////////////////////////*/
/* SINGLE COLUMN SUBCATEGORY OPTION */
/* uncomment out this entire section to display nav subcategories in a single column */

/*
#navigation div.subcatBoxMain {
width: auto !important;
margin-left: 0px !important;
}
#navigation li.mainnav:hover div.subcatBoxMain {
left: inherit !important;
}
#navigation_frame ul {
float: none !important;
}
#navigation li.subcatColumnsMain {
float: none !important;
}
*/

/* END SINGLE COLUMN SUBCATEGORY OPTION */
/* ///////////////////////////////////////////////////////////////////////////*/


/* END COLOR MODIFICATION SECTION */
/* ///////////////////////////////////////////////////////////////////////////*/


body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_site.gif) repeat-x left top #ebeaea;
}

#siteWrapper {
float: left;
width: 100%;
}
	
#siteContainer {
width: 960px;
position: relative;
margin: 0px auto;
padding: 0px;
}

/*HEADER*/
#siteHeader {
width: 100%;
height: 167px;
padding: 0px;
margin: 0px;
}

#hdrLogo {
float: left;
margin: 35px 0px 0px 0px;
}

#hdrLogo img {
border: 0px;
}

#hdrRight {
float: right;
width: 600px;
margin: 35px 0px 0px 0px;
text-align: right;
}

#hdrCallMessage {
float: right;
width: 550px;
color: #565758;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: -.2px;
}

#hdrCallMessage span {
color: #c21e1e;
}

#hdrLinks {
float: right;
width: 450px;
margin: 8px 0px;
font-size: 12px;
font-weight: normal;
color: #4682b4;
word-spacing: 2px;
}

#hdrLinks a {
font-size: 12px;
font-weight: bold;
color: #4682b4;
text-decoration: none;
}

#hdrLinks a:hover {
text-decoration: underline;
}

#hdrLinks span.carttotal {
font-weight: bold;
color: #c21e1e;
}

#hdrSearch {
float: right;
width: 350px;
height: 25px;
text-align: right;
margin: 0px;
}

#hdrSearch div {
display: inline;
width: auto;
height: auto;
}

#hdrSearch input.searchBox, #freetext_search_box {
float: left;
background-color: #fff;
border: 1px solid #adadad;
color: #999999;
font-size: 12px;
margin: 0px;
padding: 3px 0px 2px 0px;
width: 265px;
height: 19px;
}

#hdrSearch input.searchButton {
float: right;
/* background-color: #4682b4;                set color at top of file  */
border: 1px solid #adadad;
color: #fff;
font-size: 12px;
margin: 0px;
padding: 0px;
width: 71px;
height: 23px;
}

/* MIDDLE CONTENT AREA */

#siteContent {
float: left; 
width: 100%;
background-color: transparent;
padding: 0px;
margin: 0px;
}

#columnsBackground { /* container to force appearance of equal column heights on left navigation bar.  */
float: left;
width: 960px;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_columnsbackground.gif) top left repeat-y transparent;
border-bottom: 1px solid #c2c1c1;
}

#productBackground { /* container to force appearance of equal column heights on product detail page with recommended items  */
float: left;
width: 960px;
}

#mainContent { /* container for everything besides left navigation bar or right recommended items bar*/
float: left; 
width: 740px;
background-color: #ebeaea;
padding: 0px;
margin: 0px;
}

#fullWidthContent { /* container when left navigation or right bar not used, ex: shopping cart pages*/
float: left; 
width: 918px;
background-color: #fff;
border: 1px solid #c2c1c1;
margin: 0px;
padding: 15px 20px;
}

#fullWidthContent h1.pageTitle { /* page title when left navigation or right bar not used */
width: 100%;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 26px;
font-weight: 600;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #c2c1c1;
margin: 0px 0px 10px 0px;
/* color: #125185;                   set color at top of file */
}


/* HOMEPAGE CONTENT */


/* rotating homepage banner */

#homepageBanner {
float: left;
position: relative;
display: block;
width: 960px;
height: 380px;
}

#homepageBanner img {
border: 0px;
}

#rotatingArea {
float: left;
margin:0;
overflow: hidden;
width: 960px;
height: 380px;
}

#rotatingArea div.on {
display: block;	
}

#rotatingArea div.off {
display: none;
}

#rotatingArea img {
border: none;
}

#rotatingArea_controls {
float: left;
position: relative;
display: block;
top: -23px;
left: 0px;
width: 960px;
height: 23px;
padding: 0;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_rotatingAreaControls.png) repeat-x left top transparent;
z-index: 1;
}

#jshowoff {
width: 960px;
height: 380px;
}

#jshowoff h2, #jshowoff p {
font-size: 11px;
padding: 15px 20px 0px;
margin: 0;
}
#jshowoff p {
font-size: 11px;
line-height: 14px;
}

#jshowoff-slidelinks a, #jshowoff-controls a {
display: block;
color: #ccc;
padding: 0px 3px;
margin: 0px;
float: left;
text-decoration: none;
outline: none;
font-size: 11px;
line-height: 14px;
}
#jshowoff-slidelinks a.jshowoff-active {
color: #fff;
font-weight: bold;
}
p#jshowoff-controls {
position: absolute;
left: 0px;
bottom: 2px;
overflow: hidden;
height: 17px;
width: 220px;
padding: 0;
margin: 0px 0px 0px 4px;
z-index: 2;
}
#jshowoff-slidelinks {
position: absolute;
height: 17px;
bottom: 2px;
left: 220px;
margin: 0;
padding: 0;
z-index: 2;
}
#jshowoff-controls a {
margin: 0 5px 0px 14px;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
padding: 0px 0px;
z-index: 2;
}

/* featured categories section */

#featuredCategories {
float: left;
width: 958px;
background-color: #fff;
border: 1px solid #c2c1c1;
padding: 10px 0px;
margin-top: 7px;
}

.featCatBox {
float: left;
width: 202px;
padding: 0px 15px;
border-left: 2px dotted #dddcdc;
}

#featuredCategories div.featCatBox:first-child {
border-left: 0px;
}

h1.featCatTitle {
text-align: left;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
font-weight: 700;
margin: 0px;
/* color: #0e7dd8; change this color at top of file */
}

h1.featCatTitle a {
font-size: 13px;
font-weight: bold;
text-decoration: none;
/* color: #0e7dd8; change this color at top of file */
}

h1.featCatTitle a:hover {
text-decoration: underline;
/* color: #c21e1e; change this color at top of file */
}

/*
.featCatImageFloater {
height: 160px;
overflow-x: visible;
overflow-y: visible;
}
*/

.featCatImage {
width: 200px;
text-align: center;
}

.featCatImage img {
border: 1px solid #c2c1c1;
padding: 0px;
margin: 5px 0px;
max-height: 160px;
max-width: 200px;
}

.featCatDesc {
text-align: left;
font-size: 11px;
color: #000;
font-weight: normal;
}

/* company guarantee / informational box with scrolling info */

#informationBox {
float: left;
width: 100%;
height: 265px;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_infobox.jpg) top left no-repeat #ebeaea;
margin-top: 7px;
}

#infoLeft {
float: left;
width: 580px;
height: auto;
margin: 15px 0px 0px 13px;
}

#infoTitle {
float: left;
color: #fff;
text-shadow: #000 1px 2px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}

#infoImage {
float: left;
width: 166px;
margin-right: 16px;
}

#infoDesc {
float: right;
width: 390px;
text-align: left;
color: #000000;
font-weight: normal;
}

#infoDesc p {
margin: 0px 0px 5px 0px;
}

#infoDesc span {
font-weight: bold;
}

#infoDesc a {
color: #0e7dd8;
font-weight: bold;
text-decoration: underline;
}

#infoDesc a:hover {
color: #c21e1e;
font-weight: bold;
text-decoration: underline;
}

#infoFooter {
float: left; 
width: 580px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 20px;
font-weight: 700;
color: #0e7dd8;
}

#infoFooter span {
color: #c21e1e;
}

#highlightBox {
float: right;
width: 333px;
height: 239px;
margin: 15px 13px 0px 0px;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_highlightbox.jpg) top left no-repeat transparent;
}

#highlightHdr {  /* colored header bar of highlight box */
width: 304px;
height: 29px;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/hdr_highlight_overlay.png);
background-position: top left;
background-repeat: no-repeat;
/* background-color: #316d9d;  change this color at top of file */
margin: 1px 0px 0px 1px;
padding: 5px 10px;
color: #fff;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 20px;
}

#highlightText {
float: left;
width: 304px;
height: 170px;
overflow: hidden;
padding: 7px 10px;
color: #4682b4;
margin: 0px 0px 0px 1px;
}

#news-ticker {
height: 176px !important;
overflow: hidden;
}

#news-ticker li {
list-style:none;
display:block;	
height: 120px;
font-size:12px;
padding-bottom: 10px;
border-bottom: 1px solid #c2c1c1;
margin-bottom: 10px;
}

#news-ticker p {
margin: 5px 0px;
color: #4682b4;
}

#news-ticker div {
color: #c2c1c1;
}

/* LEFT NAV - CATEGORY AND STATIC PAGES */

#leftBar {
float: left;
width: 210px;
background-color: #fff;
margin-right: 10px;
border-bottom: 1px solid #c2c1c1;
}

#leftNavHdr {
float: left;
width: 190px;
height: auto;
/* background-color: #c21e1e;	            set color at top of file */
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/hdr_leftnav_overlay.png);
background-repeat: no-repeat;
padding: 8px 10px;
}

#leftNavHdr h1 {
color: #fff;
line-height: 17px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
margin: 0px;
padding: 0px;
}

#expcoll {   /* expand all / collapse all links above categories */
float: left;
width: 188px;
padding: 5px 10px;
border-top: 1px solid #c2c1c1;
border-left: 1px solid #c2c1c1;
border-right: 1px solid #c2c1c1;
color: #999;
}

#expcoll a.tree {
font-size: 11px;
color: #999;
text-decoration: none;
}

#expcoll a:hover.tree {
color: #c21e1e;
}

/* leftNav for category, static, and other pages without supersearch */

ul#leftNav {
float: left;
list-style-type: none;
display: block;
width: 208px;
margin: 0px;
padding: 8px 0px 15px 0px;
background-color: #fff;
border-left: 1px solid #c2c1c1;
border-right: 1px solid #c2c1c1;  /* top border transparent to connect to expand collapse div, div#expcoll */
line-height: 22px;
}

ul#leftNav li {
list-style: none; 
display: block;
width: 185px;
height: auto;  /* leave height auto to allow expanded sub-li's to push main li's down - expands height of existing li */
padding: 5px 10px 4px 13px;
line-height: 24px;
margin: 0px;
z-index: 1;
clear: both;     /* helps li encompass it's child UL since the span and LI inside that UL are floating*/
}

ul#leftNav li li {  /* subcats need to be a little less wide */
width: 175px;
line-height: 14px;
padding: 0px 2px 0px 18px;
}

ul#leftNav > li a { /* 1st level normal link style */
/* color: #125185;     change at top of file */
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px;   
}

ul#leftNav li li span {  /* float the small arrow left so we can display the li next to it as "block" allowing 2-line subcats to wrap correctly */
display: block;
float: left;
margin-top: 4px;
}

ul#leftNav li li a { /* 2nd level links need display block and specific width to wrap correctly when 2 lines*/
display: block;
float: left;
width: 140px;
font-size: 11px;
font-weight: normal;
}

ul#leftNav a:hover {             /* link color on hovering */
/*	background-color: #a9c9e4;     set color at top of file */
/*	color: #125195;                set color at top of file */
}

/* expandable tree styles */

ul#leftNav ul {  /* second level to keep subcats to correct left margin */
padding: 2px 0px 0px 0px;
margin: 2px 0px 0px 0px;
}

ul#leftNav li .bullet {  /* Provide space for our own "bullet" inside the LI */
padding-left: 10px; 
}

/* Show plus or minus graphic next to the links, depending on the class of the LI */
ul#leftNav li.liOpen .bullet {
cursor: pointer; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/minus.gif) center left no-repeat;
}

ul#leftNav li.liClosed .bullet { 
cursor: pointer; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/plus.gif) center left no-repeat;
}

/* only show the small arrow next to the subcats under an expandable category.  Class "bullet" is added to all cats with no subcats, even the main ones.  This prevents a small arrow from displaying to the left of non-expandable main cats*/
ul#leftNav li.liClosed li.liBullet .bullet {
cursor: default; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/bullet.gif) center left no-repeat; 
}

ul#leftNav li.liOpen li.liBullet .bullet { 
cursor: default; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/bullet.gif) center left no-repeat; 
}

ul#leftNav li.liOpen ul {
display: block; 
}

ul#leftNav li.liClosed ul {
display: none; 
}

/* leftNav for Gridview and any page with Supersearch */
ul#superSearch {
float: left;
list-style-type: none;
display: block;
width: 208px;
margin: 0px;
padding: 8px 0px 15px 0px;
background-color: #fff;
border-left: 1px solid #c2c1c1;
border-right: 1px solid #c2c1c1;  /* top border transparent to connect to expand collapse div, div#expcoll */
line-height: 22px;
}

ul#superSearch li {
list-style: none; 
display: block;
width: 185px;
height: 14px;  /* leave height auto to allow expanded sub-li's to push main li's down - expands height of existing li */
padding: 5px 10px 6px 13px;
line-height: 16px;
margin: 0px 0px 2px 0px;
background-color: #ebeaea;
z-index: 1;
clear: both;     /* helps li encompass it's child UL since the span and LI inside that UL are floating*/
}

ul#superSearch li li {  /* subcats need to be a little less wide */
width: 175px;
line-height: 14px;
padding: 0px 2px 0px 18px;
background-color: #fff;   /*ensure that subattributes are white background, not gray bar */
}

ul#superSearch > li a { /* 1st level normal link style */
/* color: #125185;     set color at top of file */
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px;   
}

ul#superSearch > li p, .search_category h3 { /* if 1st level is not a link */
/* color: #125185;     set color at top of file */
display: inline;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 0px 5px; 
margin: 0px;
}

ul#superSearch li li span {  /* float the small arrow left so we can display the li next to it as "block" allowing 2-line subcats to wrap correctly */
display: block;
float: left;
margin-top: 4px;
}

ul#superSearch li li a, .search_anchor { /* 2nd level links need display block and specific width to wrap correctly when 2 lines*/
display: block;
width: 140px;
font-size: 11px;
font-weight: normal;
padding-left: 20px;
}

ul#superSearch a:hover .search_anchor a:hover {             /* link color on hovering */
/*	background-color: #a9c9e4;     set color at top of file */
/*	color: #125195;                set color at top of file */
}

/* expandable tree styles */

ul#superSearch ul {  /* second level to keep subcats to correct left margin, and won't overlap the gray attribute bar */
padding: 2px 0px 0px 0px;
margin: 2px 0px 0px 0px;
}

ul#superSearch li .bullet {  /* Provide space for our own "bullet" inside the LI */
padding-left: 10px; 
}

/* Show plus or minus graphic next to the links, depending on the class of the LI */
ul#superSearch li.liOpen .bullet {
cursor: pointer; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/minus.gif) center left no-repeat;
}

ul#superSearch li.liClosed .bullet { 
cursor: pointer; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/plus.gif) center left no-repeat;
}

/* only show the small arrow next to the subcats under an expandable category.  Class "bullet" is added to all cats with no subcats, even the main ones.  This prevents a small arrow from displaying to the left of non-expandable main cats*/
ul#superSearch li.liClosed li.liBullet .bullet {
cursor: default; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/bullet.gif) center left no-repeat; 
}

ul#superSearch li.liOpen li.liBullet .bullet { 
cursor: default; 
background: url(https://www.usda-amsuniform.com/static/images/sp1/bullet.gif) center left no-repeat; 
}

ul#superSearch li.liOpen ul {
display: block; 
}

ul#superSearch li.liClosed ul {
display: none; 
}


/* CATEGORY PAGE */

#breadcrumb {
float: left;
width: 960px;
height: 20px;
margin: 10px 0px 5px 5px;
/*  color: #c21e1e;   set color at top of file */
font-weight: normal;
font-size: 12px;
background-color: transparent;
}

#breadcrumb a {
/* color: #125185;     set color at top of file */
font-weight: bold;
text-decoration: underline;	
font-size: 12px;
}

#breadcrumb a:hover {
/* color: #c21e1e;     set color at top of file */
}


/* category header */

#cathdr {                  /* for a main top-level category page */
float: left;
position: relative;
width: 740px;
}

#cathdr h1.cathdrtext {
position: absolute;
top: 5px;
margin: 0px 0px 0px 10px;
color: #fff;
font-family: 'Oswald','Open Sans', Arial, sans-serif;
font-size: 38px;
font-weight: 400;
text-shadow: #000 1px 2px 5px;
}

#subcathdr {                  /* for a drilled-down, bottom-level subcategory page with gridview display */
float: left;
position: relative;
width: 740px;
}

#subcathdr h1.subcathdrtext {
position: absolute;
top: 5px;
margin: 0px 0px 0px 10px;
color: #fff;
font-family: 'Oswald','Open Sans', Arial, sans-serif;
font-size: 32px;
font-weight: 400;
text-shadow: #000 1px 2px 5px;
}

/* category name & description */

#catDesc {
float: left;
width: 740px;
background-color: transparent;
margin: 10px 0px 0px 0px;
}

#catDesc h1.catTitle {
float: left;
width: 740px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 18px;
font-weight: 700;
color: #0e7dd8;
margin: 0px;
}

#catText {
float: left;
width: 740px;
margin: 10px 0px 0px 0px;
}

#catText p {
margin: 0px 0px 10px 0px;
}

#catText span.callout {
font-weight: bold;
color: #c21e1e;
}


/* featured item carousel */

.featuredProductImageFloater {
overflow: visible;
}

.featuredProductImage {
width: 85px;
}

#featuredItemCarousel {
float: left;
width: 715px;
height: 166px;
background:  url(https://www.usda-amsuniform.com/static/images/sp1/bg_featureditemcarousel.gif) left top no-repeat #ebeaea;
margin-top: 10px;
padding-left: 20px;
padding-right: 5px;
}

#featuredItemsTitle {
float: left;
width: 700px;
height: 20px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 18px;
font-weight: 700;
/* color: #0e7dd8;         set color at top of file */
margin: 10px 0px 3px 0px;
}

div.jMyCarousel {
float: left;
margin-left: -10px;
width: 683px !important; /*override automatic width based on li elements set by script*/
padding: 0px 40px 10px 0px;
}

div.jMyCarousel .prev{
background: url('images/btn_prev.gif') center center no-repeat;
width:26px;
height:79px;
border:0px;
}

div.jMyCarousel .next{
background: url('images/btn_next.gif') center center no-repeat;
width:26px;
height:79px;
border:0px;
}

div.jMyCarousel input {
padding: 0px;
cursor: pointer;
}

div.jMyCarousel div.ulContainer { /*container limits width so dynamically generated next/prev buttons show outside the container*/
position: relative;  /*positon relative required for overflow to stay hidden in IE*/
width: 655px;
margin-left: 36px;
overflow:hidden;
}

div.jMyCarousel ul {
position: relative;    /* all styles except bg-color are added dynamically by script. added here to avoid FOUC */
list-style-type: none;
left: 0;
margin: 0;
padding: 0;
/*z-index: 1;*/
background-color:#fff;
width: 2000px;    /* real width is dynamically generated and overrides this one.  added any large width here to avoid FOUC */
}

div.jMyCarousel ul li{
float: left;      /* float, overflow and display are added dynamically by script. added here to avoid FOUC */
overflow: hidden; 
display: inline;
margin:10px 10px 10px 0px;
line-height:0px;
padding:3px;
width: 160px;
}

div.jMyCarousel ul li span.box {    /* text inside featured item */
/*  color: #125185;      set color at top of file */
width: 65px;
height: 95px;
font-size: 11px;
line-height: 14px;
overflow: hidden;
}

div.jMyCarousel ul li a { /* link */
float: left;
width: 160px;
margin:0px;
padding:0px;
font-size: 11px;
font-weight: bold;
/* color: #125185;        set color at top of file */
text-decoration: none;
}

div.jMyCarousel ul li a:hover div, div.jMyCarousel ul li a:hover span { /* link hover state */
color: #c21e1e;
}

div.jMyCarousel ul li a span.price { /* price */
display: block;
margin-top: 8px;
color: #c21e1e;
}

div.jMyCarousel ul li a .featuredProductImageFloater .featuredProductImage img {
float: left;
border:0px;
margin:0px 5px 0px 0px;
padding-bottom:0px;
height: 85px;
}

/* subcategory boxes on a main category page */

#subCategories {
float: left;
width: 705px;
background-color: #fff;
border: 1px solid #c2c1c1;
border-bottom: 0px;
padding: 22px 13px 22px 20px;
margin-top: 7px;
}

.subCatBox {
float: left;
width: 202px;
height: 280px;  /* subcat boxes need fixed height to float next to each other - adjust to fit the height of your general category descriptions */
overflow: hidden;
padding: 0px 15px 20px 15px;
/*border-left: 2px dotted #dddcdc;*/
}

#subCategories div.subCatBox:first-child {
border-left: 0px;
}

h1.subCatTitle {
text-align: left;
font-size: 16px;
font-weight: bold;
margin: 0px;
/* color: #0e7dd8;           set color at top of file */
}

h1.subCatTitle a {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
font-weight: 700;
text-decoration: none;
/* color: #0e7dd8;           set color at top of file */
}

h1.subCatTitle a:hover {
text-decoration: underline;
/* color: #c21e1e;           set color at top of file */
}

.subCatImageFloater{
height: 160px;
overflow: visible;
}

.subCatImage {
width: 200px;
}

.subCatImage img {
border: 1px solid #c2c1c1;
padding: 0px;
margin: 5px 0px;
}

.subCatDesc {
text-align: left;
font-size: 11px;
color: #000;
font-weight: normal;
}


/* gridview boxes on a subcategory / supersearch page */
/*results section to right side*/

#filterResultsColumn {
float: left;
position: relative;              /* to allow compare checked button to be position absolute */
width: 738px;
background-color: #fff;
border: 1px solid #c2c1c1;
border-bottom: 0px;
padding: 0px;
margin-top: 7px;
}

#filterResultsHdr {  
float: left;
width: 100%;
height: 30px;
padding: 0px;
margin-top: 0px;
font-size: 12px;
background-color: #d1d1d1;
/* color: #666;                 set color at top of file */
}

#filterResultsHdr a {
font-size: 12px;
font-weight: bold;
/*  color: #125185;              set color at top of file */
text-decoration: underline;
}

#filterResultsHdr a:hover {
/* color: #6490d9;                set color at top of file */
}

#filterSortTitle {
float: left;
margin: 0px 8px;
font-weight: bold;
padding: 9px 0px;
}

#filterSortItems {
float: left;
width: 150px;
padding: 6px 0px;
}

#filterSortItems select {
vertical-align: middle;
}

.filterLinks {
float: left;
}

.filterPaginationLinks {
float: left;
padding: 7px 0px;
font-weight: bold;
/* color: #666;             set color at top of file */
}

.filterDivider {
float: left;
padding: 7px 8px;
/* color: #000;             set color at top of file */
}

.filterNumItems {
float: left;
padding: 7px 10px;
margin-right: 60px;
/* color: #000;             set color at top of file */
font-weight: bold;
}

.filterItemsPerPage {
float: left;
padding: 7px 0px;
font-weight: bold;
/* color: #666;             set color at top of file */
}

.filterItemsPerPage a, .filterPaginationLinks a {
/* color: #125185;             set color at top of file */
font-weight: bold;
text-decoration: underline;
}

.filterItemsPerPage a:hover, .filterPaginationLinks a:hover {
/* color: #6490d9;             set color at top of file */
}

#filterResultsProducts {
float: left;
width: 710px;	
padding: 10px 15px 0px 20px;	
}

#filterResultsFtr {  
float: left;
width: 100%;
height: 30px;
padding: 0px;
margin-top: 10px;
font-size: 12px;
background-color: #d1d1d1;
/*color: #000;                    set color at top of file */
}

#filterResultsFtr a {
font-size: 12px;
font-weight: bold;
/*color: #125185;                  set color at top of file */
text-decoration: underline;
}

#filterResultsFtr a:hover {
/*color: #6490d9;                  set color at top of file */
}

.compareChecked {                  /* must appear outside of SuperSearch results, so positioning absolute allows placement where you want */
position: absolute;
right: 5px;
top: -3px;
width: 69px;
height: 27px;
text-align: right;
padding: 5px 0px;
}

.compareChecked a.rollover {
float: right;
display: block;
width: 69px;
height: 24px;
margin-right: 10px;
text-decoration: none;
background: url("https://www.usda-amsuniform.com/static/images/sp1/btn_compare_checked.png");
}

.compareChecked a.rollover:hover {
background-position: -69px 0;
}

.compareChecked .displace {
position: absolute;
left: -5000px;
}


/* PRODUCT GRIDVIEW THUMBNAILS */
.gridProductBoxAndCompare {
float: left;
width: 200px;
padding: 10px 10px;
margin: 0px 12px 10px 0px;
border: 1px solid #dad9d5;
}

/* specific height for gridProductBox, gridProductPriceShip, & gridProductCompareBox ensures that all prices and compares will line up vertically */
.gridProductBox {
float: left;
position: relative; /*added position to allow quickview button to show up in right place in gridProductbox*/
width: 100%;
height: 240px;       
text-align: center;
font-size: 11px;
/* color: #125185;           set color at top of file */
overflow: hidden;
}

.gridProductBox img {
border: none;
}

.gridProductBox a {
font-size: 12px;
font-weight: bold;
/* color: #125185;           set color at top of file */
text-decoration: none;
}

.gridProductBox a:hover {
/*color: #c21e1e;           set color at top of file */
text-decoration: underline;
}

.gridProductPriceShip {
float: left; 
width: 100%;
height: 40px;
text-align: center;
}

.gridProductPriceShip span.regprice {
/*color: #125185;           set color at top of file */
}

.gridProductPriceShip span.saleprice {
/*color: #c21e1e;           set color at top of file */
}

.gridProductPrice {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
/*color: #c21e1e;           set color at top of file */
}

.gridProductShipping {
font-size: 12px;
font-weight: bold;
/*color: #c21e1e;           set color at top of file */
}

.gridProductCompareBox {
float: left; 
width: 100%;
height: 20px;
text-align: center;
/*color: #125185;           set color at top of file */
}

/* product listing image */
.gridProductBoxFloater {
height: 175px;
overflow: visible;
}

.gridProductBoxFloater .image {
width: 175px;
}

.config_swatch_product_listing img{height: 18px; border:1px solid; padding:1px;}
.config_swatch_product_listing {display: inline;}
#product_listing_swatches {height: 50px; margin-left: 2px;}

/* quickview / quickadd button if using */
.gridProductBox .quickadd {
bottom: 75px;
display: none;
left: 60px;
position: absolute;
height: 24px;
width: 73px;
}

.gridProductBoxFloater .image .quickadd a {
display: block;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/btn_quickview_off.gif);
height: 24px;
width: 73px;
}

.gridProductBoxFloater .image .quickadd a:hover {
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/btn_quickview_hover.gif);
}

.gridProductBoxFloater .image .quickadd a.mousedown {
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/btn_quickview_active.gif);
}

.gridProductBoxFloater .image .quickadd a.mouseup:hover {
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/btn_quickview_hover.gif);
}

.gridProductBoxFloater .image .quickadd a.mouseup {
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/btn_quickview_off.gif);
}

body.popup {
background-color: #fff;
background-image: none;
}

#quickAddToCart {
float: left;
width: 770px;
padding: 20px 15px 20px 25px;
}

#quickAddToCart h1.productTitle {
float: left;
width: 300px;
font-family: 'Open Sans', Arial, sans serif;
font-weight: 700;
font-size: 22px;
/*color: #125185;               set color at top of file */
margin: 0px 0px 5px 0px;
line-height: 23px;
}

#quickAddToCart #productSubtitle {
float: left;
width: 300px;
color: #726e6d;
margin-bottom: 15px;
}

#quickAddToCart #productImage {
float: left;
width: 300px;
height: auto;
padding: 0px;
margin-right: 20px;
}

/*pricing*/
#quickAddToCart #productPricing {
float: left;
width: 300px;
margin: 0px;
}

#quickAddToCart #productOurPriceStrike {
float: left;
width: 300px;
font-size: 20px;
font-weight: bold;
color: #58514c;
line-height: 18px;
}

#quickAddToCart #productOurPriceStrike span {
text-decoration: line-through;
}
	
#quickAddToCart #productSalePrice {
float: left;
width: 300px;
font-weight: bold;
font-size: 24px;
/* color: #c21e1e;                            set color at top of file */
}

#quickAddToCart #productFreeShip span {
display: block;
font-weight: normal;
font-size: 12px;
color: #999;
}
	
#quickAddToCart #productRegPrice {
float: left;
width: 300px;
font-weight: bold;
font-size: 24px;
/* color: #125185;                            set color at top of file */
}	

#quickAddToCart #productMainImage {
float: left;
width: 275px;
height: 275px;
}

#quickAddToCart #productMainImage img {
border: none;
}

#quickAddToCart #prodMiniThumbs {
float: left;
height: auto;
padding: 10px;
}

#quickAddToCart .productMiniThumb {
float: left;
width: 77px;
height: 77px;
margin: 0px 8px 4px 0px;
overflow: hidden;
}

#quickAddToCart .productMiniThumb img {
border: 1px solid #c2c1c1;
}

#quickAddToCart #productDetails {
float: right;
width: 400px;
padding: 20px;
}

#quickAddToCart .productDescription {
float: left;
margin-bottom: 10px;
font-size: 12px;
color: #000;
}

#quickAddToCart #productConfig {
float: left;
width: 380px;
padding: 10px;
margin: 10px 0px;
border: 1px solid #d2d2d2;
}

#quickAddToCart #productConfigSelect {
float: left;
width: 380px;
margin-bottom: 20px;
}

#quickAddToCart #productQty {
float: left;
width: 120px;
}


/* PRODUCT DETAIL PAGE */

#productInfo {
float: left;
height: auto;
margin: 0px;
padding: 14px 14px;
background-color: #ffffff;
}

#productImage {
float: left;
width: 300px;
height: auto;
padding: 12px 15px;
margin-right: 5px;
}
#productImage img {
width: 300px;
}

#productMainImage, #mz_main {
width: 300px;
height: 300px;
}

#productMainImage img, #mz_main img {
border: none;
}

#productThumbText {
float: left;
width: 300px;
font-size: 11px;
color: #000;
}

.productMiniThumb, .mz_thumb {
float: left;
width: 75px;
height: 75px;
margin: 4px 10px 5px 0px;
border: 1px solid #c2c1c1;
overflow: hidden;
}

.productMiniThumb img, .mz_thumb img {
border: none;
}

/* Detail box with config options & add to cart */
#productDetails {
float: right;
width: 330px;
padding: 20px 20px;
border: 1px solid #d2d2d2;
margin-bottom: 20px;
}

#productDetails h1.productTitle {
float: left;
width: 100%;
font-family: 'Open Sans', Arial, sans serif;
font-weight: 700;
font-size: 22px;
/*color: #125185;               set color at top of file */
margin: 0px 0px 5px 0px;
line-height: 23px;
}

#productSubtitleID {
float: left;
width: 100%;
margin-right: 10px;
}

#productID {
float: left;
width: 100%;
font-weight: bold;
margin-top: 10px;
}

/*rating*/
#productRating {
float: left;
width: 100%;
margin-top: 0px;
font-size: 11px;
color: #000;
}

#productRating img {
margin: 5px 5px 0px 0px;
vertical-align: text-bottom;
}

#productRating a {
font-size: 11px;
color: #000;
text-decoration: underline;
}

#productRating a:hover {
/* color: #c21e1e;               set color at top of file */
}

/*pricing*/
#productPricing {
float: left;
width: 100%;
text-align: left;
margin-top: 15px;
}

#productOurPriceStrike {
font-size: 14px;
font-weight: bold;
color: #000;
}

#productOurPriceStrike span {
text-decoration: line-through;
}
	
#productSalePrice {
font-weight: bold;
font-size: 16px;
color: #c21e1e;
}

#productFreeShip {
margin-top: 10px;
font-weight: bold;
font-size: 12px;
color: #c21e1e;
}
	
#productRegPrice {
font-weight: bold;
font-size: 16px;
color: #c21e1e;
}	

/* stock status */

#productStockStatus { /* shipping message */
float: left;
width: 100%;
margin-top: 5px;
font-size: 12px;
}

#productStockStatus span.instock { /* status itself */
font-size: 14px;
font-weight: bold;
color: #36a30b;
}

#productStockStatus span.outofstock { /* status itself */
font-size: 14px;
font-weight: bold;
color: #c21e1e;
}
	
/* config options */

#productConfigOptions { 
float: left;
width: 100%;
}

.productOptionTitle {
font-size: 12px;
font-weight: bold;
color: #646467;	
margin: 15px 12px 4px 0px;
}

.productOptionTitle img {
border: none;
vertical-align: text-bottom;
margin: 0px 5px 0px 10px;
}

.productOptionTitle a.productHelpDecide {
font-size: 10px;
font-weight: normal;
color: #3268d3;	
text-decoration: underline;
}

.productOptionTitle a:hover.productHelpDecide {
color: #db5a06;	
}

select.productOptionSelect {
width: 300px;
}

/* ShadowBox popup window for compare checked items and quickview */

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
font-family:Arial,sans-serif;
font-weight:bold;
color:#fff;
}

#sb-container {
position:fixed;
margin:0;
padding:0;
top:0;
left:0;
z-index:999;
text-align:left;
visibility:hidden;
display:none;
}

#sb-overlay {
position:relative;
height:100%;
width:100%;
}

#sb-wrapper {
position:absolute;
visibility:hidden;
}

#sb-wrapper-inner {
position:relative;
border:1px solid #303030;
overflow:hidden;
height:100px;
}

#sb-body {
position:relative;
height:100%;
}

#sb-body-inner {
position:absolute;
height:100%;
width:100%;
}

#sb-player.html {
height:100%;
overflow:auto;
}

#sb-body img {
border:none;
}

#sb-loading {
position:relative;
height:100%;
}

#sb-loading-inner {
position:absolute;
font-size:14px;
line-height:24px;
height:24px;
top:50%;
margin-top:-12px;
width:100%;
text-align:center;
}

#sb-loading-inner span {
background:url(https://www.usda-amsuniform.com/static/images/sp1/loading.gif) no-repeat;
padding-left:34px;
display:inline-block;
}

#sb-body,#sb-loading {
background-color:#060606;
}

#sb-title,#sb-info {
position:relative;
margin:0;
padding:0;
overflow:hidden;
}

#sb-title,#sb-title-inner {
height:26px;
line-height:26px;
}

#sb-title-inner {
font-size:16px;
display:none;
}

#sb-info,#sb-info-inner {
height:20px;line-height:20px;
}

#sb-info-inner {
font-size:12px;
}

#sb-nav {
float:right;
height:16px;
padding:2px 0;
width:45%;
}

#sb-nav a {
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
background-repeat:no-repeat;
}

#sb-nav-close {
background-image:url(https://www.usda-amsuniform.com/static/images/sp1/close_red.png);
}

#sb-nav-next {
background-image:url(https://www.usda-amsuniform.com/static/images/sp1/next.png);
}

#sb-nav-previous {
background-image:url(https://www.usda-amsuniform.com/static/images/sp1/previous.png);
}

#sb-nav-play {
background-image:url(https://www.usda-amsuniform.com/static/images/sp1/play.png);
}

#sb-nav-pause {
background-image:url(https://www.usda-amsuniform.com/static/images/sp1/pause.png);
}

#sb-counter {
float:left;width:45%;
}

#sb-counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}

#sb-counter a.sb-counter-current {
text-decoration:underline;
}

div.sb-message {
font-size:12px;
padding:10px;
text-align:center;
}

div.sb-message a:link,div.sb-message a:visited {
color:#fff;
text-decoration:underline;
}

/*these additional styles help move close x to top right corner*/
#sb-title-inner {
width: 90%;
}
#sb-nav-close {
float: right;
width: 16px;
height: 16px;
display: block;
margin: 5px 0 0 !important;
background: url(https://www.usda-amsuniform.com/static/images/sp1/close_red.png) 0px 0px no-repeat;
cursor: pointer;
}

	
/* add to cart */

#productQtyAddCart { /* shipping message */
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
}

#productQtyAddCart p {
float: left;
font-size: 12px;
font-weight: bold;
color: #000;	
margin: 9px 10px 0px 0px;
}

#productQtyBox {
float: left;
width: 25px;
vertical-align: middle;
}

#productQtyBox input {
width: 25px;
height: 20px;
padding: 0px;
margin: 5px 0px 0px 0px;
border: 1px solid #d2d2d2;
background-color: #fff;
color: #000;
text-align: right;
}

#productAddToCart, #personalizationNoThanks, #signin {
position: relative;
float: left;
width: 113px;
height: 28px;
margin-left: 25px;
text-align: center;
/* background-color: #4682b4;              color of button- set color at top of file */
}

#productAddToCart:hover {
/*background-color: #0f8ef2;            hover color of button- set color at top of file */
}

#productAddToCart div.btnText, #personalizationNoThanks div.btnText, #signin div.btnText {
position: relative;
top: -26px;
margin: 0px auto;
width: 113px;
text-align: center;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}

/*braintree shopping cart button fix */

input.btnText {
background: transparent;
position: relative;
top: -26px;
margin: auto;
width: 113px;
text-align: center;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
cursor: pointer;
border: none;
}

	
/* next section below boxed add to cart */

#productDetailsLower {
float: right;
width: 553px;
padding: 20px 0px;
margin-right: 3px;
border: none;
}

#addThisButtons {
float: left;
width: 300px;
}

#productShippingGraphic {
float: left;
}

#productSatisfactionGraphic {
float: left;
}


/* PRODUCT TABS IN PRODUCT DETAIL PAGE */
#product_tabs {
width: 710px;
float:left;
margin-top:-6px;
margin-bottom: 10px;
}
#product_tabs p {
float: left;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#product_tabs .product_tab_title {
float: left;
width: 675px;
font-family: 'Open Sans', Arial, sans-serif;
font-size:12px;
font-weight:700;
color:#222222;
text-align:left;
padding-top:10px;
padding-bottom:5px;
padding-left:0px;
text-transform: uppercase;
}

#product_tabs ul.tabNavigation {
width: 693px;
list-style: none;
margin: 0;
padding: 2px 0 0px 0;
z-index:100000;
}

#product_tabs ul.tabNavigation li, .yui-nav li {
display: inline;
}

#product_tabs ul.tabNavigation li a, .yui-nav li a {
display: block;
float:left;
width: 147px;                           /* width of tab */
height: 23px;
padding: 8px 10px;
background-color: #808080;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/product_tab_overlay.png);
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 2;
text-transform: uppercase;

}
#product_tabs ul.tabNavigation li a:hover {
background-color: #a5a4a4;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/product_tab_overlay.png);
color: #fff;
}

#product_tabs ul.tabNavigation li a.selected, .yui-nav li a {
background-color: #3e86b9;
background-image: url(https://www.usda-amsuniform.com/static/images/sp1/product_tab_overlay.png);
color: #fff;
}

#product_tabs ul.tabNavigation li a:focus {
outline: 0;
}

#content1 a, #content2 a, #content3 a, #content4 a {
font-family:Arial;
font-size:12px;
color:#000;
text-align:left;
padding-top:0px;
padding-bottom:5px;
font-weight:normal;
text-decoration:underline;
}

#content1 a:hover, #content2 a:hover, #content3 a:hover, #content4 a:hover {
/* color: #c21e1e;              set color at top of file - all links in tabs */
}

/* description Tab */

#product_tabs .tabs div.content {
float: left;
width: 678px;
background-color:#fff;
padding: 5px 15px;
margin-top: 0px;
border: 1px solid #dad9d5;
font-size:12px;
color:#000;
}

#product_tabs table.prodDescTwoColumn {
margin-top: 10px;
width: 100%;
padding: 0px;
}

#product_tabs table.prodDescTwoColumn td {
padding: 0px 34px 0px 0px;
border-collapse:collapse;
border: none;
vertical-align: top;
}

#product_tabs table.prodDescTwoColumn div.title {
width: 100%;
float: left;
padding: 6px 0px;
margin-bottom: 10px;
font-family:Arial;
font-size:14px;
color:#222222;
text-align:left;
font-weight:bold;
text-transform: uppercase;
border-bottom: 1px solid #dad9d5;
}

#product_tabs table.prodDescTwoColumn p {
margin: 0px 0px 10px 0px;
font-family:Arial;
font-size:12px;
color:#222222;
text-align:left;
font-weight:normal;
}

#product_tabs table.prodDescTwoColumn p.subtitle {
font-weight:bold;
}

#product_tabs table.prodDescTwoColumn td.col1 {
width: 500px;
}

#product_tabs table.prodDescTwoColumn td.col2 {
width: 430px;
}

#product_tabs table.prodDescTwoColumn ul {
float: left;
padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 0px;
}

#product_tabs table.prodDescTwoColumn ul li {
margin-bottom: 4px;
}



#product_tabs table.productSpecs {
margin-top: 10px;
width: 100%;
}

#product_tabs table.productSpecs td {
border: 0px;	
padding: 8px;
}

#product_tabs table.productSpecs td.alt_row {
background-color: #e7e7e7;	
}

#product_tabs table.productSpecs td.attribute {
font-weight:bold;	
width: 20%;
}

/* Customer Reviews Tab */

#reviewsContent div#overallReview {
float: left;
font-weight: bold;
}

#reviewsContent div#overallReview img {
margin: 0px 5px;
vertical-align: text-bottom;
}

#reviewsContent div#overallReview span.respondents {
color: #36a30b;
}

#reviewsContent .customerReview {
float: left;
width: 675px;
margin: 10px 0px 0px 0px;
padding: 15px 0px 10px 0px;
border-top: 1px solid #d2d2d2; 
}

#reviewsContent .customerInfo {
float: left;
width: 250px;
}

#reviewsContent .customerInfo img{
margin-top: 10px;
}

#reviewsContent .customerData {
font-weight: bold;
}

#reviewsContent .reviewInfo {
float: left;
width: 600px;
}

#reviewsContent .reviewRating {
font-weight: bold;
}

#reviewsContent .reviewDate {
font-weight: normal;
font-size: 11px;
font-style:italic;
}
#reviewsContent .reviewProsCons {
margin-top: 10px;
}

#reviewsContent .reviewProsCons span {
font-weight: bold;
color: #646467;
}

#reviewsContent .reviewText {
margin-top: 10px;
font-weight: normal;
}

#reviewsContent .reviewRecommend {
margin-top: 10px;
font-weight: bold;
color: #646467;
}

#reviewsContent .reviewRecommend span.yes {
color: #36a30b;
}

#reviewsContent .reviewRecommend span.no {
color: #cc3300;
}

#reviewsContent .reviewHelpful {
font-style:italic;
}

#content2 a {
font-family:Arial;
font-size:12px;
color:#000;
text-align:left;
padding-top:0px;
padding-bottom:5px;
font-weight:normal;
text-decoration:underline;
}


/* Accessories - Upsells Tab*/

#productAccessories {
float: left;
margin: 0px 0px 15px 0px;
padding-bottom: 15px;
width: 675px;
}

#productAccessories .accessoryProductCompare {
float: right;
padding: 5px 0px;
}

#productAccessories .accessoryProductCompare img {
border: none;
}

#productAccessories .accessoryProductBox {
float: left;
padding: 10px 0px 20px 0px;
width: 100%;
border-bottom: 1px solid #dad9d5;
text-align: left;
font-size: 11px;
/* color: #125185;                           set color at top of file */
}

#productAccessories .accessoryProductBox img {
border: none;
}

.accessoryProductImageFloater {
overflow: visible;
}

#productAccessories .accessoryProductImage {
float: left;
width: 175px;
height: 200px;
text-align: center;
margin-right: 30px;
}

#productAccessories .accessoryProductCompareBox {
float: left; 
width: 175px;
height: 10px;
text-align: center;
}

#productAccessories .accessoryProductDetails {
float: left;
width: 470px;
padding-top: 10px;
font-size: 12px;
}

#productAccessories .accessoryProductTitle {
float: left;
width: 295px;
}

#productAccessories .accessoryProductTitle a {
font-size: 14px;
font-weight: bold;
/* color: #125185;                             set color at top of file */
text-decoration: underline;
}

#productAccessories .accessoryProductTitle a:hover {
/* color: #c21e1e;                             set color at top of file */
}

#productAccessories .accessoryProductPriceandShip {
float: right;
width: 175px;
text-align: right;
}

#productAccessories .accessoryProductPrice {
font-size: 14px;
font-weight: bold;
/* color: #c21e1e;                            set color at top of file */
}

#productAccessories .accessoryProductPrice span {
color: #000;
}

#productAccessories .accessoryProductShipping {
font-size: 12px;
font-weight: bold;
/* color: #c21e1e;                            set color at top of file */
margin-top: 4px;
}

#productAccessories .accessoryProductMoreInfo {
margin-top: 4px;
}

#productAccessories .accessoryProductMoreInfo img {
border: none;
}

#productAccessories .accessoryProductKeyFeatures {
float: left;
width: 470px;
padding-top: 10px;

}

.accessoryProductKeyFeaturesTitle {
width: 470px;
float: left;
font-size: 12px;
font-weight: bold;
color: #000;
}

.accessoryProductKeyFeatures ul {
float: left;
padding-left: 20px;
margin: 5px 10px 0px 0px;
width: 200px;
}

.accessoryProductKeyFeatures li {
font-size: 11px;
font-weight: normal;
color: #000;
margin-right: 10px;
}
/* END TABBED AREA*/


/* YOU MAY ALSO CONSIDER - RELATED PRODUCTS - CROSS-SELLS - product detail page*/

#relatedProducts {
float: right;
width: 180px;
padding: 15px;
}

#relatedProducts h1.featuredTitle {
float:left;
width: 185px;
margin: 0px 0px 10px 0px;
font-family: 'Open Sans', Arial, sans serif;
font-weight: 700;
font-size: 18px;
text-align: center;
line-height: 19px;
/* color: #0e7dd8;               set color at top of file */
}

.relatedProductBox {
float: left;
width: 100%;
padding: 10px 0px;
margin: 5px 0px;
text-align: center;
font-size: 11px;
border: 1px solid #c2c1c1;
/*color: #125185;               set color at top of file */
}

.relatedProductImageFloater{
height: 175px;
overflow: visible;
}

.relatedProductImage {
width: 175px;
}

.relatedProductBox img {
border: none;
}

.relatedProductSubtitle {
font-size: 11px;
font-weight: normal;
margin: 0px 5px;
/*color: #125185;               set color at top of file */
}

.relatedProductPrice {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
/*color: #c21e1e;               set color at top of file */
}

.relatedProductPrice span.regprice {    /* text that says "Our Price" */
/*color: #125185;                        set color at top of file */
}

.relatedProductPrice span.saleprice {     /* text that says "Sale Price" */
/*color: #c21e1e;                        set color at top of file */
}

.relatedShipping {
font-size: 12px;
font-weight: bold;
/*color: #c21e1e;               set color at top of file */
}

#relatedProducts a {
font-size: 12px;
font-weight: bold;
/*color: #125185;               set color at top of file */
text-decoration: underline;
}

#relatedProducts a:hover {
/*color: #6490d9;               set color at top of file */
}


/* STATIC PAGE */

#staticContent {
float: left;
width: 698px;
background-color: #fff;
border: 1px solid #c2c1c1;
border-bottom: 0px;            /* border bottom is set by the background of mainContent to create two faux even-height columns */
padding: 20px;
}

#staticContent h1.pageTitle {
float: left;
width: 100%;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 26px;
font-weight: 600;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid #c2c1c1;
margin: 0px 0px 10px 0px;
/* color: #125185;                   set color at top of file */
}

#staticContent .pageText {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
/* color: #125185;                   set color at top of file */
}

#staticContent p {
margin: 15px 0px;
/* color: #125185;                   set color at top of file */
}

#staticContent p.subtitle {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
font-size: 14px;
/* color: #125185;                   set color at top of file */
}

#staticContent a {
font-size: 12px;
font-weight: bold;
/*color: #125185;               set color at top of file */
text-decoration: underline;
}

#staticContent a:hover {
/*color: #c21e1e;               set color at top of file */
}

#staticContent img {
border: none;	
}


/* SHOPPING CART PAGE */


table#cartContents {
float: left;
width: 100%;
border-collapse: collapse;
margin: 0px;
}

#cartContents th {
/*background-color: #a9c9e4;    set color at top of file */
/*color: #125185;               set color at top of file */
font-size: 13px;
font-weight: bold;
padding: 10px 7px;
text-align: center;
}

#cartContents td {
height: auto;
vertical-align: top;
padding: 15px 7px;
/*border-bottom: 1px solid #c2c1c1;*/
}

#cartContents td.cartitems {
border-bottom: 1px solid #c2c1c1;
}

#cartContents td.grandtotal {
height: 10px;
vertical-align: top;
padding: 6px 7px;
border-bottom: none;
}

#cartContents td.finish {
height: 50px;
vertical-align: bottom;
padding: 4px 7px 8px 7px;
border-bottom: none;
text-align: right;
}

#cartContents .qty {
width: 4%;
text-align: center;
}

#cartContents .name {
width: 39%;
text-align: left;
}

#cartContents .name a {
/*color: #125185;               set color at top of file */
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

#cartContents .name a:hover {
/*color: #c21e1e;               set color at top of file */
}

#cartContents .remove {
width: 9%;
text-align: center;
}

#cartContents .remove a {
/*color: #125185;               set color at top of file */
font-size: 11px;
text-decoration: underline;
}

#cartContents .remove a:hover {
/*color: #c21e1e;               set color at top of file */
}

#cartContents .partnum {
width: 15%;
text-align: right;
}

#cartContents .price {
width: 10%;
font-weight: bold;
text-align: right;
}

#cartContents td.price {
/*color: #0e7dd8;               set color at top of file */
}

#cartContents .totalprice {
width: 13%;
font-weight: bold;
text-align: right;
}

#cartContents .savings {
width: 10%;
font-weight: bold;
/*color: #c21e1e;               set color at top of file */
text-align: right;
}

#cartContents .shopCartDiscount {
margin-top: 5px;
line-height: 1;
}

#cartContents .grandtotalprice {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
text-align: right;
font-size: 18px;
/*color: #0e7dd8;               set color at top of file */
}

#cartContents .subtotal {
border-bottom: 1px solid #c2c1c1;
text-align: right;
}

#cartContents input.shopCartQtyBox {
margin-left: 5px;
width: 22px;
height: 16px;
border: 1px solid #c2c1c1;
color: #666;
font-size: 11px;
text-align: center;
}

#cartContents div.couponText {
float: right;
width: 275px;
text-align: left;
margin-bottom: 4px;
}

#cartContents div.couponInput {
float: right;
width: 280px;
margin: 0px;
}

#cartContents input.shopCartCouponBox {
float: right;
width: 150px;
height: 24px;
border: 1px solid #c2c1c1;
color: #666;
font-size: 11px;
text-align: center;
}

/* shopping cart buttons */

#cartUpdateQty, #cartApplyCoupon, #cartKeepShopping, #cartCheckout, #cartCalculateShipping {
position: relative;
float: right;
width: 113px;
height: 28px;
margin: 0px 0px 5px 8px;
text-align: center;
/* background-color: #4682b4;              color of button- set color at top of file */
}

#cartCalculateShipping {            /* calculate shipping button floats left */
float: left;
margin-left: 0px;
}

#cartUpdateQty:hover, #cartApplyCoupon:hover, #cartKeepShopping:hover, #cartCheckout:hover, #cartCalculateShipping:hover {
/*background-color: #0f8ef2;            hover color of button- set color at top of file */
}

#cartContents div.btnText {
position: relative;
top: -26px;
margin: 0px auto;
width: 113px;
text-align: center;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}

#cartKeepShopping div.btnText, #cartApplyCoupon div.btnText {       /* some buttons need smaller text to fit */
font-size: 13px;
}

/* shipping calculator */

#shipEstimateBox {
float: left;
width: 375px;
margin-left: 0px;
padding: 10px;
border: 1px solid #c2c1c1;
}

#shipEstimateBox .shipEstimateTitle {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
/*color: #125185;                 set color in top of file */
}

#shipEstimateTable {
width: 100%;
border-collapse: collapse;
}

#shipEstimateTable td {
height: 20px;
vertical-align: top;
padding: 5px 7px;
border: none;
}

#shipEstimateTable td.shipEstimateLabel {
width: 30%;
height: auto;
vertical-align: top;
padding: 5px 7px;
border: none;
}

#shipEstimateTable input#shipping_address_ship_zip, #shipEstimateTable input#shipping_address_ship_city {
border: 1px solid #C2C1C1;
color: #666666;
font-size: 11px;
height: 14px;
padding: 4px;
}

/* shopping cart upsells */

#cartUpsells {
float: left;
width: 903px;
border: 1px solid #c2c1c1;
padding: 15px 0px 15px 15px;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_footer.gif) top left repeat-x #fff;
}

#cartUpsells h1.featuredTitle {
float:left;
width: 100%;
margin: 0px 0px 10px 0px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
font-size: 18px;
text-align: left;
/* color: #0e7dd8;               set color at top of file */
}

.upsellProductBox {
float: left;
width: 180px;
height: 280px;
padding: 10px 15px;
margin: 5px 12px 5px 0px;
text-align: center;
font-size: 11px;
border: 1px solid #d2d2d2;
background-color: #fff;
/*color: #125185;               set color at top of file */
}

.upsellProductBox img {
border: none;
}

.upsellProductSubtitle {
font-size: 11px;
font-weight: normal;
margin: 0px 5px;
/*color: #125185;               set color at top of file */
}

.upsellProductPrice {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
/*color: #c21e1e;               set color at top of file */
}

.upsellProductPrice span.regprice {    /* text that says "Our Price" */
/*color: #125185;                        set color at top of file */
}

.upsellProductPrice span.saleprice {     /* text that says "Sale Price" */
/*color: #c21e1e;                        set color at top of file */
}

.upsellShipping {
font-size: 12px;
font-weight: bold;
/*color: #c21e1e;               set color at top of file */
}

#cartUpsells a {
font-size: 12px;
font-weight: bold;
/*color: #125185;               set color at top of file */
text-decoration: underline;
}

#cartUpsells a:hover {
/*color: #6490d9;               set color at top of file */
}


/* CHECKOUT PAGE */
.checkout_step{
margin-bottom: 2px;
color: #125185;
}
.checkout_step_box{
border: 1px solid #CCCCCC;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;

padding: 5px; 
}
.login_customer_side{
float:left;
margin-right: 5px;
}
.login_label{
margin: 0px;
}
.login_instruction{
margin: 15px 5px;
}
.signin_account_label, .create_account_label{
float:left;
margin-right: 3px;
width: 80px;
line-height: 25px;
font-weight:bold;
}
.signin_account_value, .create_account_value{
float:left;
width: 200px;
}
.signin_button{
margin-top: 5px;
}
.signin_button #signin{
margin-left: 0px;
margin-right: 10px;
}
.forgot_password{
float:left;
line-height: 25px;
}

#BillingAddress,#ShippingAddress, #ShippingMethod, #PaymentMethod{
float:left;
width:455px;
}
#BillingAddress, #ShippingMethod{
margin-right: 5px;
}
.checkout_billing_field, .checkout_shipping_field{
clear:both;
margin: 5px 0px;
}
.checkout_billing_field .label, .checkout_shipping_field .label{
float: left;
margin-right: 3px;
width: 100px;
line-height: 25px;
font-weight: bold;
}
.checkout_billing_field .value, .checkout_shipping_field .value{
float: left;
width: 200px;
}

.create_account{
margin: 5px auto;
margin-top: 15px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;
width: 385px;
padding: 5px; 
}
.create_account_row{
margin: 5px 0px;
}
.create_account_label{
width: 120px;
}

.shipping_head{
float:left;
margin-right: 5px;
}
.shipping_head_select{
line-height: 35px;
}
.shipping_head_select select{
display: table-cell;
vertical-align: bottom;
}


.checkout_section_table{
width: 100%;
}
.checkout_section_table th{
text-align: left;
}
.checkout_product_name{
font-size: 1.1em !important;
}
.checkout_last_section{
margin-top: 5px;
}
#checkout_confirm #productAddToCart{
margin: 3px;
}

/* PRODUCT COMPARISON - popup using shadowbox */

#productComparison {
padding: 10px;
}

#pageTitle {
color: #666;
font-size: 14px;
font-weight: bold;
margin: 0 0 5px;
}

#compareOuterTable {
width: auto;
height: auto;
}

#compareOuterTable td {
vertical-align: top;
}

table.compareInnerTable {
width: 300px;
margin-top: 0px;
left: 300px;
border-collapse: collapse;
margin-right: 30px;
}

.compareInnerTable td {
color: #666;
font-weight: normal;
font-size: 11px;
text-align: left;
padding: 2px 5px;
}

.compareInnerTable td.sectionHdr {
background-color: #999;
color: #fff;
font-weight: bold;
font-size: 14px;
border-top: 10px solid #fff;
}

.compareInnerTable td.title {
color: #000;
text-align: center;
padding: 4px;
}

.compareInnerTable td.attribute {
font-weight: bold;
width: 40%;
}

.compareInnerTable td.sectionSubHdr {
background-color: #666;
color: #fff;
font-weight: bold;
font-size: 11px;
}

.compareInnerTable td.price {
color: #c21e1e;
}

.compareInnerTable td p.title {
font-weight: bold;
margin: 0px; 
}

.compareInnerTable img {
border: 0px;
}

.compareInnerTable a.compareBuyLink {
color: #c21e1e;
text-transform: uppercase;
font-weight: bold;
text-decoration: underline;
margin-left: 10px;
}

.compareInnerTable a.compareBuyLink:hover {
color: #666;
}

/* FOOTER */

#siteFooter {
float: left;
width: 960px;
background-color: transparent;
padding-bottom: 20px;
}

/* banner ads section */

#bannersBox {
float: left;
width: 930px;
background-color: #fff;
border: 1px solid #c2c1c1;
padding: 22px 14px 18px 14px;
margin-top: 7px;
}

#bannersBox .bannersRow {
float: left;
width: auto;
height: 77px;
margin-bottom: 10px;
}

#bannersBox .banner {
float: left;
width: 200px;
height: 75px;
padding: 0px 15px;
border-left: 2px dotted #dddcdc;
}

#bannersBox div.bannersRow div.banner:first-child {
border-left: 0px;
}

#bannersBox .banner img {
border: 1px solid #c2c1c1;
}

#bannersBox .banner a:hover img {
border: 1px solid #0e7dd8;
-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}

/* newsletter signup */

#newsletterBox {
float: left;
width: 950px;
height: 60px;
background-color: transparent;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 10px 5px;
margin-top: 10px;
}

#signupTitle {
float: left;
width: 250px;
margin-right: 20px;
margin-top: 5px;
margin-left: 5px;
}

#signupTitle .titleTop {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 20px;
font-weight: bolder;
color: #39709d;
line-height: 18px;
letter-spacing: -0.5px;
}

#signupTitle .titleBottom {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 38px;
font-weight: 700;
color: #737173;
line-height: 30px;
margin-left: -2px;
}

#signupText {
float: left;
width: 144px;
color: #565758;
font-size: 11px;
font-weight: normal;
margin-right: 20px;
}

#signupInput {
margin: 10px 0px;
float: left;
}

#signupInput form {
padding: 0px;
margin: 0px;	
}

#signupInput div{
display: inline;
}

#signupInput .emailBox input {
float:left;
width: 174px;
padding: 3px;
margin: 0px 0px 6px 0px;
border: 1px solid #d2d2d2;
color: #999;
background-color: #fff;
}

#signupInput .emailButton input {
float:left;
}

#partnerGraphic {
float: right;
height: 60px;
padding-left: 20px;
padding-right: 10px;
}

#partnerGraphic img {
border: 0px;
}

/* middle footer section with facebook and helpful links */
#middleFooter {
float: left;
width: 930px;
background: #fff url(https://www.usda-amsuniform.com/static/images/sp1/bg_footer.gif) repeat-x top left;
border: 1px solid #c2c1c1;
padding: 20px 14px;
margin-top: 10px;
-moz-box-shadow: 0px 5px 12px #b2b1b1;
-webkit-box-shadow: 0px 5px 12px #b2b1b1;
box-shadow: 0px 5px 12px #b2b1b1;
}


#middleFooter .ftrWrapper {
margin: 0 auto;
width: 720px;
}

#middleFooter .ftrLinks {
float: left;
width: 200px;
height: 215px;
padding: 0px 20px;
text-align: center;
/* border-left: 2px dotted #dddcdc; */
}

#middleFooter .ftrTitle {
font-family: 'Open Sans', Arial, sans-serif;
color: #4682b4;
font-size: 16px;
font-weight: bolder;
margin-bottom: 5px;
}

#middleFooter .ftrLinks a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
line-height: 18px;
}

#middleFooter .ftrLinks a:hover {
color: #c2c1c1;
}

#socialMediaLinks {
width: 225px;
margin-top: 20px;
}

#socialMediaLinks .logo {
float: left;
margin-right: 5px;
}

#socialMediaLinks img {
border: 0px;
}

#socialMediaLinks .mcafee {
float: left;
width: 115px;
margin-top: 10px;
}

#ftrCopyright {
float: left;
width: 215px;
font-size: 11px;
color: #979899;
margin-top: 5px;
clear: both;
}


/*lower footer */

#lowerFooter {
float: left;
width: 960px;
margin: 25px 0px;
padding-top: 12px;
border-top: 1px solid #c6c5c5;
}

#lowerFooter .column {
float: left;
width: 160px;
margin-left: 28px;
color: #939292;
}

#lowerFooter .colTitle {
margin: 5px 0px 10px 0px;
font-size: 12px;
font-weight: bold;
color: #939292;
}

#lowerFooter a {
display: block;
font-size: 11px;
font-weight: normal;
color: #939292;
text-decoration: none;
margin-top: 3px;
}

#lowerFooter a:hover {
color: #4682b4;
}


/*TOP NAVIGATION */

#navBar {
position: absolute; /*bar is at bottom of code but appears at top of page and flyout menu overlaps all*/
top: 131px;
left: 0px;
width: 960px;
height: 36px;
}

#navigation_frame { /*section containing top nav*/
float: left;
width: 960px;
height: 36px;
padding: 0px;
}

#navigation_frame ul { /*all ul's in menu */
float: left;
list-style-type:none; 
margin: 0px; 
padding:0px; 
}

#navigation ul.subcatColumnsMain { 
float: left;	
width: 100%;
height:auto !important;
background: #fff;
margin: 0px 4px 0px 0px;
padding: 0px 10px 10px 5px;
}

#navigation li.subcatColumnsMain { 
float: left;
width: 204px;
margin: 0px 4px 0px 0px;
padding: 0;
}

#navigation li.subcategory_title { /*li subcategory titles inside large menu*/
line-height: 15px;
text-align: left;
padding: 10px 0px 10px 5px;
border-bottom: 1px solid #b3b4b3;
margin-bottom: 10px;
}

#navigation li.subcategory { /*li subcategory lines inside large menu*/
line-height: 16px;
text-align: left;
padding-left: 5px;
}

#navigation ul li a {   /* all links in main menu */
/* color: #125185;   change color at top of file */
text-decoration: none;
}

#navigation ul li:hover > a {   /* link color on hovering link */
/*color: #fff;   change color at top of file */
}

#navigation ul li:hover {      /* background color on hovering link */
/*background-color: #71a4cd;   change color at top of file */
}

#navigation a.subcat_title { /*subcat title in menu*/
font-weight: bold; 
font-size: 12px;
}

#navigation a.subcat { /*subcat individual items in menu*/
font-weight: normal; 
font-size: 11px; 
}

/* main navigation in tabs */

#navigation li.mainnav { /*individual top nav tabs*/
float: left;
display:inline; 
/*background-color: #cc2233;   change color at top of file */
}




#navigation li a.cat { /*individual top nav link style in tab */
float: left;
padding: 5px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 18px;
font-weight: 600;
color: #fff;
letter-spacing: 0px;   /* -1px to decrease, 1px to increase */
text-decoration: none;
}

#navigation div.subcatBoxMain { /*large menu dropdown*/
position: absolute; 
margin:-3px; 
padding: 5px 9px; 
width: 835px; 
top:38px; 
left: -9999px;
background-color:#fff; 
border: solid 1px #376d99; 
z-index: 4;
}

#navigation li.mainnav:hover div.subcatBoxMain {  /*large menu appears when top nav li is hovered*/
left: 3px;
}

/* Secondary nav with no tabs */

#navigation ul.subcatColumnsSecondary { 
float: left;
width: auto;
background: url(https://www.usda-amsuniform.com/static/images/sp1/bg_menu_column.gif) top left repeat-y #e1e1e1;
margin: 0px 4px 0px 0px;
padding: 8px 10px 10px 5px;
}

#navigation li.secondarynav { /*individual top nav links*/
float: left;
display:inline; 
}

#navigation li.secondarynav a.cat { /*individual top nav links inside list items */
float: left;
padding: 10px 5px;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
font-weight: bolder;
/* color: #346893;       change color at top of file  */
letter-spacing: -.2px;   /* -1px to decrease, 1px to increase */
text-decoration: none;
}

#navigation li.mainnav + li.secondarynav { /* margin on the first item in the secondary nav */
margin-left: 10px;
}

#navigation div.subcatBoxSecondary { /*large menu */
position: absolute; 
margin:-3px; 
padding: 5px; 
width: auto; 
top:39px; 
left: -9999px;
background-color:#fff; 
border: solid 1px #376d99; 
}

#navigation li.secondarynav:hover div.subcatBoxSecondary {  /*smaller dropdown menu appears when top nav li is hovered*/
left: auto;
}


/* LOGIN PAGE */
#login_password label{
font-weight: bold;
}

/* ACCOUNT PAGES */
.account_quick_links ul, .account_address_management ul{
list-style: none;
}
.account_address_management ul li{
min-height: 15px;
}

.account_address_management{
float:left;
width: 200px;
border: 1px solid #c2c1c1;
margin: 5px 3px;
padding: 3px;
}
.account_order_history{
clear: both;
margin-top: 5px;
}

/*  menu as coded here does not use small thumbnails but can accommodate using styles below */

/*#navigation li.subcategory img {border: 0px;}*/ /*small thumb each subcat in menu if not link */

/*#navigation li.subcategory a.subcat_img img {margin-top: 5px;}*/  /*subcat image in menu if image is a link and link has subcat_img class*/

.shopping_cart_form {
	display: inline;
}
.myaccount_right{
	float: right;
	margin: 3px 70px 0 0;
}
.myaccount_left{
	float: left;
	margin-left: 100px;
}
.myaccount_right a{
	font-size:11px;
	text-decoration:none;
}

.personalizationList {
	list-style-type: none;
}

.personalization_name_label, personalization_pricing_info {
	display: inline;
}

.div_lock_personalization {
	display: none;
}

.clear{
	clear: both;
}

.project_header {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Safari and Chrome */
	-o-transform: rotate(270deg); /* Opera */
	-moz-transform: rotate(270deg); /* Firefox */
	position: absolute;
	left: -400px;
	top: 720px;
}

.form_messages {
  border: 1px solid #E4E4E4;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .4);
}

.form_messages h3 {
  text-decoration: none;
  color: white;
  padding: 5px;
  margin: 0;
  font-weight: bold;
}

.form_messages.error h3 {
  background-color: red;
}

.form_messages.success h3 {
  background-color: green;
}

.form_messages ul {
  list-style: none;
  padding-left: 5px !important;
}

.form_messages a.error {
  float: left;
  margin-right: 5px;
}


.fs_about_us_style1 {
	text-align: right;
}
.fs_about_us_style2 {
	text-align: left;
}
.fs_about_us_style3 {
	text-align: center;
}
.fs_about_us_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.fs_about_us_style11 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000000;
}

.contact_us_style1 {
	text-align: right;
}
.contact_us_style2 {
	text-align: left;
}
.contact_us_style3 {
	text-align: center;
}
.contact_us_style11 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000080;
}
.contact_us_style12 {
	color: #000000;
}
.contact_us_style13 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000000;
}
.cust_srvc_style1 {
	text-align: right;
}
.cust_srvc_style2 {
	text-align: left;
}
.cust_srvc_style3 {
	text-align: center;
}
.cust_srvc_style11 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000000;
}
.cust_srvc_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.fs_cat_style1 {
	text-align: right;
}
.fs_cat_style2 {
	text-align: left;
}
.fs_cat_style3 {
	text-align: center;
}
.fs_cat_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.fs_cat_style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.fs_cat_style7 {
	border-width: 0px;
}
.meas_guide_style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.meas_guide_style2 {
	text-align: left;
}
.meas_guide_style3 {
	font-family: Arial, Helvetica, sans-serif;
}
.meas_guide_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.meas_guide_style5 {
	color: #106CC0;
}
.meas_guide_style6 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #106CC0;
}
.meas_guide_style7 {
	text-align: right;
}
.returns_style1 {
	text-align: right;
}
.returns_style2 {
	text-align: left;
}
.returns_style3 {
	text-align: center;
}
.returns_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.returns_style5 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000000;
}
.returns_style6 {
	font-size: medium;
}
.help_and_faq_style1 {
	text-align: right;
}
.help_and_faq_style2 {
	text-align: left;
}
.help_and_faq_style3 {
	text-align: center;
}
.help_and_faq_style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.help_and_faq_style5 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 200%;
	color: #000000;
}

.iha_allocation_info {
	margin: 2px 0 4px 0;
	color: #000000;
}

.myaccount_left .checkout_padded img{
	display: none;
}
