/************* COMMON ***/
* {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: content-box;
}

html,
body {
	min-height: 100%;
	min-width: 1010px;
}

body {
	font: normal 11px/1.2 Arial, Helvetica, sans-serif;
	color: #666666;
}

a img {
	border: none;
}

.plain_table {
	border-collapse: collapse;
}

/* This removes the inner spacing on input elements in Firefox */
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.clearer {
	display: block;
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	overflow: hidden;
}

.emptyClear {
	display: block !important;
	clear: both !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.disable_select {
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
	 -o-user-select: none;
		user-select: none;
}

.sm_bttn {
	display: inline-block;
	font: normal 10px Arial, Helvetica, sans-serif !important;
	line-height: normal !important;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #fff;
	padding: 3px 7px;
	border: none;
	outline: none;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
	cursor: pointer;
	white-space: nowrap;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.sm_bttn:not(.menu_open):hover {
	color: #fff;
	background-color: #d0cfc8;
	background-image: -moz-linear-gradient(top, rgba(208, 207, 200, 1), rgba(138, 138, 130, 1) 75%, rgba(138, 138, 130, 1));
	background-image: -webkit-linear-gradient(top, rgba(208, 207, 200, 1), rgba(138, 138, 130, 1) 75%, rgba(138, 138, 130, 1));
	background-image: -ms-linear-gradient(top, rgba(208, 207, 200, 1), rgba(138, 138, 130, 1) 75%, rgba(138, 138, 130, 1));
	background-image: linear-gradient(top, rgba(208, 207, 200, 1), rgba(138, 138, 130, 1) 75%, rgba(138, 138, 130, 1));
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .4);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .4);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .4);
}

