/* elements */
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td
{
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}
blockquote, q
{
  quotes: "" "";
}
body
{
  font-size: 14px;
  line-height: 1.357em; /* 19px */
  font-family: Helvetica, Arial, sans-serif;
  color: #2C2C2C;
  background-image: url(/custom/files/media/jolt_top_backfill.gif);
  background-repeat:repeat-x;
  background-position:0px 28px;
  margin-left:0px;
  margin-right:0px;
  margin-top:7px;
}
p
{
  font-size: 1em; /* 14px */
  line-height: 1.357em;
  margin: 0 0 1.357em 0;
  color: #2C2C2C;
}
ul, ol
{
/*  list-style: none;*/
  margin: 0 0 1.357em 0;
  color: #2C2C2C;
}
.contentTable
{
  margin: 0 0 1.357em 0;
}
.contentTable td
{
  padding: 0 20px;
}
p.small
{
  font-size: 0.786em; /* 11px */
  line-height: 1.727em;
  margin-bottom: 1.727em;
  color: #999;
}
strong
{
  font-weight: bold;
}
em
{
  font-style: italic;
}
a
{
  color: #0181E3;
}
a:hover
{
  color: #3a9eeb;
  text-decoration: underline;
}
a:visited
{
  color: #0181E3;
}

/* Headings */

