/* ORGANIZATIONAL CHART - Base
1. General Styles
2. Main Textual Styles
2a. Specialty Fonts
3. Header
3a. Banner and PreContent
4. Content
4a. Inner Page-Specific styles
5. PreFooter and Footer
*/

/* To navigate inside this document:
- Highlight the line of the section you want to navigate to and copy it (CTRL+C).
- Press CTRL+F to bring up the search sub-menu.
- Paste (CTRL+V) the "Section Code" and press ENTER twice. */

/* - Google Font Calls - */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300,300italic);

/* -------------------------------------------------------- 1. General Styles */
.strong{ font-weight:500;}
.colorNormal{color:#333;}
.colorLight{ color:#CBCBCB;}
.colorTitle{ color:#333;}
.fontNormal{ font-size:12px;}
.fontNormalM{ font-size:14px;}
.fontMedium{ font-size:18px;}
.fontLarge{ font-size:24px;}
.fontXLarge{ font-size:30px;}
.content a{/* CMS_HIDE */ color:#666666; text-decoration:none;}

.silver{ color:#999999;}
.gray{color:#636363}
.blue{color:#005A7E}
.black{color:#393939;}
.orange{ color:#CC4B0F;}

.bgColor1{ background-color:#000;}
.bgColor2{ background-color:#E5E4E4;}
.bgColor3{ background-color:#EEEEEE}

.fontColor1{ color:#000;}
.fontColor2{ color:#656565;}
.fontColor3{ color:#FFF;}
.fontColor4{ color:#393939;}

.noSpace{padding-top:0;}

/* -------------------------------------------------------- 2. Main Textual Styles */
/* Any padding or margin changes here may break the Spacing Engine */
p{ 
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#353535;
  font-weight:300;
  font-style:normal;
}
ul{
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#656565;
  font-weight:400;
  padding:0px;
  list-style:none;
}
ol{
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#656565;
  font-weight:300;
  padding:0px;
}
ul ul, ol ol { /* CMS_HIDE */ font-size:13px;}
ul ul ul, ol ol ol{/* CMS_HIDE */ font-size:12px;}

h1{
  margin:0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color:#f45c13;
  font-size:36px;
  font-weight:600;
  font-style:normal;
}

h2{
  margin:0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  /* Change the color in the declaration below */
  font-size:30px;
  font-weight:400;
  font-style:normal;
  color:#f45c13;
  line-height:1em !important;
}
h2, div.sitemap-col a{
  /* DO NOT ADD OTHER ATTRIBUTES - ONLY CHANGE COLOR
  this style changes the color for several items so they all match */
}
h3{
  font-size:21px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight:400;
}
h4{
  font-size:18px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight:500;
  color:#353535;
}
h5{
  font-size:18px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight:500;
  color:#353535;
}
h6{
  font-size:16px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight:300;
}
hr{/* CMS_HIDE */ 
  border:none; 
  height:3px; 
  background:#f45c13; /* color of hr */
}
a{
  color:#666666;
  text-decoration:none;
}
a:hover{
  color:#f45c13;
  text-decoration:none;
}
h1 a{}
h2 a{}
h3 a{}
h4 a{}
h5 a{}
h6 a{}
.sidebar p{}
/* -------------------------------- 2a. Specialty Fonts - */

/* -------------------------------------------------------- 3. Header */
body{ 
  font: 100% Roboto, Arial, Helvetica, sans-serif; 
}
#header{
  text-align:left;
}
.headerTop{ /* CMS_HIDE */ 
  color:#333;
}
.headerWidgetBar{ /* CMS_HIDE */ 
  color:#CBCBCB;
}
.headerWidgetBar a{ 
  height:17px; 
  text-decoration:none; 
  vertical-align:top; 
  color:#656565
}
.headerNavigation > li > a{ 
  color: #FFF;
  text-decoration: none;
  font-weight: 300;
  font-family: Roboto,arial,sans-serif;
  /* Links in main navigation */
}
h4#mobile_menu_title{
  color:#353535;
  font-size:15px;
}
.headerNavigation > li:hover > a, .headerNavigation > li > a:hover, .headerNavigation > li > a.active{ 
  background:url('../images/backgrounds/menuHover.png') repeat-x #f45c13; 
  /*Active and hover states in the main Header Navigation */
}
.headerNavigation > li  ul{ 
  background:#353535; 
  width:240px; 
  padding:5px; 
  /* Submenus in header navigation */
}
.headerNavigation > li  ul li a{ 
  color:#FFF; 
  text-decoration:none; 
  /* links in submenu of header navigation */
}
.headerNavigation > li ul li a:hover{ 
  background:#f45c13; 
  /*hover state on second-level links in header navigation */
}

.headerTopCol { /* CMS_HIDE */ 
  padding:0; 
  padding:0 0 0 50px; 
  min-height:35px;
}
.headerTopColMid {  /* CMS_HIDE */ 
  padding-right:40px; 
  padding-top:15px;
}

.headerTopCol p{
  padding-bottom:0px;
}
#header p{
  font-size:12px; 
  margin:0; 
  line-height:18px; 
  padding-top:0px;
}

.headerRightContent{ /* CMS_HIDE */ 
  text-align:left;
}
.headerRightContent p{ 
  border-left:1px solid #484848;
}

/* For adjusting the Skype Phone Number */
@media screen{
  .headerTopCol h2  span.skype_pnh_text_span{ font-size:.7em !important;}
}

.toolbar .click-to-talk a{ /* CMS_HIDE */
  display:block;
  background:url('../images/assets/click-to-talk.png') no-repeat left 4px;
  color:#ffffff;
  padding:5px 0 10px 20px;
  font-size:14px;
  text-transform:uppercase;
}
.toolbar ul.account{ /* CMS_HIDE */
  padding-top:5px;
  padding-left:0px;
}
.toolbar ul.account li{ /* CMS_HIDE */
  float:left;
  list-style-type:none;
}
.toolbar ul.account li a{ /* CMS_HIDE */
  border-left:1px solid #f8f8f8;
  display:block;
  color:#ffffff;
  padding:0 10px;
}
.toolbar ul.account li:first-child a{ /* CMS_HIDE */
  border-left:none; 
}
.toolbar .cart a { /* CMS_HIDE */
  color:#ffffff;
  font-size:14px;
}
.toolbar .cart a img{ /* CMS_HIDE */
  padding-left: 19px;
  vertical-align: middle;
}
.toolbar .cart span{ /* CMS_HIDE */
  position:relative;
  top:4px
}
.toolbar .cart span.cart-sub-total{ /* CMS_HIDE */
  padding-right:10px;
}
.toolbar .search { /* CMS_HIDE */
  float: right;
  padding: 0px 0px 0 8px;
  width: 167px;
}
.toolbar .search input { /* CMS_HIDE */
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  vertical-align: middle;
}
.toolbar .search input:first-child { /* CMS_HIDE */
  border-bottom-left-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-right: 0 none;
  border-top-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  color: #696969;
  font-family: Roboto, Arial, Helvetica, san-serif;
  font-size: 13px;
  padding: 8px 0 8px 11px;
  width: 125px;
}
.toolbar .search input:first-child + input { /* CMS_HIDE */
  border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-left: 0 none;
  border-top-right-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}

/* -------------------------------- 3a. Banner and PreContent - */
.bannerTitle h2{ 
  font-size:40px; 
  color:#333333; 
  font-family:Arial; 
  line-height:1.2; 
  font-weight:normal;
}
.bannerText h3{ 
  font-size:14px; 
  color:#333333; 
  font-family:Arial; 
  padding:0 0 10px;
}
.bannerText p{ 
  margin:0; 
  padding:0; 
  font-size:14px; 
  color:#333333; 
  line-height:1.4;
}
.breadcrumbs{/* CMS_HIDE */ 
  font-size:13px; 
  text-transform:uppercase;
  color:#f45c13;
}
.breadcrumbs a{/* CMS_HIDE */ 
  color:#666666; 
  text-decoration:none;
}
.breadcrumbs a:hover{/* CMS_HIDE */ /* Christian Removed Underline 05/24/2013*/
  color:#f45c13; 
  text-decoration:none;
}

h1.pagetitle{ /* CMS_HIDE */ 
  margin:0;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size:36px;
  color:#f45c13;
  text-transform:uppercase;
  font-weight:600;
  font-style:normal;
  padding-bottom: 10px;
  padding-top: 16px !important;
}

/* Precontent tri-panel.  HTML not in every template!!  Can be cut-and-paste from other installs. */
.contentTopContainerBox{/* CMS_HIDE */ background:#F5F5F5;}
.contentIcon{ /* CMS_HIDE */ margin:0 15px 0 0;}
.iconTitle{ /* CMS_HIDE */ font-weight:normal; padding:10px 0 0 0;}
.contentTopContainerBox p, .contentTopContainerBoxLast p{ margin-left:15px;}
.line{ /* CMS_HIDE */ text-align:center;}
.contentTopContainerBox h2{ font-weight:normal; padding:0 0 10px;}
.contentTopContainerBox p{ font-size:12px; padding:0;}
.contentTopContainerBox a, .contentTopContainerBoxLast a{ text-decoration:none; color:#FFF; background:#CC4B0F; display:block; padding:5px 10px;}
.contentTopContainerBox a:hover{ background:#000;}


#widgetBar ul a {
  border-left: 1px solid #666666;
  color:#666666;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
  /* Bookmark-Email-Print links */
}
#widgetBar ul a:hover{/***************Christian Removed Underline 05/24/2013************/
  color:#f45c13;
  text-decoration:none;
}

/* -------------------------------------------------------- 4. Content */
.innerBg{ /* CMS_HIDE */ 
  background:url('../images/innerTitleBg.jpg') top center no-repeat;
}
.contentMain{ /* CMS_HIDE */ 
  width:640px;
}
.innerTitle{ /* CMS_HIDE */ 
  line-height:76px; 
  height:76px;
}
.bulleted{ /* CMS_HIDE */ 
  margin:0; 
  padding:0; 
  list-style:none; 
}
.bulleted li{ 
  background:url('../images/bullet.png') no-repeat center left; 
  padding:0 0 0 15px;
}
.pictureVideoLink{ /* CMS_HIDE */ 
  margin:0 0 0 10px; 
  width:250px;
}
.quote{ /* CMS_HIDE */ 
  background:url('../images/quote.png') no-repeat left top; 
  text-indent:30px; 
  padding-top:5px; 
  margin:-5px 0 0 0;
}

/* Widget Over-rides */
.directionsSearch .directionsGet{ /* CMS_HIDE */ 
  background:url('../images/buttons/get-directions.png') no-repeat left top;
  width:124px;
  height:27px;
}
.career_categories_container h3.careercategory, .faq_categories_container h3.faqcategory{
  color:#666666;
}
.career_categories_container h3.careercategory.selected, .faq_categories_container h3.faqcategory.selected{
  color:#000000;
}
.career_categories_container h3.careercategory:hover, .faq_categories_container h3.faqcategory:hover{
  color:#000000;
}
/* ----------------------------------- 4a. Inner Page-Specific styles */
/* Input on focus glow: */
form.form input.input:focus, form.form input.errorinput:focus, form.form textarea.input:focus{
  -moz-box-shadow: 0 0 4px #ACCBFD;
  -webkit-box-shadow: 0 0 4px #ACCBFD;
  box-shadow: 0 0 4px #ACCBFD;
}
/* -------------------------------------------------------- 5. PreFooter and Footer */
#prefooter{ /* color */ 
  
}

ul.prefooterNav{ /* CMS_HIDE */ 
  padding-top:0px;
}
.prefooterNav li{ /* CMS_HIDE */ 
  list-style-type:none;
}
.prefooterNav  li a{  /* CMS_HIDE */ 
  font-weight:500; 
  font-size:14px; 
  padding:0 0 10px 0; 
  color:#555555; 
  text-decoration:none;
  display:block;
}
.component.prefooterNav .quadCol ul{ /* CMS_HIDE */ 
  padding:0;margin:0;
}
.prefooterNav li li a{  /* CMS_HIDE */ 
  color:#555555;
  font-weight:normal;
  font-size:12px; 
  text-decoration:none;
  padding:0 0 5px 0;
}
.prefooterNav li div.social{ /* CMS_HIDE */ 
  padding-top:5px;
}
.prefooterNav li div.social a{ /* CMS_HIDE */ 
  display:inline;
}

.preFooter h6 + h6{
  padding-top:0px;
}
.lineHeightNormal p{ 
  line-height:normal;
}
.powered p{ 
  font-style:italic;  
  font-weight:500; 
  padding:0;
}
.footerNavigation a, .footerNavigation a{ 
  color:#656565; 
}
.footerNavigation > li{ 
  
}
.footerNavigation a{ 
  color:#838383; 
  font-weight:500;
}
.footerNavigation a{
  color:#838383; 
  font-weight:normal;
}
div.seofooter p{
  color:#b3b3b3;
}

.footer .seofooter{/* CMS_HIDE */
  text-align:center;
  color:#CBCBCB; /* color */
}