.sm_bttn.disabled,
.sm_bttn.disabled:hover {
	border: 1px solid #ececec;
	color: #ccc;
	background-color: #fff;
	background-image: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.no-cssgradients .sm_bttn {
	border: solid 1px #b2b2b2;
}

.strong_bttn {
	display: inline-block;
	font: bold 11px Arial, Helvetica, sans-serif !important;
	line-height: normal !important;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #9fcf3d;
	padding: 6px 12px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
	border: none;
	outline: none;
	cursor: pointer;
	white-space: nowrap;
	background-image: -moz-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: -webkit-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: -ms-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: linear-gradient(top, #b8ee48, #6caa1d);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.no-boxshadow .strong_bttn {
	border: 1px solid #abd55c;
	padding: 4px 10px;
}

.strong_bttn:hover {
	background-color: #91cc32;
	background-image: -moz-linear-gradient(top, #e9fbc8, #e9fbc8 4%, #b7e55b 45%, #6ca31e);
	background-image: -webkit-linear-gradient(top, #e9fbc8, #e9fbc8 4%, #b7e55b 45%, #6ca31e);
	background-image: -ms-linear-gradient(top, #e9fbc8, #e9fbc8 4%, #b7e55b 45%, #6ca31e);
	background-image: linear-gradient(top, #e9fbc8, #e9fbc8 4%, #b7e55b 45%, #6ca31e);
}


/* Gradients throughout the site */
.fieldset_bg {
	background: #d5d4c6;
	background: -moz-linear-gradient(top, #d5d4c6 0%, #cdccbc 42%, #bab9a9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d4c6), color-stop(42%,#cdccbc), color-stop(100%,#bab9a9));
	background: -webkit-linear-gradient(top, #d5d4c6 0%,#cdccbc 42%,#bab9a9 100%);
	background: -o-linear-gradient(top, #d5d4c6 0%,#cdccbc 42%,#bab9a9 100%);
	background: -ms-linear-gradient(top, #d5d4c6 0%,#cdccbc 42%,#bab9a9 100%);
	background: linear-gradient(top, #d5d4c6 0%,#cdccbc 42%,#bab9a9 100%);
}

.aeToggle {
	display: block;
	width: 104px;
	height: 25px;
	background-image: -moz-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: -webkit-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: -ms-linear-gradient(top, #b8ee48, #6caa1d);
	background-image: linear-gradient(top, #b8ee48, #6caa1d);
	background-color: #9fcf3d;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .6), inset 0 0 5px rgba(107, 151, 30, 1);
}

.aeToggle span {
	width: 52px;
	height: 25px;
	padding: 0;
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	cursor: pointer;
	white-space: nowrap;
	background-image: -moz-linear-gradient(top, #e2e2e2, #bfbfbf);
	background-image: -webkit-linear-gradient(top, #e2e2e2, #bfbfbf);
	background-image: -ms-linear-gradient(top, #e2e2e2, #bfbfbf);
	background-image: linear-gradient(top, #e2e2e2, #bfbfbf);
	background-color: #e2e2e2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.aeToggle .tabOn {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
	background-image: none;
	background-color:transparent;
}

/* potential styles to use for aeToggle class using radio buttons

.aeToggle label {
	width: 52px;
	height: 25px;
	padding: 0;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	display: block;
	float: left;
	cursor: pointer;
	white-space: nowrap;
	background-image: -moz-linear-gradient(top, #e2e2e2, #bfbfbf);
	background-image: -webkit-linear-gradient(top, #e2e2e2, #bfbfbf);
	background-image: linear-gradient(top, #e2e2e2, #bfbfbf);
	background-color: transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.aeToggle input {
	height: 0;
	width: 0;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
}

.aeToggle input[type=radio]:checked + label,
.aeToggle input[type=radio]:focus:checked + label,
.aeToggle input[type=radio]:active + label {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
	background-image: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
}*/

.bttn_disabled,
.bttn_disabled:hover {
	color: #979797;
	background-color: #d1d1d1;
	background-image: -moz-linear-gradient(bottom, #bfbfbf, #d7d7d7 55%, #e2e2e2 96%, #e2e2e2);
	background-image: -webkit-linear-gradient(bottom, #bfbfbf, #d7d7d7 55%, #e2e2e2 96%, #e2e2e2);
	background-image: -ms-linear-gradient(bottom, #bfbfbf, #d7d7d7 55%, #e2e2e2 96%, #e2e2e2);
	background-image: linear-gradient(bottom, #bfbfbf, #d7d7d7 55%, #e2e2e2 96%, #e2e2e2);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .41);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .41);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .41);
	text-shadow: none;
	cursor: default;
}

.js_menu {
	position: relative;
	z-index: 1;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.menu_open {
	z-index: 2;
}

.menu_out {
	display: block;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	right: 0;
	text-align: left;
	max-height: 0;
	overflow: hidden;
	cursor: default;
}

/* I also HATE the iPad - ios4 is too slow */
.no-touch .menu_out {
	-moz-transition-property: max-height;
	-moz-transition-duration: .5s;
	-webkit-transition-property: max-height;
	-webkit-transition-duration: .5s;
	-o-transition-property: max-height;
	-o-transition-duration: .5s;
	-ms-transition-property: max-height;
	-ms-transition-duration: .5s;
	transition-property: max-height;
	transition-duration: .5s;
}

* html .menu_out {
	display: none;
}

.menu_open .menu_out {
	max-height: 300px;
}

* html .menu_open .menu_out {
	display: block;
}

.menu_out_clip {
	display: block;
	overflow: auto;
	max-height: 300px;
}

.sm_bttn .menu_out {
	color: #666;
	background-color: #fff;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	background-image: linear-gradient(top, rgba(255, 255, 255, .52), rgba(222, 222, 222, .52));
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5), inset 0 0 5px rgba(70, 70, 70, .2);
}

.sm_bttn.menu_open {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.sm_label {
	display: block;
	text-align: left;
	font: bold 9px/1.2 Arial, Helvetica, sans-serif;
	color: #666;
	text-transform: uppercase;
	padding: 3px;
}

.sm_label_subtext {
	text-transform: none;
}

.in_field,
.sel_field {
	padding: 5px 4px 3px;
	font: bold 14px/1.2 Arial, Helvetica, sans-serif;
	color: #0b1720;
	background-color: #fbfaf5;
	border: solid 1px #b2b2b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 1px 1px #666;
	-webkit-box-shadow: inset 1px 1px 1px #666;
	box-shadow: inset 1px 1px 1px #666;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	height: 27px;
}

.rad_bttn {
	color: #0b1720;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 3px 0 #281e0e, 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
	-webkit-box-shadow: inset 0 0 3px 0 #281e0e, 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
	box-shadow: inset 0 0 3px 0 #281e0e, 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
	border: 1px solid #e7e6e0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #cccac6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccac6));
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccac6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#cccac6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#cccac6 100%);
	background: linear-gradient(top, #ffffff 0%,#cccac6 100%);
	position: relative;
	float: left;
	margin-right: 8px;
	margin-bottom: 7px;
	text-decoration: none;
}

.no-boxshadow .rad_bttn {
	border: 1px solid #9d9b8e;
}

.rad_bttn_hoverable {
	cursor: pointer;
}

.rad_bttn_hoverable:hover {
	background: #f0efee;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 36%, #fcfcfc 41%, #f0efee 55%, #cfcdca 84%, #c2bfbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(36%,#ffffff), color-stop(41%,#fcfcfc), color-stop(55%,#f0efee), color-stop(84%,#cfcdca), color-stop(100%,#c2bfbb));
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 36%,#fcfcfc 41%,#f0efee 55%,#cfcdca 84%,#c2bfbb 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#ffffff 36%,#fcfcfc 41%,#f0efee 55%,#cfcdca 84%,#c2bfbb 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 36%,#fcfcfc 41%,#f0efee 55%,#cfcdca 84%,#c2bfbb 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2bfbb',GradientType=0 );*/
  background: linear-gradient(top, #ffffff 0%,#ffffff 36%,#fcfcfc 41%,#f0efee 55%,#cfcdca 84%,#c2bfbb 100%);
	-moz-box-shadow: inset 0 0 3px rgba(40, 30, 14, .7), 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
	-webkit-box-shadow: inset 0 0 3px rgba(40, 30, 14, .7), 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
	box-shadow: inset 0 0 3px rgba(40, 30, 14, .7), 0 0 1px #e7e6e0, 1px 2px 3px 1px rgba(36, 36, 36, 0.8);
}

.rad_bttn_checked {
	background: #0b1720; /* Old browsers */
	background: -moz-linear-gradient(top, #2e3f4d 0%, #192125 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e3f4d), color-stop(100%,#192125)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2e3f4d 0%, #192125 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2e3f4d 0%, #192125 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2e3f4d 0%, #192125 100%); /* IE10+ */
	background: linear-gradient(top, #2e3f4d 0%,#192125 100%); /* W3C */
	color: #fff;
	cursor: default;
}

.no-cssgradients .rad_bttn,
.no-cssgradients .rad_bttn_hoverable,
.no-cssgradients .rad_bttn_checked {
	background-image: url("/Images/captainBrowse/rad_bttn_bg.png");
	background-repeat: repeat-x;
}

/* This background can start at 310 without adjustments since the gradient starts from the top */
/* The rad_bttn_hoverable and rad_bttn background positions are not set because they start from the bottom up 
 * and therefore depend on the height of the radio button */
.no-cssgradients .rad_bttn_checked {
	background-position: 0 -310px;
}

.rad_bttn_checked .checkedRadioMarker {
	display: block;
}

.rad_bttn_disabled {
	background: #fff;
	color: #ccc;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

.rad_bttn_disabled:after {
	border: 1px solid #ececec;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.rad_bttn .heading,
.rad_bttn .sub_heading {
	display: block;
}

.rad_bttn .heading {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.rad_bttn .sub_heading {
	font-size: 10px;
	font-weight: bold;
}

.rad_field,
.check_field {
	vertical-align: top;
	display: inline;
	margin: 3px 0;
}

/* Type hidden is for ATG hidden inputs */
input[type=radio] + .sm_label,
input[type=checkbox] + .sm_label,
input[type=hidden] + .sm_label {
	display: inline-block;
}

.sel_field_bleeding_edge {
	/* This is too bleeding edge for us... likely we'll have to still use select replacer */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 0 3px 0;
	font: bold 14px/1.2 Arial, Helvetica, sans-serif;
	color: #0b1720;
	background-color: #fbfaf5;
	background-image: -moz-linear-gradient(right, transparent 17px, #fbfaf5 17px), -moz-linear-gradient(top, #A6A496, #8C8A7F);
	background-image: -webkit-linear-gradient(right, transparent 17px, #fbfaf5 17px), -webkit-linear-gradient(top, #A6A496, #8C8A7F);
	background-image: -ms-linear-gradient(right, transparent 17px, #fbfaf5 17px), -webkit-linear-gradient(top, #A6A496, #8C8A7F);
	background-image: linear-gradient(right, transparent 17px, #fbfaf5 17px), linear-gradient(top, #A6A496, #8C8A7F);
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 1px #999;
	-webkit-box-shadow: inset 0 0 1px #999;
	box-shadow: inset 0 0 1px #999;
	display: inline-block;
	height: 26px;
	line-height: 26px;
}

.newInputLeft {
	padding: 3px 3px 3px 2px;
}

.inputLabelHolder {
	float: left;
	margin: 10px 8px 0 0;
	position: relative;
}
.inputLabelHolder.fullField {
	float: none;
	clear: both;
}

.inputLabelHolderLast {
	float: left;
	margin: 10px 0 0 0;
	position: relative;
}

/* Show a check mark if two fields match */
.compareCheckHolder {
	position: relative;
	clear: both;
}

.compareCheck {
	font-size: 21px;
	text-shadow: 1px 1px 1px rgba(46, 40, 15, .35);
	color: #fff;
	position: absolute;
	right: 0;
	top: 26px;
	display: none;
}

/* TODO: this assumes an element with ID of emailCompareCheck, this also means we can't have two of these checks on the same page... */
#emailCompareCheck.valid,
#passwordCompareCheck.valid {
	display: block;
}

/* Legacy styles for select replacer inputs */
.sel_field_legacy {
	border: none;
	height: 17px;
	margin: 0;
	padding: 5px 4px 3px 1px;
	font: bold 14px/1.2 Helvetica, Arial, sans-serif;
	color: #0b1720;
	border: solid 1px #b2b2b2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 1px #666;
	-webkit-box-shadow: inset 0 0 1px #666;
	box-shadow: inset 0 0 1px #666;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	background-color: #fbfaf5;
	padding-right: 25px;
}

select.sel_field_legacy {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 25px;
}

input.sel_field_legacy,
.pseudoSelectBttn {
	background-image: url("/Images/captainBrowse/inputImages/selectRight.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

.pseudoSelectBttn {
	background-color: transparent;
	width: 25px;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}

.pseudoSelect {
	background: transparent url("/Images/captainCheckout/inputImages/selectRight.gif") no-repeat right top;
	padding-right: 25px;
	cursor: pointer;
}

ul.selectList {
	display: none;
	background-color: #eee;
	border: solid 1px #ddd;
	padding: 0;
	margin: 0;
	list-style: none;
	font: bold 14px/1.2 Helvetica, Arial, sans-serif;
	color: #0B1720;
}

ul.selectList li {
	margin: 0;
	padding: 2px 3px;
}

li.selected {
	background-color: #ddd;
}

ul.selectList li.hovering {
	background-color: #ccc;
}

/* end legacy select replacer styles */

.sel_field.validatorFieldFail,
.in_field.validatorFieldFail,
.in_field_form .validatorFieldFail .in_field,
.in_field_form .validatorFieldFail .sel_field {
	border-color: #C52626;
	border-width: 2px;
}

.naBadge,
.weBadge {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -2px;
	right: -2px;
	z-index: 2;
	-moz-transition-property: opacity, visibility;
	-moz-transition-duration: .5s;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-duration: .5s;
	-o-transition-property: opacity, visibility;
	-o-transition-duration: .5s;
	-ms-transition-property: opacity, visibility;
	-ms-transition-duration: .5s;
	transition-property: opacity, visibility;
	transition-duration: .5s;
}

.naBadge {
	height: 36px;
	width: 36px;
	background-position: 0 0;
}

.weBadge {
	height: 59px;
	width: 59px;
	background-position: -37px 0;
}

.newArrival .naBadge,
.webExclusive .weBadge {
	visibility: visible;
	opacity: 1;
}

/************* TOP NAV & SHELL STYLES ***/
.pageHeadInnerMost {
	position: relative;
	z-index: 100;
	width: 100%;
}

#topLinksBarClip {
	height: 6px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}

#topLinksBar {
	height: 4px;
	background-color: #e7e7e7;
	color: #7c7c7c;
	font: normal 10px/1.2 Arial, Helvetica, sans-serif;
	-moz-box-shadow: 0 0 1px #b2b2b2;
	-webkit-box-shadow: 0 0 1px #b2b2b2;
	box-shadow: 0 0 1px #b2b2b2;
}

#topLinksBar a {
	color: #7c7c7c;
}

#topLinksHolster {
	position: relative;
	z-index: 100;
	height: auto;
	overflow: visible;
	margin: 0 auto;
	width: 1006px;
}

#topLinks {
	position: relative;
	z-index: 101;
	float: right;
	margin-bottom: 12px;
	white-space: nowrap;
	border-top: none;
	background-color: #e7e7e7;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-moz-box-shadow: 0 0 1px #b2b2b2;
	-webkit-box-shadow: 0 0 1px #b2b2b2;
	box-shadow: 0 0 1px #b2b2b2;
}

#topLinks a {
	color: #7c7c7c;
}
#brandLinks {
	float: left;
	margin: 0 0 -20px -5px;
}
#brandLinks .brandLinkItem {
	float: left;
	list-style: none;
	margin-right: -1px;
	background-color: #fff;
	border: solid 1px #b2b2b2;
	border-top: none;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-moz-box-shadow: 0 0 1px #b2b2b2;
	-webkit-box-shadow: 0 0 1px #b2b2b2;
	box-shadow: 0 0 1px #b2b2b2;
	position:relative;
}
#brandLinks a.bl_brandLink {
	float: left;
	display: block;
}
.aeBranding #brandLinks .bl_ae,
.aerieBranding #brandLinks .bl_aerie,
.kidsBranding #brandLinks .bl_77kids {
	display: none;
}
#brandLinks .bl_brandLink span {
		display: block;
		overflow: hidden;
		height: 0;
		padding-top: 25px;
		background: url(/Images/shell/topNavIcons.jpg) no-repeat 0 0;
-webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
}
#brandLinks .bl_brandLink span:hover {
-webkit-border-radius: 0;
   -moz-border-radius: 0;
		border-radius: 0;
}
#brandLinks .bl_ae .bl_brandLink span {
	width: 210px;
	background-position: 0px 0;
	cursor: pointer;
}
#brandLinks .bl_ae:hover .bl_brandLink span {
	background-position: 0px -25px;
}
#brandLinks .bl_aerie .bl_brandLink span {
	width: 78px;
	background-position: -210px 0;
	cursor: pointer;
}
#brandLinks .bl_aerie:hover .bl_brandLink span {
	background-position: -210px -25px;
}
#brandLinks .bl_77kids .bl_brandLink span {
	width: 77px;
	background-position: -288px 0;
	cursor: pointer;
}
#brandLinks .bl_77kids:hover .bl_brandLink span {
	background-position: -288px -25px;
}

#toolLinks {
	padding-left: 7px;
}

#toolLinks .tl_linkWrap {
	display: inline-block;
	list-style: none;
	position: relative;
	z-index: 0;
	padding: 3px 0 2px;
}

#toolLinks .js_hover,
#toolLinks .tl_linkWrap:hover {
	z-index: 1;
	border-left: solid 1px #b2b2b2;
	border-right: solid 1px #b2b2b2;
	margin-right: -1px;
	background-color: #fff;
	-moz-box-shadow: 0 0 1px #b2b2b2;
	-webkit-box-shadow: 0 0 1px #b2b2b2;
	box-shadow: 0 0 1px #b2b2b2;
}

#toolLinks .tl_a {
	display: inline-block;
	padding: 0 7px;
	font-size: 10px;
	border-left: solid 1px #b2b2b2;
	text-decoration: none;
}

#toolLinks .js_hover .tl_a,
#toolLinks .tl_linkWrap:hover .tl_a {
	border-left: none;
	background-color: #fff;
}

#toolLinks .tl_wishList,
#toolLinks .tl_myAccount,
#toolLinks .tl_international,
#toolLinks .tl_myBag {
	margin-left: 1px;
}

#toolLinks .tl_wishList:hover,
#toolLinks .tl_myAccount:hover,
#toolLinks .tl_international:hover,
#toolLinks .tl_myBag:hover {
	margin-left: 0;
}


#toolLinks .tl_wishList .tl_a,
#toolLinks .tl_myAccount .tl_a,
#toolLinks .tl_international .tl_a,
#toolLinks .tl_myBag .tl_a {
	border-left: none;
}

#toolLinks .tl_myBag .tl_a {
	text-transform: uppercase;
	border-radius: 0 0 3px 0;
}

#toolLinks .tl_myBag {
	border-radius: 0 0 3px 0;
}

.checkoutPage #topLinks .tl_myBag,
.checkoutPage #topLinks .tl_myBag a {
	color: #bcbcbc;
	cursor: default;
}

.checkoutPage #toolLinks .tl_myBag:hover {
	margin-left: 1px;
	margin-right: 0;
}

.checkoutPage #toolLinks .tl_myBag:hover,
.checkoutPage #toolLinks .tl_myBag:hover .tl_a {
	border-width: 0px;
	background-color: #e7e7e7;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.checkoutPage #toolLinks .tl_myBag:hover .tl_cover {
	display: block;
}

#toolLinks .js_hover .tl_a,
#toolLinks .tl_linkWrap:hover .tl_a {
	border-left: none;
	background-color: #fff;
}


#toolLinks .tl_myBag .icon,
.bagIcon {
	display: inline-block;
	height: 11px;
	width: 10px;
/*	background: url(/Images/shell/topNavIcons.png) no-repeat 0 0;*/
	margin: 0 4px -1px 0;
}

#toolLinks .tl_cover {
	position: absolute;
	top: 0;
	right: -2px;
	width: 2px;
	height: 4px;
	overflow: hidden;
	z-index: 101;
	background-color: #e7e7e7;
	padding: 0;
	margin: 0;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#toolLinks .js_hover .tl_cover,
#toolLinks .tl_linkWrap:hover .tl_cover {
	display: none;
}

.pageHeadLogoEtc {
	clear: both;
	margin: 0 auto;
	width: 1010px;
	position:relative;
}

.brandLogo {
	display: block;
	overflow: hidden;
	float: left;
}

.brandLogo h1,
.brandLogo span {
	display: block;
	overflow: hidden;
	padding-top: 100%;
	height: 0;
	width: 100%;
	cursor: pointer;
}

#siteSearch {
	float: right;
	display: block;
	/*height: 20px;*/
	width: auto;
}

