/*************************/
/*** New Layout Styles ***/
/*************************/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#dfe9ea; color:#464646;} 
#wrap {width:970px; margin:20px auto; background:url(/customerFiles/templateImages/layout/rounded-middle.gif) repeat-y top;}

h1, h2, h3, h4, h5, h6 {/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/ color:#00007E;}
h1 {font-size:2em; font-family:"Times New Roman", Times, serif; margin-top:0; padding-top:0;}
h2 {font-size:1.75em; margin-top:0; padding-top:0; margin-bottom:0.25em; padding-bottom:0; margin-top:0; padding-top:0;}
h3 {font-size:1.25em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:0.75em;}

.company-name, #logo, a.company-name, a .company-name, a #logo {font-variant:small-caps; text-decoration:none;}
h1 a {text-decoration:none; font-family:"Times New Roman", Times, serif;}

p {margin:0; padding:0; padding:0.65em 0;}
img {border:0;}
a {font-family:Arial, Helvetica, sans-serif; color:#00007e; /*#1D70C0;*/}
a:hover {color:/*#333333;*/ #5e94c0;}

body, p, br, table, td, li {font-weight:normal;}

/**************************/
/*** NES Default Styles ***/
/**************************/


/*
 * this is the default font size, color and type for the site. you can also put
 * default background colors and other things of that nature in this area. any
 * time you use a BODY, P, BR, TABLE, TD or LI html tag on the site, it will 
 * use the styles you specify here (unless you override it somewhere else in
 * this file)
 */
/*BODY, P, BR, TABLE, TD, LI{ font-family:verdana, helvetica, sans-serif; font-size:12px; color: #666666; font-weight: normal; }*/

/*
 * this style is used all H2 html tags used in the site. the only H2 tag used in the
 * base cart is on the shopping cart page, where it displays "Your Shopping Cart"
 */
/*H2 { font-size: 18px; color: #2B557F; }*/

/*
 * this defines what font type, size, color, etc. that all form input
 * and select tags will use. 
 */
INPUT, SELECT { font-size: /* 10px */ 12px; }

/*
 * used on:
 * - view cart for table headers and the subtotal headers
 * - order invoice for table headers and the subtotal headers
 * - the credit card info screen for the order number header
 */
.smalltableheader {	color: /*#0084C7;*/ #00007e; font-size: 12px; font-weight: bold; background-color: #F7F7F7; text-align: center; border: 1px solid black;}
/*
 * used on:
 * - view cart to display the data for each product
 * - order invoice to show the data for each product
 */
.smalltabletext {	font-size: 12px;	border : 1px solid Black;}
/*
 * used on the view cart page, around the update quantity box to 
 * ensure that no border is displayed around it
 */
.smalltabletextNoBorder {	font-size: 12px;}

/*
 * used in various places to display bolded text - this probably shouldn't be changed
 */
.bolded {font-weight: bold; }

/*
 * used on the view cart page to highlight a backordered product
 */
.popoutcolor { color: #CC0000 }

/*
 * used on most forms to indicate a required field - this is usally
 * wrapped around the required field indicator (*)
 */
.requiredfield {color: /*#0084c7;*/ #00007e; font-weight: bold; font-family:Tahoma,Verdana,Arial,sans-serif;}

/*
 * used to italicize text (but not bold it) - this probably shouldn't be changed
 */
.italicnonbold { font-style: italic; font-weight: normal; }

/*
 * used on the product details popup (from view cart) and on the 
 * extra large image popup for the "close window" button
 */
.cartButton { color: #6e6e6e; background-color: #DFDBD0;  }
/*
 * used on various forms (including: product search, forgot password, 
 * my account billing, my account shipping, my account password reset,
 * checkout review order, printer friendly order invoice) to format
 * the submit button
 */ 
.smallbutton { font-size: 10px; color: #6e6e6e; background-color: #DFDBD0;  }

/* 
 * used on view cart and invoice page to print out order total, coupon, tax
 * and shipping totals, etc.
 */
.cartTotals { color: #000000; background-color: #e0eaeb; font-weight: bold; border : 1px solid Black; }
/*
 * used on view cart and invoice to print out each items subtotal
 */
.cartSubtotal { color: #000000; background-color: #e0eaeb; border : 1px solid Black;}
/*
 * used on invoice screens to print out a sub heading (such as Subscriptions)
 */
.invoiceSubHeading { font-weight: bold; font-size: 16px; }

/*
 * used on many forms to display the "Please be sure to enter all required information" text
 * used on the view cart screen to display "here are the items in your order"
 * used when displaying upsells to display "based on your order, you may also like the following"
 */
.cartWarningHeader { color: #993333; font-size: 14px; font-weight: bold; }
/*
 * used when adding a product to the cart, to display error messages if something
 * went wrong (such as didn't choose proper options, etc.
 * also used to display the "shopping cart empty" error if you try to view an empty cart
 */
.cartWarning { color: #993333; font-weight: bold; }

/*
 * used by "products in category" layout1 to display the product SKU
 */
.cartSKU { font-size: 11px; font-weight: normal; }
/*
 * used on the product details popup (from view cart) to display the
 * product SKU
 */
.cartProductModelBig { color: #004284; font-size: 14px; }
/*
 * used on the product details popup (from view cart) and in the 
 * product details header box (title and back button) to display
 * the product title
 */
.cartProductTitleBig { color: #ffffff; /*font-weight: bold;*/ padding-left:12px; font-size: 1.5em; }
h2.cartProductTitleBig {font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
/*
 * used on all product details layouts to format the table that holds the
 * "header" data (the title, and back button) - you would want to put
 * background colors and borders for that box here.
 */
.cartProductDetailsHeader{background-color: #00007e; /*border: 2px solid #0084C7;*/ color:#FFFFFF; margin-bottom:18px; height:30px; line-height:30px; }
/*
 * used on all product in category layouts to display the product title
 */
.cartProductTitle { color: /*#004284;*/ #00007E; font-weight: bold; }
.cartProductTitle:hover {color:#000000;}
/*
 * used on "product listing" layout1 to display the product short description
 */
.cartProductDescriptionShort { font-weight: bold; }
/*
 * used on all product details layouts, and the product details only popup
 * to display the product long description
 */
.cartProductDescriptionLong { font-weight: bold; }
/*
 * used on product details layout 1, "products in category" layouts
 * 1, 3 and 4, and the product detaills only popup to display the 
 * product price 
 */
.cartPrice { color: /*#004284;*/ #00007e; font-weight: bold; }
/*
 * used on all product details and "products in category" layouts, as
 * well as the product details popup, to display any banner text for 
 * the product such as "on sale" or "new"
 */
.cartBannerText {}

/*
 * used when displaying product options (in product details pages)
 * to format a drop-down options select box
 */
.cartOptionDropDown { }
/*
 * used when displaying product options (in product details pages)
 * to format a text area options box
 */
.cartOptionTextArea { }
/*
 * used when displaying product options (in product details pages)
 * to format a text box options box
 */
.cartOptionTextBox { }
/*
 * used when displaying product options (in product details pages)
 * to format a file upload options file box
 */
.cartOptionFileUpload { }

/*
 * the following items are used on all "product in category" layouts
 * to display the links to the products.
 */

.cartListProductHeader { /*color: #00007E;*/ }
A.cartListProductHeader:Link { text-decoration: none; /*color: #00007E;*/ }
A.cartListProductHeader:Visited { text-decoration: none; /*color: #00007E;*/ }
A.cartListProductHeader:Active { text-decoration: none; /*color: #00007E;*/ }
A.cartListProductHeader:Hover { }

/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the top row of each product column
 */
.cartListProductsCellHeader { border-top : 1px solid #00007e; border-left : 1px solid #00007e; border-right : 1px solid #00007e; /*background-color: #F7F7F7; */}
/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the middle rows of each product column
 */
.cartListProductsCellMiddle { border-left : 1px solid #00007e; border-right : 1px solid #00007e; padding:0 8px; /*background-color: #F7F7F7; */}
.cartListProductsCellMiddle h3 {font-size:12px;}
/*
 * used on "products in category" layouts 2, 3 and 4 to format
 * the bottom rows of each product column
 */
.cartListProductsCellFooter { border-left : 1px solid #00007e; border-right : 1px solid #00007e; /*border-top : 2px solid #0084C7;*/ border-bottom : 1px solid #00007e; padding-bottom:5px; /*background-color: #6B6A6A; color: White; */}	
/*
 * used on "products in category" layout 3 to format the table cell
 * that the "click for more details" link goes in.
 */
.cartListProductsCellBorder {border-top:1px solid /*#0084C7*/ #00007e; border-left:1px solid /*#0084C7*/ #00007e; border-right:1px solid /*#0084C7*/ #00007e; border-bottom:1px solid /*#0084C7*/ #00007e;}
/*
 * used on "products in category" layout 2 to format the 
 * horozontal spacers
 */
.cartListProductsCellSpacer {width:20px;}
/*
 * used on "products in category" layout 2 to format the 
 * vertical spacers
 */
.cartListProductsCellSpacerRow,
.cartListProductsCellSpacerRowEmpty,
.cartListProductsCellSpacerRowSpacer
{
	height: 20px;
	padding: 0px;
	margin: 0px;
}
/*
 * used on "products in category" layouts 1 and 4 to display the
 * "on back order" message for a product
 */
.cartListProductsOnBackOrder { color: #993333; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "on back order"
 * message for a product
 */
.cartListProductsFeaturedOnBackOrder { color: #993333; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "on back order"
 * message for the product
 */
.cartProductDetailsOnBackOrder { color: #993333; font-weight: bold; }
/*
 * used on "products in category" layouts 1 and 4 to display the "out of stock"
 * message for a product
 */
.cartListProductsOutOfStock { color: #993333; font-weight: bold; }
/*
 * used on "products in category" layout 2 to display the "out of stock"
 * message for a product
 */
.cartListProductsFeaturedOutOfStock { color: #993333; font-weight: bold; }
/*
 * used on product details layouts 1 and 2 to display the "out of stock" 
 * message for a product
 */
.cartProductDetailsOutOfStock { color: #993333; font-weight: bold; }

/*
 * the following are used on the credit card information screen next
 * to the CVV2 code entry box, to format the "what is this" text
 */
.cartAlertLink:Link { color: #993333; }
.cartAlertLink:Visited { color: #993333; }
.cartAlertLink:Active { color: #993333; }

/*
 * used at the top of all checkout screens to display the 
 * "Step x of y" title
 */
.checkOutSteps {color:/*#0084C7;*/ #00007e; font-weight:bold; font-size:1.75em; padding-top:0; margin-top:0; }

/*
 * used on all "products in category" layouts to format the thumbnail image
 * that gets displayed. you can use this to force the image to be a specific
 * width or height (or add a border or whatever) but be warned that what you
 * specify here may make the images look bad
 */
.imageThumbnail { /* width: 135px; */ }
/*
 * used on all product details layouts to format the image that gets displayed
 * (see warnings with thumbnail image)
 */
.imageFullSize { /* width: 275px; */ }
/*
 * used on the product big image popup to format the image that gets displayed
 * (see warnings with thumbnail image)
 */
.imageExtraLarge { /* width: 275px; */ }

/*
 * used on all "products in category" layouts to format the 
 * banner (new, on sale, etc.) image
 */
.imageThumbnailBanner { /* width: 135px; */ }
/*
 * used on the product details layouts to format the 
 * banner (new, on sale, etc.) image
 */
.imageFullSizeBanner { /* width: 275px; */ }

/*
 * used on the view cart screen to flag items that have an error associated
 * with them
 */
.tableRowError { background-color: #ffc184; }

/*
 * used to display "success" messages from the system
 */
TABLE.success { width: 100%; }
UL.success { margin-left: 0px; }
LI.success { margin-left: 0px; }
.success { color: blue; font-weight: bold; }
/*
 * used to display "error" messages from the system
 */
TABLE.error { width: 100%; }
UL.error { margin-left: 0px; }
LI.error { margin-left: 0px; }
.error { color: red; font-weight: bold; }

/*
 * used on the checkout and my account billing and shipping info screens
 * to format the text boxes in the form where users enter information
 */
.moduleSmallText { font-size: 10px; }

/*
 * default styles for formatting links on the site.
 */
/*A:link { color: blue; font-weight: bold; }
A:active { color: blue; font-weight: bold; }
A:visited { color: #0066CC; font-weight: bold; }
A:hover { color: blue; font-weight: bold; }
*/
/*
 * used on the product search results and all list products pages
 * to display the "back/next" table at the top of the page
 */
.pagedCategoryHeader {background-color: #00007e; /*border: 2px solid #0084C7;*/ color:#ffffff; }

/*
 * used in the my account area for displaying all of the page headers
 */
.myAccountHeader{font-size:1.75em; margin-top:0; padding-top:0; margin-bottom:0.25em; padding-bottom:0; color: #00007e;	font-weight:bold;}

/*
 * used in the my account area home page to display the sub-headings for:
 * "Your Billing Address", "Your Shipping Address", "Past Orders", and "Subscriptions"
 */
.myaccountSubHeader { font-weight: bold; font-size: 16px; }

/*
 * used in the my account area home page to display the table/column headers on the past orders and subscriptions areas
 * table 
 */
.myaccountTableHeader { background-color: #333333; color: #F7F7F7; font-weight: bold; }

/* 
 * used to format the "already have an account? login here" box that gets displayed
 * during checkout
 */
.quickCheckoutLoginTableOuter {background-color: #F7F7F7; border: 2px solid /*#0084C7*/ #00007e;}

/*
 * the following are used to display the "forgot password" link on the
 * quick checkout page
 */
.quickCheckoutForgotPasswordLink { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Link { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Active { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Visited { color: #383F11; }
A.quickCheckoutForgotPasswordLink:Hover { color: #383F11; }

/*
 * the following are used to display the "forgot password" link on the
 * my account login page
 */
.myaccountForgotPasswordLink { color: #383F11; }
A.myaccountForgotPasswordLink:Link { color: #383F11; }
A.myaccountForgotPasswordLink:Active { color: #383F11; }
A.myaccountForgotPasswordLink:Visited { color: #383F11; }
A.myaccountForgotPasswordLink:Hover { color: #383F11; }

/*
 * used on the view cart screen to format the product title text
 * which is also the link to popup a product details window
 */
A.cartDetailsOnlyLink { color: #333333; }
A.cartDetailsOnlyLink:link { color: #333333; }
A.cartDetailsOnlyLink:visited { color: #333333; }
A.cartDetailsOnlyLink:active { color: #333333; }
A.cartDetailsOnlyLink:hover { color: #333333; }

/*
 * used on the "top level category" listing (which gets displayed by the
 * <NES_Categories> tag in your template) to format the link to each category
 */
A.productsCategoryLink {/*font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;*/}
A.productsCategoryLink:link {/* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;*/}
A.productsCategoryLink:visited {/*  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;*/}
A.productsCategoryLink:active {/*  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;*/}
A.productsCategoryLink:hover {/* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; background-color: #DDDDDD;*/}
.productsCategoryLink {/* background-color: #DDDDDD; */}
DIV.productsCategoryLink {/* padding-top: 4px; padding-bottom: 4px; padding-left: 8px; background: #DDDDDD url('/customerFiles/styleImages/doublelineback.gif') repeat-x; */}


/*
 * used in "sub categories" style 1 to display the link to each sub-category
 */
A.productsSubcategoryLink { /*font-size: 11px;*/ font-weight: bold; }
A.productsSubcategoryLink:link {text-decoration: none; }
/*A.productsSubcategoryLink:visited { color: gray; text-decoration: none; }
A.productsSubcategoryLink:active { color: #47DD22; text-decoration: none; }
A.productsSubcategoryLink:hover { color: #47DD22; text-decoration: none; }
*/
/*
 * used on all "product in category" layouts to format the cell
 * that holds the category bread crumb trail (bread crumb trail means:
 * Top Category > Next Category > Last category
 */
.productsBreadCrumbHeader {/*background: url('/customerFiles/styleImages/featureddots.gif'); */}
.productsBreadCrumbHeader h3 {font-size:12px; padding-bottom:0; margin-bottom:0; font-family:Arial, Helvetica, sans-serif; text-align:right; width:100%;}
/*
 * used on all "product in category" layouts to format the actual
 * text of the bread crumb trail
 */
.productsBreadcrumb {font-size: 12px;	/*color: Gray;	background-color: white;	font-style : italic;*/	font-weight : bold;  color:#5a5a73;}
/*
 * used on all "product in category" layouts to format the links back to
 * previous categories in the bread crumb trail. NOTE that this will most
 * likely override what you have set in .productsBreadCrumb, so it is best
 * to make them the same (but you can change the link, visited, active, hover
 * versions if you wish...
 */
 /*
.productsBreadcrumbLink {background-color: white;	font-style : italic;	font-weight : bold;}
A.productsBreadcrumbLink:link {background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:visited 	{background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:active {background-color: white;	font-style : italic;	font-weight : bold; }
A.productsBreadcrumbLink:hover {background-color: white;	font-style : italic;	font-weight : bold; }
*/
/* 
 * used on all "products in category" layouts and the search results
 * page to display the page numbers table cell
 */
a.productListPages, .productListPages, a .productListPages, .productListPages a  {color: /*#0084C7;*/ #ffffff;}
a.productListPages:hover, a .productListPages, .productListPages a {color:#c9e6f6;}

/*
 * used on the add to cart and payment processing screen as a header
 * to error messages. on add to cart, it says "Please correct the following: " 
 * and on payment processing it says "Payment could not be processed because: "
 * or "Unexpected error: "
 */
.errorHeader { font-weight:bold; color:red; }
/*
 * used on add to cart errors to format the list of errors
 */
.errorList { color: red; }
/*
 * used on add to cart errors to format the header and footer of the list.
 * this probably shouldn't be changed
 */
UL.errorList { margin-top: 2px; }
/*
 * used on payment processing screen to format the error explanations
 */
.errorExplanation { color: red;  font-weight: normal; }
/*
 * used on some forms to display text that is an example of how to enter
 * the form data. (for example, on the checkout billing form, it shows the
 * proper format of the phone number)
 */
.exampleText { color: #999999; font-style: italic; }

/*
 * for "products in category" layout1
 * - current is the 1st, 3rd, 5th, 7th, etc rows
 * - alternate is the 2nd, 4th, 6th, 8th, etc rows
 * - categoryLayout1RowCurrentBackround is the background color for current rows
 * - categoryLayout1RowCurrentDivider is the divider between each column of the current rows
 * - categoryLayout1CurrentBorder is the border around the current rows
 * - categoryLayout1RowAlternateBackround is the background color for alternate rows
 * - categoryLayout1RowAlternateDivider is the divider between each column of the alternate rows
 * - categoryLayout1AlternateBorder is the border around the alterate rows
 */
.categoryLayout1RowCurrentBackground  { background-color: White; }
.categoryLayout1RowCurrentDivider  { background: white url('/customerFiles/styleImages/elowcarbsDefaultSeparator.gif'); }
.categoryLayout1CurrentBorder { /*border: 1px solid Black; background-color: Black;*/ }
.categoryLayout1RowAlternateBackground { background-color: #F7F7F7; }
.categoryLayout1RowAlternateDivider  { background: #F7F7F7 url('/customerFiles/styleImages/elowcarbsDefaultSeparator.gif'); }
.categoryLayout1AlternateBorder { border: 1px solid /*#0084C7*/ #00007e; background-color:/*#0084C7*/ #00007e; }

/*
 * for "product listing" layout 3, this is used to display the:
 * - product sku
 * - product price
 * - product "short" description
 */
.productListingLayout3FeaturedSmallText{ font-size: 10px; color: black; /*display:none;*/}

/*
 * used when displaying a product list via the <NES_ProductList> template tag, this
 * displays the product list title
 */
.productListHeader{	font-size: 16px;	color: Gray;	background-color: white;	font-style : italic;	font-weight : bold;}

/*
 * used for the default template, this formats most of the text on the site
 */
.maintext {/*  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #666666*/}

/*
 * used for the default template, this formats the navigation links at the top of the site
 */
/*.topnav:LINK { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; }
.topnav:VISITED { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; TEXT-DECORATION: none; }
.topnav:HOVER { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; }
*/
/*
 * used for the default template, this formats the view cart, checkout, quick order 
 * and my account links at the top of the page
 */
.cartlinks:LINK {/* font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; }
.cartlinks:VISITED {/* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #333333; TEXT-DECORATION: none; */}
.cartlinks:HOVER {/* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal;*/ color: #FFFFFF; TEXT-DECORATION: none; }

/*
 * used in the default template for displaying the phone number at the bottom of
 * the page
 */
.whiteregtext {/*font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;*/ font-style: normal; font-weight: normal; color: #FFFFFF; }
/*
 * used in the default template for displaying the netsource copyright, and the
 * return policy, privacy policy links at the bottom of the page
 */
.smallregtext {/* font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-size: 10px; font-style: normal; font-weight: normal; color: #333333; }



/**
	Manufacturer Jump Menu
 */
#manufJumpMenu {
	vertical-align: bottom;
}
#manufJumpMenu form {
	margin: 0px;
}
#manufJumpMenu select {
	height: 18px;
}
#manufJumpMenu input {
	vertical-align: bottom;
	height: 20px;
}

/**
	Produts by Manufacturer product listing styles
 */
#prodsByManuf {
	margin-bottom: 10px;
}
#prodsByManuf h2 {
	margin-top: 0px;
}
#manufJumpMenuListing {
	display: inline;
	vertical-align: middle;
}
#manufJumpMenuListing form {
	display: inline;
}
#manufJumpMenuListing select {
	height: 16px;
}
#manufJumpMenuListing input {
	vertical-align: bottom;
	height: 18px;
}











/**************/
/*** Header ***/
/**************/

#header {height:80px; width:930px; padding: 0 20px 0 20px; background:url(/customerFiles/templateImages/layout/rounded-top.gif) no-repeat top center; color:#00007e;}
#header a {text-decoration:none; color:#00007e; font-weight:bold;}
#header a:hover {text-decoration:underline; color:/*#333333;*/ #5e94c0;}
#header ul {margin:0; padding:0; text-align:right; padding-top:14px; line-height:1.5em;}
#header ul li {margin:0; padding:0; list-style:none;}

#logo {font-size:30px; float:left; width:410px; margin-top:32px; font-family:"Times New Roman", Times, serif;}
#phone  {font-weight:bold; font-size:14px; text-align:center; width: 180px; float:left; margin-top:20px;}
#phone .number {font-size:22px; /*font-family:"Trebuchet MS", Times, serif;*/}
#search-form {margin-top:30px; width:225px; margin-left:30px; background:url(/customerFiles/templateImages/layout/searchbar-bg.gif) no-repeat top left; padding:1px;}
#search-form, #search-form input {float:left; font-size:12px; border:none;}
/*
#search-form input {margin:0; height:22px; display:inline-block; width:115px; border:1px solid #d6dfe0; padding-left:8px; line-height:22px;}
#search-form input.button {font-weight:bold; background-color:#00007e; color:#FFFFFF; height:27px; cursor:pointer; width:75px; margin-left:-5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0;}
#search-form input.button:hover {background-color:#5E95BF;}
*/
#search-form input#searchbox {
	/*border:1px solid #d6dfe0;*/
	width:115px;
	height:22px;
	padding-top:0;
	padding-bottom:0;
	padding-left:8px;
	padding-right:8px;
	}
#search-form input.button {
	width:75px;
	height:24px;
	padding-left:0;
	padding-right:0;
	margin-top:-1px;
	margin-left:3px;
	/*border:1px solid #00007e;*/
	background-color:#00007e;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	}
@-moz-document url-prefix()
{
#search-form input.button {padding-top:-3px; padding-bottom:3px;}
}

#search-form input.button:hover {background-color:#5E95BF; border:1px solid #5E95BF;}



/*************************/
/* TOP NAVIGATION STYLES */
/*************************/
#nav {font-size:11px; width:930px; margin-left:auto; margin-right:auto; padding:12px 0; background:url(/customerFiles/templateImages/layout/nav-bars.gif) top repeat-x;}
#nav_table {text-align:center; height:35px; line-height:1.1em;}
#nav td {border-left:1px solid #ffffff; border-right:1px solid #ffffff; background:url(/customerFiles/templateImages/layout/arrow.gif) right no-repeat #00007E; height:35px;}
#nav td.first {border-left:none;}
#nav td.last {border-right:none;}
#nav a {color:#FFFFFF; text-decoration:none; display:block; padding-left:12px; padding-right:12px;}
#nav a.top {height:30px; padding-top:5px; line-height:1.15em;}
#nav a.oneline {height:23px; padding-top:12px; line-height:1.15em;}

#nav td:hover/*, #nav a:hover*/ {/*(background-color:#5E95BF; background:url(/customerFiles/templateImages/layout/hover-arrow.gif) right no-repeat #5E95BF;*/}

#nav td a.top:hover, #nav td a.oneline:hover {background-color:#5E95BF; background:url(/customerFiles/templateImages/layout/hover-arrow.gif) right no-repeat #5E95BF;}

#topNav {text-align:left;}
#topNav img {border:0;}
#topNav td {vertical-align: middle; font-size:11px;}
#topNav td:hover, #topNav .over {}
#topNav .flyoutPosition {position:relative; z-index:5555;}
#topNav .topNavFlyout {
  padding:0px 5px 10px 0px;
  position:absolute;
  top:0px;
  margin-top:/*30px;*/ 35px;
  visibility:hidden;
  }
#topNav .topNavFlyout.oneline {/*top:-5px;*/}


#topNav td:hover .topNavFlyout {visibility:visible;}
#topNav .flyoutLeft {left:0;}
#topNav .flyoutRight_one {left:-92px; width:100%;}
#topNav .flyoutRight_multi {left:-492px; width:100%;/* margin-top:16px;*/}

#topNav .topNavFlyoutInner {
  border:1px solid #dddddd;
  border-top:none;
  overflow:hidden;
  background-color:#FFFFFF;
  margin-top:0px;
  width:165px;
  text-align:left;
  }
  
#topNav .topNavFlyoutInner_Other {
  border:1px solid #dddddd;
  border-top:none;
  overflow:hidden;
  background-color:#FFFFFF;
  margin-top:0px;
  width:542px;
  text-align:left;
  }
  
#topNav .topNavFlyoutColumn {
  float:left;
  width:165px;
  }
#topNav .topNavFlyoutColumn_Other {
  float:left;
  width:200px;
  margin-left:10px;
  }
  
#topNav .categories_listing {
  display:block;
  line-height:1;
  list-style-type:none;
  padding:0;
  margin:10px;
  }
#topNav .categories_listing a {
  display:block;
  padding:4px 2px;
  font-weight:bold;
  margin:0;
  text-decoration:none;
  line-height:1.25em;
  }
#topNav .categories_listing a:hover {
  color:#1D70C0;
  text-decoration:underline;
  }
#topNav .categories_listing h4 {margin:0; padding:0;}
#topNav .categories_listing h4 a {font-size:11px; font-weight:normal; color:#000000;}
#topNav .categories_listing h2 {
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
  font-family:Arial, Helvetica, sans-serif;
  padding:0px;
  margin:0;
  line-height:1em;
  }
#topNav .categories_listing h2 a {
  color: #00007E;
  display:block;
  text-decoration:underline;
  }
#topNav .categories_listing h2 a:hover {
  color:#1D70C0;
  text-decoration:underline;
  font-size:inherit;
  }
#topNav h3 a {
  color:#2E6470;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 5px;
  }
#topNav h3, #topNav h4 {letter-spacing:normal;}
#topNav .topNavFlyoutColumn ul.categories_listing {
	display:block; 
	list-style-type:none; 
	margin:10px 10px 10px 10px; 
	padding:0; 
	line-height:1em;
	}
	
	
/********************/
/*** Main Content ***/
/********************/
#main {width:930px; margin:0 auto; padding-top:18px; overflow:visible; min-height:/*675px;*/ 1010px;}
/* Keep min-height equal to the height of the side navigation (with all content) so that the background fills in while waiting for content to load */

#sidenav {width:222px; float:left; margin-right:18px; padding-bottom:18px;}
#sidenav a {text-decoration:none;}
#sidenav #newsletter {width:138px; background:url(/customerFiles/templateImages/layout/newsletter_blue.jpg) no-repeat left #5e95bf; height:78px; padding-left:80px; padding-right:4px; color:#E9F2F2; text-decoration:none; font-weight:bold; line-height:18px; padding-top:3px;}
#sidenav a#newsletter {display:block; border:none; color:#E9F2F2; cursor:pointer;}
#sidenav a#newsletter:hover {color:#ffffff;}

#sidenav .list {padding:4px 0; background-color:#a5e548; margin-top:18px;}
#sidenav ul {margin:0; padding:0;}
#sidenav ul li {margin:0; padding:0; list-style:none;}
#sidenav ul a {width:/*200px;*/205px; height:36px; display:block; background-image:url(/customerFiles/templateImages/layout/sidenav-button.gif); text-decoration:none; color:#00007e; font-size:16px; font-family:Arial, sans-serif; line-height:36px; padding-left:/*22px;*/17px; font-weight:bold;}
#sidenav ul a:hover {color:#5e94c0;}
#sidenav .list_bottom {padding-top:4px;}

#sidenav #contact-button {}
#sidenav #contact-button a {color:#000000; text-decoration:underline; width:100%; text-align:center; display:block; line-height:3em; font-weight:bold; background-image:url(/customerFiles/templateImages/layout/sidenav-button.gif); /*border-top:4px solid #00007e;*/ margin:0; padding:0;}
#sidenav #contact-button a:hover {color:#5e94c0;}

#sidenav #clinic {text-align:center; width:118px; padding-left:100px; background-image:url(/customerFiles/templateImages/layout/are_you_a_clinic_bg_3.jpg); background-repeat:no-repeat; padding-right:4px; background-position:0px 4px; color:#000000; background-color:#a5e548; height:106px;}
#sidenav #clinic img {margin-bottom:6px; margin-top:4px;}
#sidenav #clinic a {font-weight:bold; text-decoration:underline; line-height:1.5em; /*background-color:#a5e548;*/ margin-top:4px;}

#sidenav #flat-rate-shipping {height:165px; overflow:hidden; display:block; background-image:url(/customerFiles/templateImages/layout/flatrateshipping_bg.jpg);}
#sidenav #flat-rate-shipping a {height:21px; width:71px; overflow:hidden; position:relative; display:block; top:55px; left:135px;}
#sidenav #flat-rate-shipping a:hover img {margin-top:-21px;}

#content {float:left; width:690px; padding-bottom:18px;}



/*******************************/
/*** Featured Content Slider ***/
/*******************************/
#featured{ 
	width:680px;
	position:relative; 
	border:5px solid /*#cccccc;*/ #dfe9ea; 
	height:272px; 
	background:#fff;
	margin-bottom:18px;
}
/*
#featured .clickable {width:400px; height:272px; display:block; cursor:hand;}
#featured a.clickable {display:block; width:400px; height:272px; border:none; text-decoration:none; border:none; position:absolute; top:0; left:0;}
#featured img {border:none; text-decoration:none;}
#featured a.clickable .info {color:#FFFFFF;}
#featured a.clickable .info span {color:#FFFFFF; text-decoration:underline;}
#featured a.clickable:hover .info span {color:#C5E3EE; text-decoration:underline;}
*/

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:387px;
	list-style:none; 
	padding:0; 
	height:272px;
	overflow:hidden;
	margin:0; 
	width:293px;
	z-index:100;
	}
#featured ul.ui-tabs-nav li{ 
	padding:0; 
	padding-left:13px;
	font-size:12px; 
	color:#2a2a2a;
	font-weight:bold;
	
	}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:0 5px 0 0; 
	background:#fff; 
	}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:50px;
	color:#2a2a2a;
	padding:9px 12px;
	/*background:#ffffff;*/
	background-color:#eeeeee;
	line-height:22px;
	outline:none;
	text-decoration:none;
	}
#featured li.ui-tabs-nav-item a:hover {background:#f2f2f2;}
#featured li.ui-tabs-selected {background:url(/customerFiles/templateImages/layout/selected-item.png) top left no-repeat;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {background:#5e95bf; color:#ffffff;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover {background:#5e95bf; color:#ffffff;}
#featured .ui-tabs-panel{ 
	width:400px; 
	height:272px;
	background:#ffffff;
	position:relative;
	z-index:10;
	color:#f0f0f0;
	font-size:11px;
	line-height:15px;
	}
	
#featured .clickable {width:400px; height:272px; display:block; cursor:hand;}
#featured a.clickable {border:none; text-decoration:none;}
#featured a.clickable img {border:none; text-decoration:none}
	
#featured .ui-tabs-panel .info{
	color:/*#f0f0f0;*/ /*#00007e;*/ #464646;
	text-decoration:none;
	display:block;
	text-decoration:none;
	position:absolute; 
	top:/*172px;*//*192px;*/207px;
	left:0;
	padding:10px 5px 0 5px;
	width:390px;
	/*height:70px;*/
	/*background:url(/customerFiles/templateImages/layout/transparent-bg.png); */
	}
#featured .info span.title{
	color:/*#00007e;*/ #5e94c0;
	font-size:16px; 
	font-weight:bold;
	margin-bottom:5px;
	display:block;
	}
#featured .info span.more {
	/*color: #00007e;*/
	text-align:right;
	}
#featured a.clickable .info span {/*color:#00007e;*/ text-decoration:underline;}
#featured a.clickable:hover .info span {color:#5e94c0; /*text-decoration:underline;*/}
#featured .ui-tabs-hide {display:none;}



/****************************/
/*** Home - Products List ***/
/****************************/
#products {width:688px; float:left; margin-bottom:18px;}
#products h2 {height:30px; line-height:30px; color:#FFFFFF; background-color:#00007E; margin:0; padding:0; padding-left:18px; width:670px; border:1px solid #00007E; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.5em;}
#products_list { /*border:1px solid #5E95BF;*/}
#products_list h3 {font-size:1em;}
#products_list #products_content {width:680px; border:5px solid #dfe9ea;}
#products_list #products_content div {margin-top:20px; margin-left:15px;}

.home_text {color:#00007e; /*padding:0 50px 0 50px;*/}

/**************/
/*** Footer ***/
/**************/
#pre-footer {height:105px; clear:both; padding-top:4px; border-top:4px solid #a5e548; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#1a3335;}
#pre-footer h3 {margin:/*14px*/ 8px 0 3px 0;}
#pre-footer .AuthorizeNetSeal {}
#pre-footer .AuthorizeNetSeal img {width:75px; height:60px;}
#pre-footer .sub-foot-secure {margin-left:30px;}
#pre-footer .sub-foot-secure img {margin:0 2px;}

#footer {background:url(/customerFiles/templateImages/layout/rounded-bottom.gif) top no-repeat #dfe9ea; padding-top:15px; padding-bottom:0; text-align:center; clear:both; line-height:2em;}
#footer a {color:#4D4D4D; text-decoration:none; margin:0 2px;}
#footer a:hover {text-decoration:underline;}
#footer ul {margin:0; padding:0;}
#footer ul li {list-style:none; margin:0; padding:0; display:inline;}




/* Quote Form Styles */
/*.requiredField { color: red; }*/

#cQuoteFormLineItems { margin-top: 10px; margin-bottom: 10px; }
#cQuoteFormItemNum { width: 95px; }
#cQuoteFormDesc { width: 380px; }
#cQuoteFormQty { width: 70px; }
input.cQuoteFormLineItemSku { width: 85px; }
input.cQuoteFormLineItemDescription { width: 380px; }
input.cQuoteFormLineItemQty { width: 60px; }


#cCatalogRequestForm td.requiredField,
#cCatalogRequestFormSubmit span.requiredField,
#cQuoteForm td.requiredField,
#cQuoteFormSubmit span.requiredField,
#contactUsForm span.requiredField
 {
	color: /*#08088D;*/ #00007e;
	font-weight: bold;
	font-family:Tahoma,Verdana,Arial,sans-serif;

}


/* BEGIN Payment/Shipping Form Styles */
#pmtShipPayForm {
	margin: 0px;
	display: inline;
}

#pmtShipHeader {
	background-color: #F7F7F7;
	color: #08088D;
	font-weight: bold;
	text-align: center;
}

#pmtShipUpper {
	border-width: 0 0 0px 1px;
	border-color: black;
	border-style: solid;
}

#pmtShipLower {
	border-width: 0 0 1px 1px;
	border-color: black;
	border-style: solid;
}

#pmtShipUpper tr td,
#pmtShipUpper tr th,
#pmtShipLower tr td {
	border-width: 1px 1px 0 0;
	border-color: black;
	border-style: solid;
}

#pmtShipBilling,
#pmtShipShipping,
#pmtShipDelivery,
#pmtShipPay {
	padding: 5px;
	width: 270px;
}

#pmtShipBilling form,
#pmtShipShipping form {
	display: inline;
}

#pmtShipBilling table, #pmtShipBilling table tr td,
#pmtShipShipping table, #pmtShipShipping table tr td,
#pmtShipDelivery table,  #pmtShipDelivery table tr td,
#pmtShipPay table, #pmtShipPay table tr td {
	border: 0px;
}
/* END Payment/Shipping Form Styles */