/**************************************************************************************
  UNICOR Unified Style Guide
  Creation Date: 21 April, 2014

  Author: Nsite LLC

  Description: CSS Style Sheet based on HFI Style Guide provided as part of
  the UNICOR User Interface Redesign - Phase 2

  Change Log
  ------------------------------------------------------------------------------------
  Date        Initials     Change
  ------------------------------------------------------------------------------------

  1/13/2015   DWT          Task 10016 (Style sheet classes for a range of font sizes and weights) 
  4/21/2014   TMS          Initial Creation
  5/29/2014   DWT          Latest versino from Todd Snyder.
  7/7/2014    JRP          Moved to QAS 
  7/14/2014   JRP          Adding styles for the new store homepage
  7/16/2014   TMS          Added Styles for CSS Global Horizontal Menu
  8/14/2014   JRP          Adding old fedfleet styles back
  8/26/2014   JRP          Add Breadcrumb class
**************************************************************************************/

/* The style guide calls for Helvetica Neue which is the IOS default font and costs $29.
  Roboto is the default Android font and is free. Both fonts are essentially the same.

BOP USES open sans */

/**************************************************************************************
 Fonts
**************************************************************************************/

@font-face
{
    font-family: Open Sans;
    src: url(/Fonts/OpenSans/OpenSans-Regular.ttf);
}

/**************************************************************************************
 Default HTML Tags
**************************************************************************************/
body
{

    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px; /* Temporarily disable - TMS 20140723 	background-image:url('/Images/MasterPage/hatchpattern.jpg'); 	background-repeat:repeat; 	*/
    text-align: left;
    background-color: #FFFFFF;
}
.clsMasterShadowLeft
{
    padding: 0px;
    margin: 0px;
    background-image: url('/Images/MasterPage/shadow_left.png');
    background-repeat: repeat-y;
}
.clsMasterShadowRight
{
    padding: 0px;
    margin: 0px;
    background-image: url('/Images/MasterPage/shadow_right.png');
    background-repeat: repeat-y;
}
.clsMasterHangLeft
{
    padding: 0px;
    margin: 0px;
    background-image: url('/Images/MasterPage/hang_left.png');
    background-repeat: no-repeat;
}
.clsMasterHangRight
{
    padding: 0px;
    margin: 0px;
    background-image: url('/Images/MasterPage/hang_right.png');
    background-repeat: no-repeat;
}
li
{
    list-style-type: none;
}

a
{
    text-decoration: none;
    color: #08c;
}
a:hover
{
	color: #036;
}
a:visited
{
   text-decoration: none;
}
p
{
    padding: 4px;
    margin: 4px;
    text-align: left;
    text-indent: 0px;
}

img
{
    padding: 0px;
    margin: 0px;
    border-style: none;
}



.clsOrderedList
{
    margin-left: 25px;
}
.clsOrderedList li
{
    list-style: decimal;
    margin-left: 35px;
}

.clsDottedBottomBorder
{
    border-bottom: 2pt dotted #484848;
    border-bottom-color: #797979;
}

/**************************************************************************************
 HFI Color Palette Reference
**************************************************************************************/

.Color1
{
    background-color: #FFFFFF;
    color: #000000;
}

.Color2
{
    background-color: #F9FCF5;
    color: #000000;
}

.Color3
{
    background-color: #E1F2D0;
    color: #000000;
}

.Color4
{
    background-color: #8DC63F;
    color: #000000;
}

.Color5
{
    background-color: #779F5E;
    color: #000000;
}

.Color6
{
    background-color: #406618;
    color: #FFFFFF;
}

.Color7
{
    background-color: #EDF5F6;
    color: #000000;
}

.Color8
{
    background-color: #DBEBED;
    color: #000000;
}

.Color9
{
    background-color: #007484;
    color: #FFFFFF;
}

.Color10
{
    background-color: #505050;
    color: #FFFFFF;
}

.Color11
{
    background-color: #464646;
    color: #FFFFFF;
}

.Color12
{
    background-color: #333333;
    color: #FFFFFF;
}

.Color13
{
    background-color: #000000;
    color: #FFFFFF;
}

/**************************************************************************************
 B-M Color Palette Reference
**************************************************************************************/

/* Secondary (Light) Blue */
.Color14
{
    background-color: #00B1E9;
}

/* Used for Global Menu Bar */
.Color15
{
    background-color: #6AC55B;
    color: #FFFFFF;
}

/* Gray */
.Color16
{
    background-color: #878988;
}

/* Primary Blue Color */
.Blue
{
    background-color: #00B3E9;
}


/**************************************************************************************
 Design Elements
**************************************************************************************/

.clsGraySpacer
{
    margin: 0px;
    padding: 0px;
    font-size: 4pt;
    background-image: url('/Images/878988.png' );
    background-repeat: repeat-8;
    height: 4px;
}
.clsShadow
{
    box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
}
.LeftPanel
{
    background-color: #FFFFFF;
}

/* 
	Special Class added to allow shadow boxes on old browsers 
	You must use the following for the body tag

	<!--[if lt IE 7 ]>   <body class="ie6">          <![endif]-->
	<!--[if IE 7 ]>      <body class="ie7">          <![endif]-->
	<!--[if IE 8 ]>      <body class="ie8">          <![endif]-->
	<!--[if IE 9 ]>      <body class="ie9">          <![endif]-->
	<!--[if (gt IE 9) ]> <body class="modern">       <![endif]-->
	<!--[!(IE)]><!-->
	<body class="notIE modern">
	<!--<![endif]-->	
*/