#siteSearch .in_field {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-moz-box-shadow: inset 1px 1px 1px #666;
	-webkit-box-shadow: inset 1px 1px 1px #666;
	box-shadow: inset 1px 1px 1px #666;
	background-color: #fff;
	width: 120px;
	float: left;
	padding: 2px 4px 1px 4px; 
	color: #B2B2B2 ;
	font-weight: normal;
}

#siteSearchPadding {
	background-color: #C5C6C4;
	display: block;
	float: left;
	padding: 0 4px;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border-top: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

input#siteSearch_submit {
  /*background: url(/Images/shell/topNavIcons.png) no-repeat -10px -14px transparent;*/
	height: 18px;
	width: 10px;
	padding: 2px 1px 2px 3px;
	display: block;
}

.contentContainer {
	width: 1010px;
	text-align: left;
	margin: 0 auto;
}

.hasSideNav {
	width: 880px;
	border-left: solid 130px #faf8ec;
}

.hasSideNav .content {
	float: right;
}

.content {
	width: 100%;
}

#toolLinks .flyout input.validatorFieldFail {  /* invalid input elements */
	border:3px solid #C52626;
	margin: -2px -2px 2px;
}

#siteSearch input.validatorFieldFail { /* invalid input elements */
	border-top: 1px solid #C52626;
	border-left: 1px solid #C52626;
	border-bottom: 1px solid #C52626;
	-moz-box-shadow: inset 1px 1px 1px #C52626;
	-webkit-box-shadow: inset 1px 1px 1px #C52626;
	box-shadow: inset 1px 1px 1px #C52626;
}

