/*  Begin global (site/skin) header  */

.global-header-outer-container
{
  background: #f0f0f0; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f0f0f0 0%, #f7f7f7 19%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(19%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 19%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 19%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 19%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f0f0 0%,#f7f7f7 19%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  background-size: 100% 107px;
}

div.global-header-inner-container
{
  width: 1024px;
  margin: 0px auto 0px auto;
}


div#global-header-boundary-outer
{
  height: 12px;
  background-image: url(/store/pages/skins/sh/images/header_boundary.png); 
  background-repeat: repeat-x;
}


div#global-header-boundary-inner
{
  height: 12px;
  width: 1024px;
  margin: 0px auto 0px auto;
  background-image: url(/store/pages/skins/sh/images/header_boundary.png); 
  background-repeat: repeat-x;
}


div.global-header
{
  height: 107px;
}


div.global-header div.nav
{
  float: left;
  margin: 25px 0px 0px 0px;
  padding: 17px 20px 0px 20px;
  height: 37px;
  text-align: center;
}


div.global-header div.nav a
{
  font-size: 18px;
  font-weight: 400;
  color: #999999;
}

div.global-header div.nav a:hover, div.global-header div.nav a:active
{
  color: #EF5235;
}

div#global-header-stripes
{
  float: left;
  width: 64px;
  height: 107px;
  margin: 0px;
  padding: 0px;
}

div#global-header-stripes > img
{
  margin-left: -81px;
} 

div#global-header-home
{
  float: left;
  margin: 24px 40px 0px 18px;
  padding: 0px;
  text-align: center;
}


div#global-header-store
{
  border-left: solid 1px #999999;
  margin-right: 0px;
  margin-left: 20px;
  padding-left: 40px;
}

div#global-header-controls
{
  float: right;
  display: table;
  margin: 25px 40px 0px 0px;
  /* min-width: 220px; */
}

div#global-header-controls-account
{
  display: table-cell;
  /* min-width: 185px; */
  text-align: right;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
}


div#global-header-controls-account span.hello
{
  display: block;
  color: #959595;
  margin-right: 25px;
}

div#global-header-controls-cart
{
  display: table-cell;
  text-align: center;
  padding: 0px 0px 0px 12px;
  vertical-align: middle;
}

#global-header-controls-cart a
{
  color: #959595;
  font-size: 16px;
  font-weight: 700;
}

#global-header-controls-cart img
{
  border: none;
}