.clsGradientBlue
{
    background: -webkit-linear-gradient(#0094ff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0094ff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0094ff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0094ff, #ffffff); /* Standard syntax (must be last) */
}

.clsPadding
{
    padding: 10px;
}
.clsNoWhiteSpace
{
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    display: block;
}

.clsRoundedBorder
{
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.clsRoundedTopLeftCorner
{
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}

.clsRoundedTopRightCorner
{
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.clsRoundedBottomLeftCorner
{
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

.clsRoundedBottomRightCorner
{
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}



.clsMainContentWrapper
{
	/*background: #FFFFFF;*/
	margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-right:2px;
	width: 1026px;
	border: 1px solid #cccccc;
	margin-top: 2px;
	margin-bottom: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 4px 9px 0px rgba(132, 132, 132, 0.57);
	-moz-box-shadow: 4px 4px 9px 0px rgba(132, 132, 132, 0.57);
	box-shadow: 4px 4px 9px 0px rgba(132, 132, 132, 0.57);
	/*background-color: #FFFFFF;*/
}
.clsHeaderWrapper{/*background-color: #FFFFFF;*/}
.clsMainMenuWrapper{background-color: #FFFFFF;}
.clsFooterWrapper{background-color: #FFFFFF;}

.WireFrame
{
    border: 1px solid #C0C0C0;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
}

.clsTextBox
{
    padding: 2px;
    font-size: 16px;
    border: 1px solid #999999;
}
.clsDisabledTextBox
{
    border-style: none;
    font-size: 12px;
}
.clsDropDownList
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    border: 1px solid #C0C0C0;
    z-index: 1000;
}
.clsFeedback
{
    color: #000000;
}
.clsErrorMessage
{
    color: #FF0000;
}
.clsButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=     '#039CCC' , endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}
.clsButton_Red
{
    -moz-box-shadow: 1px 1px 8px 0px #cccccc;
    -webkit-box-shadow: 1px 1px 8px 0px #cccccc;
    box-shadow: 1px 1px 8px 0px #cccccc;
    background-color: #990000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FF0000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 11pt;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 2px #999999;
}
.clsButton_Red:hover
{
    border-color: #800000;
    background-color: #FF0000;
    color: #FFFFFF;
}
.clsButton_Red:active
{
    position: relative;
    top: 1px;
}
.clsImageButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039CCC), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #039CCC 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=     '#039CCC' , endColorstr= '#468ccf' );
    background-color: #00b1e9;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #999999;
    display: inline-block;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

.clsButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
    background: -moz-linear-gradient( center top, #468ccf 5%, #DBEBED 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=     '#468ccf' , endColorstr= '#DBEBED' );
    background-color: #468ccf;
}
.clsButton:active
{
    position: relative;
    top: 1px;
}

.clsBusinessCard
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
    width: 195px;
    font-family: 'Open Sans' ,arial,sans-serif;
    box-shadow: 3px 3px 3px #cccccc;
    font-size: 12px;
    color: #000000;
}

.clsBusinessCard a
{
}

.clsMandatoryField
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    border: 1px solid #FF0000;
}


/**************************************************************************************
 Accordion Control
**************************************************************************************/
.accordion
{
}
.accordionHeader
{
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.accordionLink
{
    color: #FFFFFF;
}
.accordionHeader a
{
    color: #333333;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    padding: 2px;
    margin: 2px;
    border: 1px none #779F5E;
    color: #333333;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #406618;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    padding: 4px;
    margin: 4px;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
}

/**************************************************************************************
Global Object Classes
**************************************************************************************/

.clsSearchBox
{
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
	font-size: 14px;
	height: 30px;
	left: 5px;
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 30px;
}

.clsSearchTypeList
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #cccccc;
    height: 20px;
}
.clsSessionTimeoutWarning
{
    position: absolute;
    border: 1px solid #000000;
    top: 100px;
    left: 200px;
    z-index: 5000;
    display: none;
}

/* BEGIN Global Elements */

.Header
{
    /* 201407081402 - TMS - Removed Background images from header 	background-image: url(/Images/u11/home-header-gradient.jpg); 	background-repeat: repeat-x; */
    background-color: #FFFFFF;
}

/* BEGIN Global Footer */

.clsFooter
{
    border-top: solid 1px #cccccc;
    text-align: center;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 0px 0 20px;
    background-color: #FFFFFF;
}

.clsFooter a
{
	color: #666666;
}

.clsFooter table
{
    /*	margin-left:20px;margin-right:50px; */
}

.clsFooter td
{
    white-space: nowrap;
    padding: 4px;
}

/* END Global Footer */

/* BEGIN BOP Footer */

.clsBOPFooter
{
    background: #F7F3F7;
    border-top: 1px solid #BDDBEF;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 0px 0 20px;
    border-bottom: 10px solid #003063;
}

.clsBOPFooter a
{
    color: #424542;
}

.clsBOPFooter table
{
    /*	margin-left:20px;margin-right:50px; */
}

.clsFooter td
{
    white-space: nowrap;
    padding: 4px;
}

/* END BOP Footer */

.clsGlobalNavigation
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    color: #08c;
}
.clsGlobalNavigation:hover
{
	color: #036;
	text-decoration:none;
}
.clsGlobalButton
{
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #036;
    background-color: #08c;
}

.clsGlobalHFIFooter
{
    background-image: url(/Images/MasterPage/FooterBackground.png);
    background-repeat: repeat-x;
    font-size: 12px;
}
.clsGlobalBMFooter
{
    background: #171e24;
    border-top: 3px solid #c0a57e;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    padding: 15px 20px 0 20px;
}
.clsGlobalBMFooter a, .clsGlobalBMFooter a:link, .clsGlobalBMFooter a:visited
{
    color: #999999;
    text-decoration: none;
}
.clsGlobalBMFooter a:hover
{
    color: #999999;
    text-decoration: underline;
}
.clsGlobalBMFooter a:active
{
    color: #999999;
    font-family: Helvetica, sans-serif;
    text-decoration: none;
}

/* BEGIN Content Stack Wrapper Classes */

.ContentType_HTML
{
    /* Handled by default style except for items below */
    margin: 0px;
}
/* END Content Stack Wrapper Classes */

/* Menu Bar Background */

.clsMainMenu
{
	background: #0b263d url(   "/images/MasterPage/nav_main_bg2.png" ) repeat-x left top;
}
.clsMainMenu table{margin:0px;padding:0px;}
.clsMainMenu td{margin:0px;padding:0px;}
.clsMainMenu ul{margin:0px;padding:0px;}
.clsMainMenu li{margin:0px;padding:0px;}
.clsMainMenu a{margin:0px;padding:0px;}




/**************************************************************************************
	BEGIN Dropdown Menus
**************************************************************************************/

.clsDropDown
{
	position: relative;
	z-index: 1001;
	text-align: left;
	display: inline-block;

}
.clsDropDown li:hover
{
	border-top: 1px solid #cccccc;
	top: -1px;
}
.clsDropDown a
{
	font-weight: normal;
	font-family: 'Open Sans' ,arial,sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 6px 6px 6px 6px;
	margin-bottom: 6px;
}