/* TABS */
ul.aeTabs {
	float: left;
	list-style-type: none;
	list-style-image: none;
	padding: 4px 0 0 6px;
	height: 25px;
	overflow: hidden;
}
.aeTabs li {
	float: left;
	height: 25px;
	line-height: 25px;
	position: relative;
	background-color: #62615B;
	margin-right: 3px;
}
.aeTabs li.tabOn,
.aeTab_container {
	-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .15);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .15);
	background-color: #fff;
	display: block;
}
.aeTabs li.tabOn a {
	color: #62615b;
}
.aeTabs li a {
	display: block;
	overflow: hidden;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 15px;
	white-space: nowrap;
}
.aeTab_container {
	width: 836px;
	float: left;
	padding: 22px;
}
.aeTab_container .tabBodyOn {
	display: block;
}
.aeTab_content {
	display:none;
}

.qvContent .aeTabs li {
	margin-right: 0;
	-moz-box-shadow: inset 4px 4px 7px 0 rgba(0, 0, 0, 0.44);
	-webkit-box-shadow: inset 4px 4px 7px 0 rgba(0, 0, 0, 0.44);
	box-shadow: inset 4px 4px 7px 0 rgba(0, 0, 0, 0.44);
}

.qvContent .aeTabs li.tabOn,
.qvContent .aeTab_container {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*FOOTER STYLES*/
#pageFoot {
	padding: 12px 0 160px;
	clear: both;
}