a#global-header-controls-account-link
{
  color: #EF5236;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}


div#global-header-controls-account-menu
{
  width: 120px;
  margin: 15px 0px 0px 20px;
  text-align: left;
  border: none;
  background-color: #EEEEEE;
  padding: 5px 22px 0px 16px;
  border-radius: 4px;
  box-shadow: 2px 2px 1px #BBBBBB;
}

div#global-header-controls-account-menu > div.arrow 
{
	text-align: right;
    margin: 0px;
    padding: 0px;
	height: 12px;
	margin: -17px 0px 0px 0px;
}

div#global-header-controls-account-menu > div.arrow > img
{
	border: none;
	height: 12px;
	align: middle;
}


#global-header-controls-account-menu a
{
  font-weight: 500;
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 0px; 
  line-height: 26px;
  font-size: 14px;
  color: #EF5235;
}


#global-header-controls-account-menu a.settings
{
  margin-top: 10px;
}

#global-header-controls-account-menu a.signout
{
  text-align: center;
  color: #FFFFFF;
  background-color: #EC5236;
  border-radius: 4px;
  margin: 16px 0px 0px 0px;
  font-weight: 600;  
  font-size: 16px;
  padding: 0px 3px 0px 3px; 
  border: solid 2px #EC5236;
}


#global-header-controls-account-menu a.signout:hover, #global-header-controls-account-menu a.signout:active
{
    border: solid 2px #C8442C;
}


#global-header-controls-account-menu a.help
{
  margin-bottom: 10px;
  text-align: center;
  font-size: 13px;
}

#global-header-controls-account-menu span.icon
{
  border: none;
  margin: 0px 14px 0px 0px;
  vertical-align: middle;
}

div.global-subheader
{
  width: 964px;	
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 10px 30px 30px 30px;
  border: none;
  background-color: #EEEEEE;
}

div.global-subheader img
{
  margin: 0px 0px 5px 0px;
  border-radius: 3px;
}


div.global-subheader div.nav
{
  float: left;
  width: 186px;
  margin: 10px 32px 0px 0px;
  padding: 0px;
  font-size: 14px;
  color: #515151;
}





div.global-subheader div.nav div.leftControls
{
	display: block;
	text-align: right;
}

div.global-subheader div.nav div.leftControls > div
{
	display: inline-block;
	text-align: left;
	padding-right: 36px;
}

div.global-subheader div.nav div.leftControls p.heading
{
  color: #515151;
  font-size: 18px;
  font-weight: 600;
  margin: -2px 0px 0px 0px;
}

div.global-subheader div.nav div.leftControls p > a
{
  color: #515151;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

div.global-subheader div.nav div.leftControls p > a:hover
{
  color: #EF5236;
}





div.global-subheader div.nav div.global-subheader-link
{
	padding-bottom: 5px;
}

div.global-subheader div.nav div.global-subheader-text
{
}

div.global-subheader div.nav div.global-subheader-ages
{
	font-size: 12px;
	margin-top: 8px;
}



div.global-subheader div.nav a
{
   color: #000000;
   font-size: 19px;
   font-weight: 600;
}





div.global-subheader > div.nav > a:hover
{
   color: #ef5236;
}

div.global-subheader div.controls
{
  width: 212px;
  float: right;
  text-align: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 36px;
  border-left: solid 1px #999999;
}

div.global-subheader div.controls p
{
  margin: 2px 0px 0px 0px;
}

div.global-subheader div.controls p.heading
{
  margin: -3px 0px 0px 0px;
  font-size: 18px;
  font-weight: 600;
}


div.global-subheader div.controls a
{
  color: #515151;
}

div.global-subheader div.controls p
{
  line-height: 1.5em;
}


div.global-subheader div.controls a:hover
{
  color: #ef5236;;
}



#global-subheader-kids
{
  display: none;
  background-color: #EEEEEE;
}

#global-subheader-teens 
{
  display: none;
  background-color: #EEEEEE;
}

#global-subheader-adults
{
  display: none;
  background-color: #EEEEEE;
}

#global-subheader-family
{
  display: none;
  background-color: #EEEEEE;
}

#global-subheader-store
{
  display: none;
  background-color: #EEEEEE;
}


div.account-header-box
{
   text-align: center;
}
 

div.global-subheader div.shoss 
{
  display: inline-block; 
  position: relative; 
  width: 186px; 
  font-size: 14px; 
  color: #515151; 
  margin: 0px 0px 0px 20px; 
  padding: 26px 0px 0px 34px; 
  border-left: solid 1px #999999; 
}

div.global-subheader div.shoss > div 
{
  margin: 0px; 
}

div.global-subheader div.shoss .global-subheader-link 
{
  padding-bottom: 5px;
}

div.global-subheader div.shoss .global-subheader-link a 
{
  color: #000000; 
  font-size: 19px; 
  font-weight: 600;
}

div.global-subheader div.shoss > div.global-subheader-ages 
{
  font-size: 12px; 
  margin-top: 8px; 
}

div.global-subheader div.shoss > .shossBorder
{
  position: absolute; 
  top: -100px; 
  left: -1px; 
  z-index: 10; 
  width: 1px; 
  height: 200px; 
  background-color: #999999; 
}






/*  End global (site/skin) header  */

/* START GLOBAL FOOTER */
div.global-footer
{
  text-align: center;
  margin: 0;
  width: 944px;
  display: block;
  padding: 0;
}

div.global-footer span
{
    color: #999999;
}

div.global-footer .links
{
	margin-top: 32px;
}

div.global-footer .links a
{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

div.global-footer .links a:hover {color: #EF5235;}

div.global-footer .links h3
{
	color: #FFFFFF;
	text-transform: uppercase; 
	margin-bottom: 20px;
}

div.global-footer .links span:first-child
{
	margin-left: 10px;
}

div.global-footer .links span
{
	margin-right: 22px;
}

div.global-footer .links span:last-child
{
	margin-right: 0px;
}

.copyrights
{
	color: #999999;
	margin: 15px auto 0px auto;
	padding-bottom: 10px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
/* END GLOBAL FOOTER */

/* BRAND FOOTER */
.brand-footer {
	width: 100%;
	background-color: #989898;
	padding: 0px 0 44px 0;
	border-radius: 4px;
}

.brand-footer h1 { 
	text-align: center;
	padding-top: 40px;
	color: #FFFFFF;
}

.brand-footer .layout-4column 
{
    padding-top: 29px;
    padding-bottom: 44px;
}

.brand-footer .layout-4column div.column:FIRST-CHILD
{
	margin-left: 40px;
}

.brand-footer .layout-4column div.column
{
	margin: 0 0 0 32px;
	width: 186px;
	padding: 0px;
}

.brand-footer .promo
{
    background-color: #f9f4f3;
    width: 186px;
    height: 206px;
    border-radius: 4px;
    overflow: hidden;
}

.brand-footer .signup
{
    width: 186px;
    height: 206px;
    padding: 0px;
}

.brand-footer .signup h2, .brand-footer p
{
    color: #FFFFFF;
}
/* END BRAND FOOTER */



div.familyBar
{
  width: 1024px; 
  margin: 0px -40px 0px -40px; 
  padding: 10px 0px 12px 0px; 
  background-color: #FFFFFF; 
  text-align: center; 
  font-size: 1.1em; 
  color: #EF5235; 
  font-weight: 600; 
  clear: both;
}


div.familyBar + section, div.familyBar + div
{ 
  padding-top: 0px; 
}



/*  BEGIN MASSIVE MY-ACCOUNT TERTIARY HEADER  */

div.myAccount-header-box
{
  background-color: #FFFFFF;
  margin: 0px;
  padding: 50px 0px 0px 0px;
}


div.myAccount-header-box h1
{
	font-size: 48px; 
	line-height: 40px; 
	margin-bottom: 40px;
	text-align: center;
}

div.myAccount-header
{
  display: table;
  margin: 0px auto 0px auto;
}

div.myAccount-header > div
{
  display: table-cell;
  width: 171px;
  height: 160px;
  border-right: dotted 1px #909090;  
  text-align: center;
}
  
div.myAccount-header > div.active
{
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}

div.myAccount-header > div:first-child
{
   border-left: dotted 1px #909090;  
}  

.myAccount-header a
{
  display: block;
  font-size: 20px;
 }
  
.myAccount-header img
{
  margin: 20px 0px 18px 0px;
}
  
.myAccount-contentBox
{
  border: dotted 1px #909090;  
  padding: 20px;
}


/*  END MASSIVE MY-ACCOUNT TERTIARY HEADER  */