.clsDropDown ul:active{color: #08C !important;}
.clsDropDown a:hover{color: #08C !important;}
.clsDropDown ul li:hover{color: #08C !important;	border-top: 0px solid #ffffff;	top: 0px;}
.clsDropDown ul li:active{color: #08C !important;}
.clsDropDown ul li a:hover{color: #08C !important;}

.clsDropDown ul /* First Level Menu */
{
    background: #FFFFFF;
    display: none;
    margin: 0px;
    padding: 0px;
    min-width: 150px;
    position: absolute;
    top: 38px;
    left: -1px;
    border-bottom: solid 3px #416f97;
    box-shadow: 3px 3px 3px #CCCCCC;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
}
.clsDropDown ul li
{
  float: none;
  margin: 0px;
  padding: 0px;
  min-width: 200px;
}
.clsDropDown li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
	float: left;
	position: relative;
	list-style: none;
	border-left: 1px solid #194164;
	border-right: 1px solid #8796a2;
}

.clsDropDown li:hover
{
	background-color: #FFFFFF;
	color: #08C !important;
}
.clsDropDown .active a, .clsDropDown li:hover > a
{
    background: #FFFFFF;
    color: #08C;
}
.clsDropDown ul li ul /* Second Level Menu */
{
    background-color: #FFFFFF;
    display: none;
    margin: 0px;
    padding: 0px;
    min-width: 200px;
    position: absolute;
    top: 0px;
    left: 199px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}
.clsDropDown ul li ul li{background:#FFFFFF;}
.clsDropDown li ul li a
{
	margin: 0px;
	color: #000000;
	padding: 2px 6px 2px 6px;
}

.clsDropDown li:hover > ul
{
    display: block;
}

.clsDropDown:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clsDropDown
{
    display: block;
}

* html .clsDropDown
{
    height: 1%;
}


.clsCartDropDown
{
    margin: 6px 0px 0px 0px;
    padding: 2px 2px 0px 2px;
    height: 100%;
    position: relative;
    z-index: 1001;
    text-align: left;
}

.clsCartDropDown li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
    float: left;
    position: relative;
    list-style: none;
    height: 100%;
}

.clsCartDropDown a
{
    font-weight: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 6px 6px 6px 6px;
    margin: 0;
    margin-bottom: 6px;
}

.clsCartDropDown li ul li a
{
    margin: 0;
    color: #000000;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.clsCartDropDown .active a, .clsCartDropDown li:hover > a
{
    background: #FFF !important;
    color: #08C !important;
}

.clsCartDropDown ul li:hover a, .clsCartDropDown li:hover li a
{
}

.clsCartDropDown ul a:hover
{
    background: #FFF !important;
    color: #08C !important;
}

.clsCartDropDown ul
{
    background: #FFFFFF;
    display: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    position: absolute;
    top: 38px;
    left: 8px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    box-shadow: 3px 3px 3px #CCCCCC;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
}

.clsCartDropDown ul li ul
{
    background: #FFFFFF;
    display: none;
    margin: 0px;
    padding: 0px;
    width: 250px;
    position: absolute;
    top: 0px;
    left: 250px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

.clsCartDropDown li:hover > ul
{
    display: block;
}

.clsCartDropDown ul li
{
    float: none;
    margin: 0;
    padding: 0px;
}

.clsCartDropDown ul a
{
    padding: 2px 0px 2px 2px;
    color: #000000 !important;
    font-size: 14px;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-weight: normal;
}

.clsCartDropDown ul li:first-child > a
{
}

.clsCartDropDown ul li:last-child > a
{
}

.clsCartDropDown:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clsCartDropDown
{
    display: inline-block;
}

html[xmlns] .clsCartDropDown
{
    display: block;
}

* html .clsCartDropDown
{
    height: 1%;
}

/**********************************************************************************************
	Global Menu Bar - Replaces .NET Menu Control (See BuildMenu() in Menu.ascx)
***********************************************************************************************/
/*
#menu-bar
{
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    position: relative;
    z-index: 1001;
}

#menu-bar li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    position: relative;
    list-style: none;
}

#menu-bar a
{
    font-weight: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-style: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #8ab0cb;
    border-left: 1px solid #194164;
    border-right: 1px solid #8796a2;
    padding: 10px;
    height: 33px;
}

#menu-bar li ul li a
{
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-size: 1.0em;
}

#menu-bar .active a, #menu-bar li:hover > a
{
    background: #FFFFFF;
    color: #08C;
    margin: 0px 0px 0px 0px;
}

#menu-bar ul li:hover a, #menu-bar li:hover li a
{
    margin: 0px 0px 0px 0px;
}

#menu-bar ul a:hover
{
    background: #FFF !important;
    color: #08C !important;
    margin: 0px 0px 0px 0px;
}

#menu-bar ul
{
    background: #FFFFFF;
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    min-width: 200px;
    position: absolute;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #036;
}

#menu-bar ul li ul
{
    background: #FFFFFF;
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    min-width: 200px;
    position: absolute;
    top: 0px;
    left: 180px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

#menu-bar li:hover > ul
{
    display: block;
    margin: 0px 0px 0px 0px;
}

#menu-bar ul li
{
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#menu-bar ul a
{
    color: #000000 !important;
    font-size: 1em;
    font-style: normal;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

#menu-bar ul li:first-child > a
{
}

#menu-bar ul li:last-child > a
{
}

#menu-bar:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#menu-bar
{
    display: inline-block;
}

html[xmlns] #menu-bar
{
    display: block;
}

* html #menu-bar
{
    height: 1%;
}
*/

.clsTableHeaderCell
{
    padding: 2px;
    border: 1px solid #000000;
    margin: 0px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #DBEBED;
}

.clsTableDataCell
{
    padding: 2px;
    border: 1px solid #000000;
    margin: 0px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
}
.clsTableDataCell_NoBorder
{
    padding: 2px;
    margin: 0px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
}
.clsFormFooter
{
    margin: 2px;
    padding: 2px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 12px;
}
.clsLeftColumn
{
	padding-top: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	border-right: solid 1px #cccccc;
}

.CheckBoxList input {
			margin-bottom: 12px;
			margin-top: 5px;
			margin-right: 20px !important;
	}
	.CheckBoxList label {
			color: #000  !important;
			margin-top: 5px;
			margin-bottom: 12px;
	}
/* END Global Elements */

/**************************************************************************************
Single Navigation Item
**************************************************************************************/

.clsCSSNavElement
{
    background-color: #E1F2D0;
    padding: 4px;
    width: 202px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.clsCSSNavElement a:hover
{
    color: #FFFFFF;
}

/**************************************************************************************
Left Navigation pure CSS menu
**************************************************************************************/

.clsCSSNav
{
	border-bottom: 1px solid #CCCCCC;
	width: 194px;
	padding-left: 0px;
	cursor: default;
	list-style-type: none;
	margin: 4px;
	position: relative;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	z-index: 1000;
}

.clsCSSNav .clsCSSNavItem > .clsCSSNav
{
    list-style-type: none;
    display: none;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    left: 220px;
    border:solid 1px #cccccc;
    box-shadow: 2px 2px 2px #CCCCCC;
    -moz-box-shadow: 2px 2px 2px #CCCCCC;
    -webkit-box-shadow: 2px 2px 2px #CCCCCC;
    z-index:5001;
}

.clsCSSNav .clsCSSNavItem:hover, .clsCSSNavItem.CSStoHighlight
{
    color: #08c;
    font-weight: normal;
}

.clsCSSNav .clsCSSNav.CSStoShow
{
    display: block;
}

.clsCSSNav .clsCSSNavItem:hover > .clsCSSNav
{
    display: block;
}

/*this is for the background of the left stacks */
.clsCSSNav .clsCSSNavItem .clsCSSNavLink
{
    color: #000;
    background-color: #dceced;
    display: block;
    padding: 4px;
    list-style-type: none;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
}

.clsCSSNav .clsCSSNavItem .clsCSSNavLink:hover, .clsCSSNav .clsCSSNavItem .clsCSSNavLink.CSStoHighLink
{
    color: #08c;
    background-color: #FFFFFF;
}

.clsCSSNav .clsCSSNavItem:hover > .clsCSSNavLink
{
    color: #08c;
    background-color: #FFFFFF;
}

.clsCSSNavItem
{
    /* border: 1px solid #00b1e9; */
}





/**************************************************************************************
				Portal Specific Styles
				
				If you use one of these classes, move the class out of
				the Portal Secific Styles section of this document
**************************************************************************************/

.clsHeader
{
    color: #08c;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 16px;
    font-weight: Bold;
}
.clsModalDialog
{
    position: absolute;
    top: 50%;
    left: 50%;
}
.clsError
{
    color: #990000;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
}
.clsSuccess
{
    color: #0066FF;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-size: 14px;
}
.clsSmallText
{
    font-size: 10px;
    font-family: 'Open Sans' ,arial,sans-serif;
    font-weight: normal;
}
.clsPOD
{
    padding: 2px;
    margin: 2px;
    font-size: small;
}
.clsPodHeaderCell
{
	border: 1px solid #808080;
	padding: 2px;
	margin: 0px;
	font-family: 'Open Sans' ,arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #08c;
	color: #FFFFFF;
}
.title
{
    color: #FFFFFF;
    font-size: 14px;
}
.title td
{
    color: #FFFFFF;
    font-size: 14px;
    vertical-align: bottom;
    text-align: left;
}

.clsCenterOnPage
{
    width: 100%;
    text-align: center;
    text-align: -moz-center;
}
.clsPanelHeader
{
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    color: #666666;
}

.clsDropDownForm
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    padding: 4px;
    margin: 4px;
}

.clsCartMenu
{
    background-color: #007484;
}

.clsDynamicHoverStyle
{
    background-color: #DBEBED;
    font-weight: bolder;
}
.clsStaticHoverStyle
{
    background-color: #FFFFFF;
}
/**************************************************************************************
				Modal Dialog Styles
**************************************************************************************/

.modal
{
    position: absolute;
    left: 35%;
    top: 25%;
    background-color: #FFFFFF;
}
.modal-header
{
    border-bottom: 1px solid grey;
    height: 25px;
    padding-left: 2px;
    background-color: #3399FF;
    float: left;
    width: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.modal-header-close
{
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    float: right;
    position: absolute;
    right: 0;
}
.modal-header-close:hover
{
    border: 1px solid grey;
}
.modal-content
{
    padding: 2px;
}

/**************************************************************************************
				Optional Tile Interface Styles
**************************************************************************************/

.submenu
{
    z-index: 9999; /* IE8 FIX for asp:Menu */
}

.clsDashboard
{
    float: left;
    margin: 4px 3px;
    padding: 10px;
}
.clsDashboard input
{
    float: none;
    display: block;
}

.page
{
    width: auto;
    height: auto;
    color: #FFFFFF;
    margin: 5px;
}

.row
{
    width: auto;
    height: auto;
    display: table;
}
.tile
{
    margin: 2px;
    padding: 5px;
    height: 75px;
    width: 75px;
    float: left;
    text-align: center;
}

.tileSpacer /* Empty Small Tile */
{
    padding: 5px;
    height: 75px;
    width: 75px;
    float: left;
}
.tileWide
{
    padding: 5px;
    width: 254px;
    height: 75px;
}
.tileLarge
{
    padding: 5px;
    width: 165px;
    height: 75px;
}
.tileXLarge
{
    padding: 5px;
    width: 164px;
    height: 165px;
}
.tileXXLarge
{
    padding: 5px;
    width: 254px;
    height: 165px;
}
.tileXXXLarge
{
    padding: 5px;
    width: 235px;
    height: 235px;
}

.Gold
{
    background: #DAA520;
}
.Red
{
    background: #CD0000;
}
.LightBlue
{
    background: #4682B4;
}
.Green
{
    background-color: #2E8B57;
}
.Orange
{
    background-color: #FF8000;
}
.Purple
{
    background-color: #9966FF;
}
.LightGreen
{
    background-color: #CCFF99;
}
.Gray
{
    background-color: #333333;
}

.tileCell
{
    text-align: center;
    vertical-align: middle;
}
.tileContent
{
    font-size: 14px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    color: #FFFFFF;
    font-family: 'Open Sans' ,arial,sans-serif;
}

.selecion
{
    background-color: #990099;
}

/**************************************************************************************
				UNICOR Legacy Styles
**************************************************************************************/

.box-event
{
    margin: 2px;
    background: #F9FCF5;
    width: 195px;
    padding: 5px;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 2px 2px 2px #999999;
}

.box-large-blue
{
    margin: 4px;
    background: #dbebed;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-large-green
{
    margin: 4px;
    background: #e1f2d0 url(     '../Images/u11/green-box-large.jpg' ) repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-shadow
{
    background: #ffffff url(     '../Images/u11/box-shadow.jpg' )no-repeat;
    width: 215px;
    height: 6px;
    margin-bottom: 10px;
}

.box-small-green
{
    margin: 4px;
    background: #e1f2d0 url(     '../Images/u11/green-box-small.jpg' )repeat-x;
    width: 195px;
    padding: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 5px 5px 5px #cccccc;
}

.box-header
{
	font-size:12px;
  color: black;
  font-weight: bold;
  margin-bottom: 0px;
}

.box-image.video
{
    float: none;
    display: block;
    margin: 0px;
}

.box-image
{
    float: right;
    margin: 5px;
}

.box-text
{
  font-size: 12px;
  color: black;
  line-height: 13px;
}

.box-link
{
	font-size:12px;
  margin: 10px;
}

.inbody
{
    list-style-type: square;
    list-style-position: inherit;
    color: Black;
    visibility: visible;
    content: inherit;
}



/**************************************************************************************
 BEGIN UNICOR Slider Style
**************************************************************************************/


#wrapper
{
    float: left;
    width: 1024px;
    height: 590px;
}


.rslides
{
    margin: 0 auto;
}

.rslides_container
{
    position: relative;
    float: left;
    width: 100%;
}

.centered-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(     "/global/images/sliders/themes.gif" ) no-repeat left top;
    margin-top: -45px;
}

.centered-btns_nav:active
{
    opacity: 1.0;
}

.centered-btns_nav.next
{
    left: auto;
    background-position: right top;
    right: 0;
}

.transparent-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    left: 0;
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=1);
    width: 48%;
    text-indent: -9999px;
    overflow: hidden;
    height: 91%;
}

.transparent-btns_nav.next
{
    left: auto;
    right: 0;
}

.large-btns_nav
{
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.6;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    background: #000 url(     "/global/images/sliders/themes.gif" ) no-repeat left 50%;
    width: 38px;
}

.large-btns_nav:active
{
    opacity: 1.0;
}

.large-btns_nav.next
{
    left: auto;
    background-position: right 50%;
    right: 0;
}

.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus
{
    outline: none;
}

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs
{
    margin-top: 0px;
    text-align: center;
    background-color: #c4c4c4;
}

.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li
{
    display: inline;
    float: none;
    _float: left; *float:left;
margin-right:5px;
}

.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a
{
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0, .2);
    display: inline-block;
    _display: block; *display:block;
-webkit-box-shadow:inset002px0rgba(0,0,0,.3);
-moz-box-shadow:inset002px0rgba(0,0,0,.3);
box-shadow:inset002px0rgba(0,0,0,.3);
width:9px;
height:9px;
}

.centered-btns_here a, .transparent-btns_here a, .large-btns_here a
{
    background: #222;
    background: rgba(0,0,0, .8);
}


.rslides
{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li
{
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child
{
    position: relative;
    display: block;
    float: left;
}

.rslides img
{
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.clsSlider
{
	/*
    background-image: url('/global/images/sliders/bkgrnd.fw.png');
    background-repeat: repeat-x;
  */
    position: absolute;
    top: 569px;
    width: 1024px;
    font-size: 12px;
    font-weight: bold;
}

.clsSliderCopy
{
    width: 151px;
    position: absolute;
    font-size: 11px;
    margin-top: -20px;
    margin-left: 70px;
}

/**************************************************************************************
 END UNICOR Slider Style
**************************************************************************************/



/**************************************************************************************
UNICOR Store Home Page Content Element 37
**************************************************************************************/
A.indextitle:link
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}
A.indextitle:visited
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
A.indextitle:hover
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
A.indextitle:active
{
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    background: none;
}
hr.index
{
    color: Green;
    height: 1px;
}
td.title
{
    vertical-align: middle;
    width: 200px;
}
td.icon
{
    vertical-align: top;
    width: 50px;
}
td.indexdescription
{
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    font-style: none;
}

/**********************************************************************************************
	BEGIN Old Fedfast Styles
***********************************************************************************************/


.tdbluecel
{
    background-color: #f1f1ff;
}
.tdblueceldark
{
    background-color: #e1e1ff;
}
.tdcartbgblue
{
    background-color: #cce9f1;
}
.tdgreycel
{
    background-color: #f1f1f1;
}
.tdredcel
{
    background-color: #fff1f1;
}
.tdyellowcel
{
    background-color: #ffff00;
}

.errheader
{
    font-weight: bold;
    font-size: 16px;
    color: #aa0000;
}
.errlarge
{
    font-weight: bold;
    font-size: 18px;
    color: #aa0000;
}
.errnormal
{
    font-weight: bold;
    font-size: 14px;
    color: #aa0000;
}
.errsmall
{
    font-weight: bold;
    font-size: 10px;
    color: #aa0000;
}
.fedfastx
{
    font-weight: normal;
    font-size: 12px;
}
.large
{
    font-weight: normal;
    font-size: 20px;
}
.normalbold
{
    font-weight: bold;
    font-size: 14px;
}
.price
{
    font-weight: normal;
    font-size: 14px;
}
.print
{
    size: landscape;
}
.printerparms
{
    size: landscape;
}
.smallbold
{
    font-weight: bold;
    font-size: 10px;
}
.smallfont
{
    font-weight: normal;
    font-size: 10px;
}


/*	clsMediumFont is only used on the homepage CE701 */

.clsMediumFont
{    
	  font-weight: normal;
      font-size: 13px;
}




.clsLargeFont
{    
	  font-weight: normal;
      font-size: 23px;
}




.type
{
    font-weight: bold;
    font-size: 12px;
    color: #040e8e;
}
.CatPriceDescBgColor
{
    background-color: #ffffff;
}
.header
{
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}
/*	(For outermost table of page body.) */
.MainContain
{
    background-color: #FFFFFF;
}

.PageFooter
{
    height: 40px;
    width: 1024px;
    background: #fff url(     '//www.unicor.gov/shopping/images/footer-gradient.jpg' ) repeat-x;
    padding-bottom: 12px;
}

.PageFooterLink
{
    color: #007484;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeader
{
    /*	For 1024-pixel-wide windows, partly per u11 style guide: 	visible header width of 950 (matching the content width) 	leaves L and R margins of 26px; 	add about 22px allowance for the vertical scrollbar and you're done 	(950+26+26+22=1024) 	 	Alternatively, use 1024 for content size (Burson-Marsteller slider image width), 	yielding about 1098px for total window size. */
    height: 120px;
    width: 1024px;
    background-color: #FFFFFF;
    padding-bottom: 0px; /*	width: 950px; */ /*	background: #fff url('//www.unicor.gov/shopping/images/home-header-gradient.jpg') repeat-x; */
}

.PageHeaderButton
{
    /*	The standard button is white text on green.  Use inline style for exceptions. */
    color: #FFFFFF;
    background-color: #007484;
}

/*
.PageHeaderCartCell
{
	vertical-align:bottom;
	position:relative;
	left:509px;
	top:26px;
	z-index:0;
	width:100px;
	background: #fff url('//www.unicor.gov/shopping/images/plain-teal-button.gif') no-repeat;
	padding-bottom:9px; 
}
*/

.PageHeaderCartBar
{
    padding-right: 26px;
    height: 35px;
}

.PageHeaderCheckoutButton
{
    color: #FFFFFF;
    background-color: #FF8B7B; /* rose (complement of #007484) */ /*	background-color:#F70C00;	/* red like "add-to-cart" button */
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 26px;
    width: 79px;
    float: right;
    border-radius: 10px 10px 10px 10px;
}
.PageHeaderCheckoutCell
{
    width: 100px;
    padding-bottom: 9px;
}

.PageHeaderLink
{
    color: #007484;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderLinkBar
{
    height: 27px;
    padding-left: 160px;
    padding-right: 26px;
}

.PageHeaderLinkCell
{
    padding-left: 24px;
    white-space: nowrap;
}

.PageHeaderMenuBar
{
    height: 35px;
    width: 70%;
}

.PageHeaderMenuCart
{
    background-color: #007484;
    text-align: center;
    padding-left: 10;
    padding-right: 10;
}

.PageHeaderMenuItem
{
    border-width: thin;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right-color: #DEE7EF; /*	border-color:#DEE7EF; */
    background-color: #779F5E; /* darker green */ /*	background-color:#8DC63F; /* lighter green */
    text-align: center; /*	padding-bottom:5px; 	position:relative; 	/*bottom:2;*/ /*z-index:1;*/
}

.PageHeaderMenuLink
{
    color: #FFFFFF;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderMenuLink_Down
{
    color: #464646;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.PageHeaderSearchBar
{
    padding-top: 16px;
    padding-right: 26px;
    padding-bottom: 16px;
    height: 26px;
    width: 55%;
}

.PageHeaderSearchButton
{
    vertical-align: middle;
}

.PageHeaderSearchInput
{
    /*	border-radius:10px 0 0 10px; 	font-size:x-small; */
}

.PageHeaderSearchTarget
{
    color: #464646;
    font-weight: normal;
    font-size: 12px;
}

.PageLogo
{
    vertical-align: bottom;
    padding-left: 6px;
    padding-bottom: 12px;
}

#ResultsStore
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}
#ResultsStore .RedHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    font-style: italic;
    background-color: #d91212;
}
#ResultsStore .RedHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsStore .RedHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsStore .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    font-style: italic;
    background-color: #165189;
}
#ResultsSug
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
#ResultsSug .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    background-color: #165189;
}
#ResultsSug .BlueHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsSug .BlueHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsSAP
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
#ResultsSAP .BlueHeader
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: 900;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    background-color: #165189;
}
#ResultsSAP .BlueHeader .Counts
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#ResultsSAP .BlueHeader .Counts A
{
    font-weight: normal;
    color: white;
    font-style: normal;
}
#SearchParams
{
}
.SearchResultCountsMessage
{
    font-weight: bold;
}
.SPEStart1
{
    border-left: black 1px solid;
}
.SPEStart2
{
}
.SPEStart3
{
    border-right: black 1px solid;
}
.SPEMid1
{
    border-left: black 1px solid;
}
.SPEMid2
{
}
.SPEMid3
{
    border-right: black 1px solid;
}
.SPEArt1
{
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}
.SPEArt2
{
    border-bottom: black 1px solid;
}
.SPEArt3
{
    border-right: black 1px solid;
    border-bottom: black 1px solid;
}
.SPEGroupHeader
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-weight: bold;
    font-size: x-small;
    border-left: black 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
.SPEArtHeader
{
    border-right: black 1px solid;
    font-weight: bold;
    font-size: x-small;
    border-left: black 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
.SPECustomTextHeader
{
    border-right: black 1px solid;
    font-weight: bold;
    font-size: x-small;
    border-left: black 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}

.StoreInnerTable
{
    border-bottom: 1px solid;
}
.StoreBackground1
{
    background-color: #f1cce4;
}
.StoreBackground2
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid;
    background-color: #ebedfa;
}

/*
	License Plate Store
*/
.TagHome
{
    background-color: #E9F4E3;
}
/* pale green   */
.TagOrama
{
    background-color: #DDDDDD;
}
/* pale gray    */
.TagReplace
{
    background-color: #FFEED5;
}
/* pale rust    */
.TagBorder
{
    border-color: #66BD29;
}
/* meteor green */
.TagTitleList
{
    color: #FF0000;
}
/* red hot      */
.TagTitleNew
{
    color: #66BD29;
}
/* meteor green */
.TagTitleOld
{
    color: #FF9900;
}
/* rust         */
.TagTitleAlt
{
    color: #003082;
}
/* AF blue      */

UNKNOWN
{
    margin-left: 0.1in;
}
/**********************************************************************************************
	END Old Fedfast Styles
***********************************************************************************************/

.breadcrumb
{
    font-weight: bold;
    font-size: 14px;
    background-color: inherit;
}



/**********************************************************************************************
	BEGIN Homepage Slider Styles
***********************************************************************************************/


#section_content{position:relative;top:0;left:0;background:#fff url(/images/bg_homepage.jpg) top left no-repeat}

#news_container{min-height:435px;}

#news_loading{margin-left:auto;margin-right:auto;padding:200px;width:250px}

#news_title{margin-bottom:30px;font-size:2.0em}

.news-title-active{color:#08c!important}

#news_slider{position:relative;height:305px;width:958px}

.news-img{position:absolute;bottom:0}

#news_nav{text-align:center}

#news_nav_list{margin-left:auto;margin-right:auto;display:inline-block}

.news-linker{width:10px;height:10px;display:block;background:url(/images2/sprite_homepage.png) top left no-repeat;margin:3px}

.news-linker-active{width:10px;height:10px;display:block;background-position:-32px 0}

.section-title{font-family:'Open Sans',arial,sans-serif;font-size:2.4em;color:#1f1f1f;padding:0 30px;font-weight:normal;margin-bottom:0;text-align:center;margin-top:.5em}

.vmenu-links{list-style-type:none;padding:0;margin:0;text-align:left}

.vmenu-links li{float:left}


/**********************************************************************************************
	END Homepage Slider Styles
***********************************************************************************************/




/**********************************************************************************************
		customizing the google search (over riding what is in google)
***********************************************************************************************/
	.gsc-control-cse
	{
			font-family: 'Open Sans' ,arial,sans-serif;
			border-color: #FFFFFF;
			background-color: #FFFFFF;
	}
	.gsc-control-cse .gsc-table-result
	{
			font-family: 'Open Sans' ,arial,sans-serif;
	}
	.gsc-tabHeader.gsc-tabhInactive
{
    border-color: #00B2EF;
    background-color: #808080;
}
	.gsc-tabHeader.gsc-tabhActive
{
    border-color: #333333;
    background-color: #333333;
    color: #FFFFFF;
}
	.gsc-tabsArea
	{
			border-color: #00B2EF;
	}
	.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult
	{
			border-color: #FFFFFF;
			background-color: #FFFFFF;
	}
	.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover
	{
			border-color: #000000;
			background-color: #FFFFFF;
	}
	.gsc-webResult.gsc-result.gsc-promotion:hover
	{
			border-color: #000000;
			background-color: #FFFFFF;
	}
	.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b
{
    color: #333333;
}
	.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b
{
    color: #333333;
}
	.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b
	{
			color: #444444;
	}
	.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b
	{
			color: #777777;
	}
	.gsc-cursor-page
	{
			color: #444444;
	}
	a.gsc-trailing-more-results:link
	{
			color: #444444;
	}
	.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType
	{
			color: #333333;
	}
	.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl
	{
			color: #000000;
	}
	.gs-webResult div.gs-visibleUrl-short
	{
			color: #000000;
	}
	.gs-webResult div.gs-visibleUrl-short
	{
			display: none;
	}
	.gs-webResult div.gs-visibleUrl-long
	{
			display: block;
	}
	.gs-promotion div.gs-visibleUrl-short
	{
			display: none;
	}
	.gs-promotion div.gs-visibleUrl-long
	{
			display: block;
	}
	.gsc-cursor-box
	{
			border-color: #FFFFFF;
	}
	.gsc-results .gsc-cursor-box .gsc-cursor-page
	{
			border-color: #00B2EF;
			background-color: #FFFFFF;
			color: #444444;
	}
	.gsc-results .gsc-cursor-box .gsc-cursor-current-page
{
    border-color: #00B2EF;
    background-color: #333333;
    color: #FFFFFF;
}
	.gsc-webResult.gsc-result.gsc-promotion
	{
			border-color: #CCCCCC;
			background-color: #E6E6E6;
	}
	.gsc-completion-title
	{
			color: #444444;
	}
	.gsc-completion-snippet
	{
			color: #333333;
	}
	.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link
	{
			color: #0000CC;
	}
	.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited
	{
			color: #0000CC;
	}
	.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover
	{
			color: #444444;
	}
	.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active
	{
			color: #00CC00;
	}
	.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *
	{
			color: #333333;
	}
	.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short
	{
			color: #00CC00;
	}
/**********************************************************************************************
	END customizing the google search
***********************************************************************************************/




/**********************************************************************************************
		BEGIN general classes that could be used in a cms
***********************************************************************************************/

.cls6font
{
    font-size: 6px;
}

.cls7font
{
    font-size: 7px;
}

.cls8font
{
    font-size: 8px;
}

.cls9font
{
    font-size: 9px;
}

.cls10font
{
    font-size: 10px;
}

.cls11font
{
    font-size: 11px;
}

.cls12font
{
    font-size: 12px;
}

.cls13font
{
    font-size: 13px;
}

.cls14font
{
    font-size: 14px;
}

.cls15font
{
    font-size: 15px;
}

.cls16font
{
    font-size: 16px;
}

.cls17font
{
    font-size: 17px;
}

.cls18font
{
    font-size: 18px;
}

.cls19font
{
    font-size: 19px;
}

.cls20font
{
    font-size: 20px;
}

.clsbold
{
    font-weight: bold;
}

/**********************************************************************************************
	END general classes that could be used in a cms
***********************************************************************************************/









/**********************************************************************************************
	THE OVERRIDE SECTIONS MUST GO LAST. DO NOT PUT ANYTHING BELOW THEM!
***********************************************************************************************/

/**********************************************************************************************
	Override Bootstrap
***********************************************************************************************/
.bg-primary {
  background-color: #08c;
}
.list-group
{
    padding: 2px;
    margin: 0px;
}
.list-group a
{
    padding: 2px;
    margin: 0px;
}
.panel
{
    margin: 0px;
}
.panel-heading
{
    padding: 2px;
    margin: 0px;
}
.panel-title
{
    padding: 2px;
    margin: 0px;
    text-decoration: none;
}
.panel-title a:hover
{
   text-decoration: none;
}
.list-group-item
{
    padding: 2px;
    margin: 0px;
}
.panel-body
{
    padding: 2px;
    margin: 0px;
}
.table > tbody > tr > th, .table > tbody > tr > td
{
    padding: 2px;
    border-top: none;
}
.btn-default
{
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
    color: #333333;
    background-color: #FFFFFF;
    border-color: #cccccc;
}
.panel-primary {
  border-color: #08c;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #08c;
  border-color: #08c;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #08c;
}
.panel-primary > .panel-heading .badge {
  color: #08c;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #08c;
}
/* BEGIN PRIMARY BUTTON */
.btn-primary
{
    color: #ffffff;
    background-color: #08c;
    border-color: #08c;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
    color: #FFFFFF;
    background-color: #036;
    border-color: #036;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
{
    background-color: #036;
    border-color: #036;
}
.btn-primary .badge
{
    color: #036;
    background-color: #FFFFFF;
}
/* END PRIMARY BUTTON */
/* BEGIN RED BUTTON */
.btn-danger
{
	color: #ffffff;
	background-color: #CC0000;
	border-color: #800000;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger
{
	color: #FFFFFF;
	background-color: #800000;
	border-color: #FF0000;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger
{
    background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active
{
	background-color: #800000;
	border-color: #800000;
}
.btn-danger .badge
{
	color: #800000;
	background-color: #FFFFFF;
}
/* END RED BUTTON */
.dropdown-menu
{
    z-index: 2000;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    text-decoration: none;
    background: #FFF !important;
    color: #08C !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    background-color: #00B3E9;
}
.btn-group
{
    z-index: 2000;
    height: 30px;
}
.accordion-caret .accordion-toggle:hover
{
    text-decoration: none;
}
.accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong
{
    text-decoration: underline;
}
.accordion-caret .accordion-toggle:before
{
    font-size: 25px;
    vertical-align: -3px;
}
.accordion-caret .accordion-toggle:not(.collapsed):before
{
    content: "▾";
    margin-right: 0px;
}
.accordion-caret .accordion-toggle.collapsed:before
{
    content: "▸";
    margin-right: 0px;
}

.carousel {

}
.carousel-indicators li {
  background-color: #999999;
}

.carousel-indicators .active {
  background-color: #00B3E9;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  top: -20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size:20px;
  font-weight:bold;
}
/*
.carousel-inner .active.left { left: -300; }
.carousel-inner .next        { left:  300; }
.carousel-inner .prev        { left: -300; }
.carousel-control .glyphicon,
*/
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  margin-left: 20px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}

/**********************************************************************************************
	Override JQuery
***********************************************************************************************/

.ui-widget-overlay
{
    background: #000;
}
.ui-dialog
{
    z-index: 1000000 !important;
    position: fixed;
}
.ui-front
{
    z-index: 1000000 !important;
}
.clsDialogText
{
    font-family: Verdana;
    font-size: 14px;
}

/**********************************************************************************************
	IMPORTANT!     TESTING
***********************************************************************************************/

.UlHeader
{
	font-size:14px;
	font-weight:bold;
}
.clsUlBulletList
{

}

.clsBulletList
{
	list-style: disc;
}	
.clsBoxShadow
{
    /* CSS3 syntax */
    box-shadow: 5px 5px 5px #cccccc;
    -webkit-box-shadow: 5px 5px 5px #cccccc;
    -moz-box-shadow: 5px 5px 5px #cccccc; /* Place any other shared CSS properties here, except for those in the next rule */
    margin: 10px auto;
}

.clsBoxShadow, body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent
{
    padding: 5px;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
}

body.ie6 .clsBoxShadow, body.ie7 .clsBoxShadow, body.ie8 .clsBoxShadow
{
    /* This contains the color of the shadow in the CSS3 syntax */
    background: #CCCCCC; /* This contains the blur-radius in the CSS3 syntax */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5); /* You must remove the border in IE, since it will be replaced in the next rule */
    border: none;
}

body.ie6 .clsBoxShadow .clsBoxShadowContent, body.ie7 .clsBoxShadow .clsBoxShadowContent, body.ie8 .clsBoxShadow .clsBoxShadowContent
{
    position: relative;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
}

.clsRoundedContent_Blue
{
    border: 1px solid #CCCCCC;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666666 0px 2px 3px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DBEBED));
    background: -webkit-linear-gradient(#FFFFFF, #DBEBED);
    background: -moz-linear-gradient(#FFFFFF, #DBEBED);
    background: -ms-linear-gradient(#FFFFFF, #DBEBED);
    background: -o-linear-gradient(#FFFFFF, #DBEBED);
    background: linear-gradient(#FFFFFF, #DBEBED);
    -pie-background: linear-gradient(#FFFFFF, #DBEBED);
    behavior: url(/Styles/PIE.htc);
}	

.clsRoundedContent_Green
{
    border: 1px solid #696;
    margin: 4px;
    text-align: Left;
    width: 195px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666666 0px 2px 3px;
    box-shadow: #cccccc 0px 2px 3px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E1F2D0));
    background: -webkit-linear-gradient(#FFFFFF, #E1F2D0);
    background: -moz-linear-gradient(#FFFFFF, #E1F2D0);
    background: -ms-linear-gradient(#FFFFFF, #E1F2D0);
    background: -o-linear-gradient(#FFFFFF, #E1F2D0);
    background: linear-gradient(#FFFFFF, #E1F2D0);
    -pie-background: linear-gradient(#FFFFFF, #E1F2D0);
    behavior: url(/Styles/PIE.htc);
}

.clsContent_Blue
{
    margin-left: 4px;
    margin-right:4px;
    margin-top:0px;
    margin-bottom:0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the blue goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DBEBED));
    background: -webkit-linear-gradient(#FFFFFF, #DBEBED);
    background: -moz-linear-gradient(#FFFFFF, #DBEBED);
    background: -ms-linear-gradient(#FFFFFF, #DBEBED);
    background: -o-linear-gradient(#FFFFFF, #DBEBED);
    background: linear-gradient(#FFFFFF, #DBEBED);
    -pie-background: linear-gradient(#FFFFFF, #DBEBED);
    behavior: url(/Styles/PIE.htc);
}             

.clsContent_Green
{
    margin-left: 4px;
    margin-right:4px;
    margin-top:0px;
    margin-bottom:0px;
    text-align: Left;
    width: 240px;
    height: 170px; /*	how far down the green goes in the individual box */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E1F2D0));
    background: -webkit-linear-gradient(#FFFFFF, #E1F2D0);
    background: -moz-linear-gradient(#FFFFFF, #E1F2D0);
    background: -ms-linear-gradient(#FFFFFF, #E1F2D0);
    background: -o-linear-gradient(#FFFFFF, #E1F2D0);
    background: linear-gradient(#FFFFFF, #E1F2D0);
    -pie-background: linear-gradient(#FFFFFF, #E1F2D0);
    behavior: url(/Styles/PIE.htc);
}

/**********************************************************************************************
	IMPORTANT!     DO NOT PUT ANYTHING BELOW THIS LINE!
***********************************************************************************************/