#footer {
	font-size: 9px;
	margin: 0 auto;
	width:1010px;
}
#footer_header {
	margin: 5px 0;
	height: 26px;
}
#footer_email,
#footer_social,
#footer_shopRunner {
	float: left;
}
#footer_social {
	width: 294px;
	margin-left: 34px;
}
#footer_email_header,
#footer_social_header {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	float: left;
	padding-right: 6px;
}
#footer_email_header a {
	text-decoration: underline;
	font-size: 10px;
}
#footer_email_form {
	float: left;
	margin-right: 12px;
}

#footer_social_content ul li {
	display: inline;
	float: left;
	margin-right: 3px;
	overflow: hidden;
}

#footer_social_content ul li.footer_social_like {
	overflow: visible;
	width: 91px;
	height: 20px;
	margin-left: 35px;
	position: relative;
	z-index: 0;
}
.fb_iframe_widget,
.fb_edge_widget_with_comment { z-index: 0; }

#footer_brand_slogan {
	float: right;
}

#footer_sitemap_top {
	clear: both;
	border-bottom: 1px dotted #4F442F;
	padding: 5px 0 12px 0;
	margin-bottom: 12px;
}

.footer_sitemap_column {
	float: left;
	width: 126px;
}

.footer_sitemap_content {
	line-height: 15px;
}