h1, h2, h3, h4, h5, h6
{
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
h1
{
  font-size: 2.462em; /* 32px */
  line-height: 1.19em;
  margin-bottom: 15px;
  letter-spacing: -0.03em;
  color: #FFCB04;
}
h1.products
{
  color: #afb4b4;
  margin: 22px 0 0 0;
  line-height: 100%;
}
h2
{
  font-size: 1.286em; /* 18px */
  line-height: 1.056em; /* 19(px) : 18(px) =   1.056(em) */
  padding: 9px 0 10px 0; /* was margin: 9px 0 10px 0; but changed beacuse of 19px + 9px case */
  color: #2C2C2C;
}
h2.products
{
  padding: 0 0 10px 0;
  line-height: 100%;
}
h3, h4, h5, h6
{
  /* font-family: "Lucida Grande", Calibri, Verdana, Geneva, Tahoma, sans-serif; */
  font-size: 1em; /* 14px */
  line-height: 1.357em;
  margin: 0;
  color: black;
  padding: 3px 0;
}

sup
{
  font-size: 0.85em;
  vertical-align: super;
}
sub
{
  font-size: 0.85em;
  vertical-align: sub;
}
/* classes */
.floatl
{
  float: left;
}
.floatr
{
  float: right;
}
.clearer
{
  clear: both;
  font: 1px/1px monospace;
  height: 1px;
  width: 1px;
}
.clear
{
  clear: both;
}
div.clear
{
  clear: both;
  overflow: hidden;
}
div.clearLine
{
  clear: both;
  height: 19px;
}

div.clearLineLeft
{
  clear: left;
  height: 19px;
}

div.clearLineRight
{
  clear: right;
  height: 19px;
}

/* */
/* Grid spliting and containers */
/* Grid for pages with a sidebar: 700 content + 240 sideabar */
#container
{
  margin-top: 30px !important;
  background: transparent url(/custom/files/media/content_sidebar_end.png) no-repeat scroll 689px bottom;
  margin-bottom: 30px;
  margin: 0pt auto;
  overflow: hidden;
  /*position: relative;*/
  width: 1002px;
}
#container #content
{
  background: transparent url(/custom/files/media/content_sidebar_begin.png) no-repeat scroll 689px top;
  float: left;
  padding: 0pt;
  width: 720px;
}
#paddedContent
{
  padding: 0pt 30px 0pt 0pt;
}
div.default
{
  margin: 30px auto 0 auto !important;
}
#container #sidebar
{
  width: 240px;
  float: right;
}
#sidebarContent
{
  padding-top: 30px !important;
  padding: 60px 30px 0pt 17px;
}
#sidebarContent a:link,
#sidebarContent a:visited,
#sidebarContent a:focus,
#sidebarContent a:hover,
#sidebarContent a:active
{ 
  color:#FFCB04;
}
#sidebarContent h1,
#sidebarContent h2,
#sidebarContent h3,
#sidebarContent h4,
#sidebarContent h5,
#sidebarContent h6
{ 
  color:#FFCB04;
}
#header
{
  font-size: 0.786em;
  font-weight: bold;
  line-height: 47px;
  margin: 0pt auto;
  overflow: hidden;
  padding: 20px 0pt 0pt;
  width: 960px;
}
#headerNavigation
{
  color: #AFB4B4;
  float: right;
  text-align: right;
  width: 65%;
}
#siteLogo
{
  float: left;
  text-decoration: none;
  width: 35%;
}
#siteLogo img
{
  display: inline;
  float: left;
  margin: 0pt 20px 0pt 0px;
}
#headerNavigation span
{
  color: #636363;
  margin: 0pt;
}
#headerNavigation a, #headerNavigation a:link, #headerNavigation a:visited
{
  color: #636363;
  margin: 0pt 4px;
  text-decoration: none;
}
#headerNavigation a:focus, #headerNavigation a:hover, #headerNavigation a:active
{
  color: #636363;
  text-decoration: underline;
}


#footer
{
  background: white url(/custom/files/media/content_bottom_gradient.png) repeat-x scroll left top;
  clear: both;
  color: #AFB4B4;
  font-size: 0.786em;
  height: 75px;
  margin: 60px 0pt 0pt;
  padding: 14px;
}
#footerNavigation
{
  float: left;
  line-height: 26px !important;
  padding: 0pt 0pt 0pt 20px;
}
#footerContainer
{
  margin: 0pt auto;
  overflow: auto;
  width: 960px;
}
#footer a, #footer a:link, #footer a:visited
{
  color: #636363;
  margin: 0pt 4px;
  text-decoration: none;
}
#footer a:focus, #footer a:hover, #footer a:active
{
  color: #636363;
  text-decoration: underline;
}

#footer a
{
  color: #636363;
}
#legalLinks
{
  float: right;
  line-height: 26px !important;
  padding: 0pt 20px 0pt 0pt;
  text-align: right;
}
#legalLinks span
{
  margin: 0pt 0pt 0pt 4px;
}

#leftMainControls {width:335px; float:left; padding-right:20px;}
#rightMainControls {width:335px; float:left; }
#bottomMainControls {float:left; clear:both; width:100%}

/* horizontal navigation */
#mainNavigation
{
  background: #ffe581 url(/custom/files/media/jolt_navigation_grey.png) repeat-x scroll left bottom;
  border-bottom: 1px solid #FFCB04;
  min-height: 40px;
}
#mainNavigation ul
{
  font-family: Helvetica,Arial,sans-serif;
  margin: 0pt auto;
  overflow: hidden;
  padding: 0pt 0pt 0pt 100px;
  width: 860px;
}
#mainNavigation li
{
  display: inline;
  float: left;
  font-size: 1.143em;
  font-weight: bold;
  margin: 0pt -20px 0pt 30px;
  min-height: 36px;
  padding-left: 2px;
  padding-top: 4px;
}
#mainNavigation li a, #mainNavigation li strong
{
  color: #636363;
  display: block;
  min-height: 25px;
  padding: 8px 10px 4px 8px;
  text-decoration: none;
}
#mainNavigation li#family_linksactive, #mainNavigation li#family_linksactive a, #mainNavigation li#family_linksactive strong
{
  color: white;
  background: #FFCB04;
}
#mainNavigation li#family_linksactive, #mainNavigation li a:focus, #mainNavigation li a:hover, #mainNavigation li a:active
{
  color: white;
  background-color: #FFCB04;
}
#mainNavigation li#family_linksactive strong, #mainNavigation li a:focus, #mainNavigation li a:hover, #mainNavigation li a:active
{
  color: white;
  background-color: #FFCB04;
}
#mainNavigation li.hover a
{
  color: white;
}

ul#family_linksnavlist li.sub, ul#family_linksnavlist li.sub a {color: white; background-color: #FFCB04;}
ul#family_linksnavlist li.sub ul {display:none; visibility:hidden; }


div#family_linksnavcontainer { float:left;
width:700px;
margin-left:50px;}
/* side nav button that appears on login*/
div#WebHTML---Conditional-Navigation-Button { float:left; width:100px;}
ul#conditionalMenuItem li {
  color: white;
  background-color: #95EFA1;
  padding-left:0px;
}
ul#conditionalMenuItem li a {color: white;}
ul#conditionalMenuItem li a:focus, ul#conditionalMenuItem li a:hover, ul#conditionalMenuItem li a:active
{
  color: white;
  background-color: #FFCB04;
}
/* form styling */
#f_first_name,
#f_last_name, 
#f_email  { margin-left:0px; font-size:1.15em;}

/* sign in styling*/
.general_login_line {margin-bottom:3px;}
.general_login_line input.button_style {margin-top:5px;}
.centricFormDiv input {margin-top:5px;}
.centricFormDiv span {display:none;}

#sidebarContent a.centricGeneral,
#sidebarContent a.centricGeneral:link,
#sidebarContent a.centricGeneral:visited,
#sidebarContent a.centricGeneral:focus,
#sidebarContent a.centricGeneral:hover,
#sidebarContent a.centricGeneral:active {color:#000000; text-decoration:none;}