/*
'History (Recent):
'09/01/18 - Updated during September, 2018, rewrite.
*/

@import url(/z_common/resources/style_reset.css?v=20180901);
@import url(/z_common/resources/style_mobileMenusDDLevels.css?v=20180901);
@import url(/z_common/resources/style.css?v=20180901);

body{background-color:#e0e0e0;}

a {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}

h1,h2,h3,h4,h5,h6 {color: #990000;}

#scrollingContainer_1, #scrollingContainer_2{
position: relative;
width: 198px;
height: 190px;
background-color: #ffffff;
overflow: hidden;
border: 1px solid #999999;
padding: 0px;
padding-left: 0px;
}

.clear {clear: both;} 	/*For reasons unknown, the version in resources/style.css gets lost in the cascade so we have to have this command here. */

/*CSS for Generic public ecElite */
.checkout_container {
  max-width: 700px;
  padding:10px;
  margin: auto;
  text-align:left;
  border: 1px solid #cccccc;
  min-height:300px;
}

/* ######### Dynamic Drive Base CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost flyout sub and successive sub ULs, respectively*/
background-color:#ffffff;
font: bold 11px Arial, Helvetica, sans-serif;
}
.ddsubmenustyle li a{
width: 170px;				/*width of menu (not including side paddings)*/
color: white;
padding: 5px 4px;
margin-left:1px;			/*inter-link distance*/
margin-bottom:1px;			/*inter-link distance*/
background-color: #002868;
}

/* ######### Dynamic Drive Marker List (Horizontal) Menu - ROOT LEVEL ######### */

.rootmenu li a{						/*root tab link markup*/
	font: bold 11px Arial, Helvetica, sans-serif;
	/*width:99px;					Omit width declaration for floating width root tabs*/
	padding: 6px 4px; 				/*padding inside each root tab*/
	background-color: #002868;
	color:#ffffff;
	}
.rootmenu li a:visited{				/*markup for visited root tabs*/
	color: #ffffff;
	}

/*
  Root item behavior when hovering in this item's dropdown/flyout; "selected" class assigned to its LI via DD Levels code when hovering on
  the root level and its sub level but doesn't extend to successive sub levels.  OMIT ANY 'rootmenu li a:hover' DIRECTIVES BECAUSE IT WILL
  OVERRIDE THIS 'rootmenu a.selected' DIRECTIVE.
*/
.rootmenu a.selected{
	color: #ffffff;
	background: #999999;
	}

/* z_common OVERRIDES */

#top_black_small {background-image: url('/images/nav/top_black_small.jpg'); width:100%;height:10px;}
#banner {background-image: url('/images/nav/red_middle_bg.jpg'); width:100%;height:112px;}
#logo_star{float:left;height:105px;width:450px;background-image:url('/images/nav/logo_star.gif');background-position: 50% 50%; background-repeat:no-repeat;}
#banner_right{display:inline;float:right;height:105px;width:300px;background-image: url('/images/nav/logoWhiteTransparent.gif'); background-position: 75% 50%; background-repeat:no-repeat; }
#we_provide {display:inline;float:left;margin-top:20px;font-weight:bold;color:#EAEAEA;}
#menu {width:974px;background-color:#002868;padding:0 0 0 6px;}
#top-bar {margin:0px auto;width: 980px;height:22px;background-color:#900000;color:#ffffff;font-weight:bold;border-bottom:2px #666666 solid;padding-top:12px}
#top-bar a {color:#ffffff;font-weight:bold;text-decoration:none;}
#top-bar a:hover {color:#999999;}
#top-bar-left {float:left;margin-left:10px}
#top-bar-center {display:inherit; width:210px; margin:auto}
#top-bar-right {float:right; margin-right:10px; margin-top:-14px; height:22px;}
#content {background-color:#ffffff;margin:20px;min-height:400px;}
#homePage_scroll{float:left;width:200px;margin-right: 10px;}
#homePage_newsHLPanel{float:left;width:499px;margin-right:10px}
#homePage_blackAdsPanel{width:616px;margin:30px auto}
#homePageCal{float:left;}

/* *************  Template CSS for screen sizes greater than 768 wide ONLY *************** */
@media screen and (min-width : 769px) {
	#wrapper {width:980px;margin:0 auto;background:#ffffff;border:1px #999999 solid; border-radius:5px;box-shadow: 1px 1px 5px #999999;}
	#banner_left{display:inline;float:left;height:105px;width:450px;}
	#mobile_menu_container {display:none}
	#mobilemenu_text {display:none}
	#mobilemenu {display:none}
	#mobile_textheader {display:none}
}