.footer_sitemap_content ul {
	list-style: none;
}

.footer_sitemap_content ul li a,
.footer_sitemap_link a{
	text-decoration: none;
	color: inherit;
	outline: none;
	font-size: 9px;
}

#kids_productRecall {
	color:#000;
	text-decoration:underline;
}

.footer_sitemap_header,
.footer_sitemap_link, .footer_sitemap_link a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
}

.footer_sitemap_header, .footer_sitemap_link {
	padding-bottom: 6px;
}

.genderSelect input + .genderSelect input {
	margin-left: 5px;
}

.genderSelect label {
	display: inline-block;
	vertical-align: top;
	text-transform: none;
}

#contentTopBar {
	text-transform: uppercase;
	color: #0b1720;
	font-size: 10px;
	clear: both;
	border: solid 1px #ccc;
	margin-bottom: 6px;
	background-image: linear-gradient(top, #fff, #e7e7e7);
	background-image: -moz-linear-gradient(top, #fff, #e7e7e7);
	background-image: -moz-ms-gradient(top, #fff, #e7e7e7);
	background-image: -webkit-linear-gradient(top, #fff, #e7e7e7);
}
.no-cssgradients #contentTopBar {
	background: #fff url(/Images/shell/contentBarGradBg.png) repeat-x bottom 0;
}
.no-cssgradients .kidsBranding #contentTopBar {
	text-transform: none;
	clear: both;
	border: none;
	background-image:none;
	background-color:#fff;
}

#contentTopBar span.sbs_label,
#contentTopBar a {
	color: #685c53;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 8px;
	display: inline-block;
}

.kidsBranding #contentTopBar span.sbs_label,
.kidsBranding #contentTopBar a {
	color: #666;
	font-size: 11px;
	font-weight:normal;
}

#contentTopBar a.prevLink,
#contentTopBar a.nextLink {
	border-left: dashed 1px #0b1720;
}

.sbs_bar {
	text-align: right;
}

.viewAllLink_icon,
.prevLink_icon,
.nextLink_icon {
	width: 9px;
	height: 9px;
	display: inline-block;
	background-image: url(/Images/shell/contentBarArrows.gif);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 4px 0 0;
}
.aerieBranding .viewAllLink_icon,
.aerieBranding .prevLink_icon,
.aerieBranding .nextLink_icon {
	background-image: url(/Images/aerie/webset10/10182010/aerie_contentBarArrows.gif);
}

.viewAllLink_icon {
	background-position: -9px 0;
	margin: 0 0 0 4px;
}

.nextLink_icon {
	background-position: -18px 0;
	margin: 0 0 0 4px;
}

#contentTopBar a.prevLink_disabled,
#contentTopBar a.nextLink_disabled {
	color: #c8c8c8;
	cursor: default;
}

.prevLink_disabled .prevLink_icon {
	background-position: 0 -9px;
}

.nextLink_disabled .nextLink_icon {
	background-position: -18px -9px;
}

/*3rd Party Site - Investment Info */
#thirdPartyContentInnerMost #pageContent {
	background: none;
}
#thirdPartyContentInnerMost p {
	margin: 10px 0 10px 0;
}
/* ---------- Shipping Restrictions - Section14 (originally in Checkout.css)---------- */
#unknownError div.modalContent,
#shipRestrictModal.itemQuantityUnavailableModal div.modalContent,
#shipRestrictModal.invalidShippingMethodModal div.modalContent,
#shipRestrictModal.totalViolationModal div.modalContent,
#shipRestrictModal.shippingRestrictionsModal div.modalContent {
	padding: 0 0 30px;
}
#shipRestrictModal.itemQuantityUnavailableModal #restrictionDetailsWrapper {
	padding-left: 23px;
}
#shipRestrictModal .modalCloseLink,
#taxWareFailureMismatchModal .modalCloseLink {
	display: none;
}
#shippingAddressTaxWareFailureMismatch {
	position: relative;
	display: block;
	float: left;
	width: 250px;
	margin: 50px 0 0 26px;
}
* html #shippingAddressTaxWareFailureMismatch h3 {
	font-size: 13px;
}
* html #shippingAddressTaxWareFailureMismatch {
	margin-left: 22px;
}
#taxWareFailureMismatchModal #loginDivider {
	height: 142px;
}
#shippingAddressTaxWareFailureMismatch div.stepOutputHolder {
	padding: 10px 0 20px 0;
}
#shippingAddressTaxWareFailureMismatch #srChangeShippingAddress {
	margin: 36px 0 0 0;
}
#shippingAddressTaxWareFailureMismatch #srContinue {
	margin: 0 0 0 44px;
}
/* error box */
.errorMsgBlock{
	float:left;
	width: 236px;
	position: relative;
	padding: 35px 26px 0 35px;
	margin: 0px;
}
#shipRestrictModal.itemQuantityUnavailableModal div.modalContent div.errorMsgBlock {
	padding: 11px 0 0 17px;
}
#restrictedItemsContainer {
	height:188px;
	margin-top:15px;
	overflow:auto;
}
#restrictedItemsContainer {
	width:336px;
}
#restrictionDetailsWrapper {
	float: left;
}
#unknownErrorWrapper{
	width:297px;
	float: left;
}
#srChangeShippingAddress,
#srContinueShopping {
	margin: 3px 10px 0 0;
}