/* *************  Template CSS for screen sizes from 681 (see below) to 768 wide; tuned for iPads (portrait); uses mobile menu  *************** */
@media screen and (min-width:681px) and (max-width:768px) {
	#wrapper {background-color:#fff;width:100%;margin:auto; border:none; box-shadow:none}
	#banner_left{display:inline;float:left;height:105px;width:350px;}
	#logo_star{float:left;height:105px;width:287px;background-image:url('/images/nav/logo_star_287x82.jpg');background-position: 50% 50%; background-repeat:no-repeat;}
	#content {background-color:#ffffff;margin:10px;min-height:400px;}
	#content.rounded_10 {border:none;padding:0;border-radius:0}
	#top-bar {margin:0px auto;width:100%; height:22px;background-color:#900000;color:#ffffff;font-weight:bold;border-bottom:2px #666666 solid;padding-top:12px}
	#top-bar a {color:#ffffff;font-weight:bold;text-decoration:none;}
	#top-bar a:hover {color:#999999;}
	#top-bar-left {float:left;margin-left:10px}
	#top-bar-center {display:inherit; width:210px; margin:auto}
	#top-bar-right {float:right; margin-right:10px; margin-top:-14px; height:22px;}
	#showCartNav img {display:none}
	#mobilemenu_wrapper {margin-top:20px}
	#mobile_textheader {display:none}
	#mobilemenu_text{color:#ffffff;}		/*Color of the word 'Menu'*/
	#homePage_scroll{float:left;width:200px;margin: 0 20px 20px 0;}
	#homePage_newsHLPanel{float:none;width:auto;margin-right:20px}
	#homePageCal {display:none;}
	
	.tpj_container {margin:auto;width:530px}
	.tpj_cell {text-align:center;float:left;width:100px;height:260px;padding:3px}
	.tpj_issue_icon {border:1px #666 solid;width:100px; height:129px !important;}
}

/* *************  Template CSS for sreen sizes up to 680 wide; martphones and small tablets; uses mobile menu *************** */
@media screen and (min-width:0px) and (max-width:680px) {
	#wrapper {background-color:#fff;width:100%;margin:auto; border:none; box-shadow:none}
	#banner_left{display:inline;float:left;height:65px;width:100%;}
	#top_black_small {background-image: url('/images/nav/top_black_small.jpg'); width:100%;height:10px;}
	#mobile_textheader {float:left; display:inline-block; font-weight:700; color:#ffffff; margin-top:0px}
	#logo_star{display:none}
	#we_provide {display:none}
	#banner_right{display:none;}
	#content {background-color:#ffffff;margin:10px;min-height:200px;}
	#content.rounded_10 {border:none;padding:0;border-radius:0}
	#top-bar {width:100%;height:55px;background-color:transparent; color:#ffffff;font-weight:bold;border-bottom:none; margin-top:-55px; padding:0;font-size:.9em}
	#top-bar a {color:#ffffff;font-weight:bold;text-decoration:none;}
	#top-bar a:hover {color:#999999;}
	#top-bar-left {float:none;margin:0; margin-left:5px}
	#top-bar-center {width:99%;float:none;margin:0; margin-left:5px;}
	#top-bar-right {float:none;margin:0; margin-left:5px;}
	#showCartNav img {display:none}
	#mobilemenu_wrapper {margin-top:0px}
	#mobilemenu_text{color:#ffffff;}		/*Color of the word 'Menu'*/

	/* styles/overrides for home page ----------- */
	#homePage_scroll{width:100%}
	#homePage_newsHLPanel{width:100%}
	#homePage_blackAdsPanel{width:308px;margin:30px auto}
	#homePageCal {display:none;}
	#scrollingContainer_1, #scrollingContainer_2{position: relative;width: 100%;font-size:1em}

	.ethics_headshot_div {max-width:140px;}
	.tpj_container {margin:auto;width:330px}
	.tpj_cell {text-align:center;float:left;width:100px;height:260px;padding:3px}
	.tpj_issue_icon {border:1px #666 solid;width:100px; height:129px !important;}

}	/* *************  End Smartphone media query section  ***************** */