#srContinue {
	margin: 26px 0 5px 96px;
}
#srRemoveUnavailableInventory {
	width: 156px;
	float: right;
	margin: 25px 0 0 0;
}
#unknownErrorWrapper {
	text-align: center;
}
#unknownErrorWrapper #srContinue {
	margin: 25px auto 10px auto;
}
#srButtons {
	padding-left: 16px;
}
#srButtons.taxWareFailureMismatch {
	clear: both;
	padding: 10px 20px;
	text-align: right;
}
#srButtons.taxWareFailureMismatch #srContinue {
	margin: 0 0 0 10px;
}
.itemsUnavailableContent #srButtons {
	padding-left: 57px;
}
/***** Discount Styles ******/
#discountCodes {
	border-bottom: solid 1px #D5D4C6;
}
#discountCodeForm {
	margin: 0;
	padding: 4px 0 4px 0;
}
#discountCodeForm * {
	vertical-align: top;
}
#discountModal #discountCodeForm {
	margin-bottom: 20px;
	padding: 4px 0 20px 0;
	border-bottom: 1px dotted #b0b0b0;
}
#discountCodeForm label {
	white-space: nowrap;
	font-size: 9px;
	font-weight: bold;
	padding: 8px 3px 3px 12px;
	text-transform: uppercase;
	width: 95px;
	display: inline-block;
}
#discountModal #discountCodeForm label {
	padding: 8px 3px 3px 0;
}
#discountCodeForm .clearer {
	float: none;
}
#discountCodes h3 {
	display: none;
}
#discountModal #discountCodes h3 {
	display: block;
	color: #575652;
	font-size: 9px;
	text-transform: uppercase;
	margin-bottom: 7px;
}
#discountModal #discountCodes {
	padding: 15px 15px 15px 25px;
}
.applyCodeBttn {
	margin-left: 6px;
}
#discountCodes .removeBttn {
	float: right;
	margin-top: -2px;
}
.discountField {
	width: 217px;
}

.modal .discountField {
	width: 150px;
}

.qualifiedDiscount,
.unqualifiedDiscount,
.excludedDiscount {
	padding: 3px 9px;
	margin: 0 0 1px;
}
.qualifiedDiscount {
	background-color: #d8f2a3;
}
.unqualifiedDiscount {
	background-color: #f69d9d;
}
.qualifiedDiscount span,
.unqualifiedDiscount span,
.excludedDiscount span {
	display: block;
}

/* Naming this checkout for now, we can consider making it more generic but I imagine there will be an identical accountContent, wishlistContent, etc */
.checkoutContent,
.accountContent {
	width: 998px;
	padding: 10px 6px;
	background-color: #fff;
	margin: 0 auto;
}
.legacyContent {
	background: #fff;
	width: 800px;
	padding: 73px 105px;
	margin: 0 auto;
	/*margin: 0 auto 12px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .8);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .8);*/
}

.matteContent {
	background-color: #fff;
	padding: 6px;
	width: 998px;
	margin: 0 auto;
}

.landingContent {
	margin: 0 auto;
	position: relative;
	width: 1010px;
}

.landingContentWhite {
	margin: 0 auto;
	position: relative;
	width: 1010px;
	background-color: #fff;
}
#footer_brand_slogan{position:relative;}

.kidsBranding .landingContent span,
.aeBranding .landingContent span,
#footer_brand_slogan span,
.textReplace {
	display: block;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.aerieBranding .landingContent span.webset_button {
	display: block;
	position: absolute;
}

.landingContent a,
#footer_brand_slogan a {
	display: block;
}

.landingContent ul li,
#footer_brand_slogan ul li {
	position: absolute;
	list-style-image: none;
	list-style-type: none;
}

.branded_page_header {
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
}

.branded_block_header {
	padding: 5px 8px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}

.standoffish {
	margin-bottom: 12px;
}