
/***COLORS***/
/*
#fff
#666
#333
#8159d6
#e6e0f5
#b2b2b2
#079ed0
*/

/***FONT SIZES***/
/*
.8em = 10px
.9em = 11px
*/

/***BROWSER FIXES***/
.clearAfter:after,
.container:after,
.cf {
	content: ".";
	display: block;
	height: 0px;
	*height: auto; /*applies to IE7 and below*/
	clear: both;
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
}

.clearAfter {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearAfter {height: 1%;}
.clearAfter {display: block;}
/* End hide from IE-mac */

/* remove dotted border when clicking links in Firefox */
/*:-moz-any-link:focus { 
outline: none;
}*/



/***BASE STYLES***/
* {
	margin: 0;
	padding: 0;
	font-size:1em;
  font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body {
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #333333;
	font-size: 75%;
	background-image: url(../images/shared/bg_page.jpg);
	background-repeat: repeat-x;
	background-position:top center;
}
#page_wrap_outer {
	min-width:940px;
	margin:auto;
	background: url(../images/shared/bg_page_wrap_outer.jpg) no-repeat scroll top center;
  _background-image: none;
  _background-color:#ffffff;
	height:100%;
	min-height:540px;
	}
	
#page_wrap_inner {
	min-width: 940px;
	max-width: 1260px;
	margin: 40px auto;
}

/***CONTAINER WIDTHS***/

/* 100% column*/
.container_940{
	position:relative;
	width:940px;
	margin:auto;
}

.container_940.top_margin{
  margin-top:30px;
}

/* 66%/33% columns */
.left_col_610{
	float:left;
	width:610px;
}
.right_col_300{
	float:right;
	width:300px;
}

/* 50%/50% columns */
.left_col_455 {
	float:left;
	width:455px;
}
.right_col_455 {
	float:right;
	width:455px;
}

/* wrapped around the right column, it creates a column divider */
.vertical_divider {
  float:left;
  border-left: 1px #b2b2b2 solid;
  padding-left:15px;
}

/***DOM ELEMENTS STYLES***/
h1 {
	color: #fe05c0;
	font-size: 3em;
	margin-bottom:10px;
	font-weight:normal;
}

h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color: #000000;
}

h3 {
	color: #fe05c0;
	font-weight: bold;
	font-size:1em;
}
h4 {
	font-weight: bold;
	font-size: 1em;
}
p {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1em;
}
li {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1em;
}
input, select, th, td {
	font-size: 1em;
}
li li, li p, td p, blockquote p {
	font-size: 1em;
}
a {
  font-weight:bold;
}
a:link,
a:visited {
	text-decoration: none;
	color:#079ed0; 
}
a:active,
a:hover {
	text-decoration: underline; 
	color:#666666;
}
a img {
	border:0;
}
hr {
	width: 100%;
	height: 1px;
	background-color: #b2b2b2;
	border: 0;
	margin: 20px 0;
}
ul, ol {
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table {
  border-spacing:0;
  border-collapse: collapse;
}
th {
	padding:2px;
}
td {
	padding:2px;
}
th.right, td.right {
	text-align:right;
}
th.center, td.center {
	text-align:center;
}
.footnote {
	font-size:0.8em;
}
.hidden {
  display:none;
}


/***IMAGE STYLES***/
img.right {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}
img.left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

/***FORM STYLES***/
input[type=text], 
input[type=password], 
textarea, 
select {
  border: solid 1px #b2b2b2;
  background-color:#ffffff;
  color: #333333;
  line-height:1.2em;
  font-size:1em;
  font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align:left;
}
textarea {
  line-height:1.6em;
}

input[type=text], textarea{
	width:98%;
}
fieldset {
	border:0;
	margin-bottom:15px;
}
fieldset input[type=radio], fieldset input[type=checkbox], fieldset label, fieldset input[type=text], fieldset select, fieldset a, fieldset div{
	float:left;
}


fieldset input[type=radio], fieldset input[type=checkbox] {
	margin-right:5px;
}
fieldset input[type=text], input[type=password], fieldset select, fieldset a, fieldset div, fieldset .button, fieldset span.formError {
	margin-left:5px;
}
span.formError, label.formError {
  color:#FF0000;
  font-weight:bold;
}
div.errorExplanation,
div.noticeExplanation {
  border:1px solid #b2b2b2;
  margin:15px 0;
  padding:10px;
}
div.noticeExplanation {
  background-color: #90EE90; /* light green */
}
div.noticeExplanation h2 {
  color: #556B2F; /* dark green */
}
div.errorExplanation {
  background-color:#FFFFCC; /* light yellow */
  color: #FF0000; /* red */
}
div.errorExplanation h2 {
  color:#FF0000; /* red */
}
div.errorExplanation ul li {
  margin-bottom:0px;
}

fieldset.fieldWithErrors label{
	color: #FF0000 !important;
	font-weight:bold !important;
}
fieldset.fieldWithErrors input[type=text],
fieldset.fieldWithErrors  input[type=password],
fieldset.fieldWithErrors input[type=radio],
fieldset.fieldWithErrors input[type=checkbox],
fieldset.fieldWithErrors  select,
fieldset.fieldWithErrors textarea
{
	background-color: #ffc;
	border:1px solid #FF0000;
}
div.errorExplanation span.formError {
  display:block;
}

fieldset textarea{
	margin-top:10px;
}

fieldset .no_float {
  float:none;
}

fieldset label {
	width:150px;
  font-weight:bold;
}

fieldset label.no_bold {
  font-weight:normal;
}
fieldset label.auto_width {
	width:auto;
}

label em, .required {
  color: #fc5ee0;
  font-weight:normal;
}

fieldset.tiny input[type=text],
fieldset.tiny input[type=password] {
	width:50px;
}
fieldset.tiny select {
	width:54px;
}
fieldset.medium input[type=text],
fieldset.medium input[type=password] {
	width:180px;
}
fieldset.medium select {
	width:184px;
}

fieldset select.month {
	width:42px;
}
fieldset select.date {
	width:42px;
}
fieldset select.year{
	width:70px;
}


fieldset.commprefs{
	/*border-bottom: 1px dotted #cccccc;
	margin-bottom:15px;
	padding-bottom:15px;*/
	margin-top:25px;
	margin-bottom:5px;
}

fieldset.commprefs label{
	width:300px;
}

fieldset.memberinfo label{
	width:200px;
}


/***HEADER/NAVIGATION/TABS STYLES***/
#hd {
	padding-top:10px;
	padding-bottom:10px;
	margin:auto;
	width:940px;	
}
#hd #logo {
	float:left;
}
#hd #navigation {
	float:right;
	padding-top:10px;
	text-align:right;
}
#hd #navigation .status {
	display:block;
	clear:both;
	font-size:0.9em;
}
#hd #navigation .status a {
  font-weight:normal;
}
#hd #navigation .status .questions {
  color:#969696;
}

.nav {
	list-style:none outside none;
	padding:0;
	/*font-weight:bold;*/
	/*text-transform:capitalize;*/
	margin-bottom:0;
}
.nav li {
	display:inline;
	float:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.nav a:link, .nav a:visited {
	text-decoration: none;
	color:#333333; 
	font-weight:normal;
}

.nav a:active, .nav a:hover {
	text-decoration: underline; 
	color:#333333;
}
#hd_nav .nav {
  font-size:0.9em;
}
#hd_nav .nav li {
	padding-left:20px;
	color:#c04ca8;	
	line-height:2em;
  margin-bottom:5px;
}
#hd_nav .nav li.current{
	color:#fe05c0;	
}

ul.tabs  {
	margin-bottom:30px;
	list-style:none outside none;
	height:35px;
	margin:0;
	padding:0;
	padding-left: 40px;
	padding-right: 40px;
}
ul.tabs li {
	background-position:0px 0px;
	float:left;
	margin-right:2px;
	text-align:center;
	background:url('../images/shared/tabs.jpg') no-repeat left top transparent;
}
ul.tabs li a {
	color:#333333;
	display:block;
	height:35px;
	text-decoration:none;
	width:146px;
	line-height:2.8em;
  font-weight:normal;
}
ul.tabs li.current, ul.tabs li:hover, ul.tabs li:active{
	background-position: -154px 0px;
}

ul.tabs li.current a, ul.tabs li a:hover, ul.tabs li a:active {
	color: #ffffff;
}
ul.tabs #shopping_bag {
  float:right;
	margin-right:0;
	width:222px;
	position:relative;
	background-image: none;
	text-align:left;
}
ul.tabs #shopping_bag #shopping_bag_container {
	width:222px;
}
ul.tabs #shopping_bag  #shopping_bag_container #shopping_bag_link {
	overflow:hidden;
	text-indent:-1000em;
	float:left;
	background: transparent url('../images/shared/shopping_bag.jpg') no-repeat top left;
}
ul.tabs #shopping_bag  #shopping_bag_container #shopping_bag_link a {
	width:142px;
}
ul.tabs #shopping_bag #shopping_bag_container #item_count_link {
	float:left;
}
ul.tabs #shopping_bag #shopping_bag_container #item_count_link a {
	width:80px;
	text-align:right;
	color: #079ed0;
	font-weight:bold;
}
ul.tabs #shopping_bag #shopping_bag_container a:hover, ul.tabs #shopping_bag #shopping_bag_container a:active {
	color:#666666;
}


/***BODY STYLES***/
#bd{
	min-width:940px;
	max-width:1020px;
	margin:auto;
}

.pinkbar{
	min-width:940px;
	max-width:1020px;
	height:6px;
	margin:auto;
	margin-top:5px;
	margin-bottom:1px;	
	background-color: #F405B3;
}
.no_margin{
  margin: 0px 0px 1px 0px;
}

.blackbar{
	width:1020px;
	height:3px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #000000;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.note {
	font-size: .9em;
	font-style:italic;
}

/***FOOTER STYLES***/
#ft_bg {
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	padding-top:15px;
	background-image: url(../images/shared/bg_footer.jpg);
	background-color:#f0ebef;
	background-repeat: repeat-x;
	min-height:90px;
	margin-bottom:0px;
}

#ft {
	width:940px;
	margin:auto;
	color:#b2b2b2;
}
#ft #shield {
	float:right;
	white-space:nowrap;
	width:125px;
	text-align:right;
}

#ft #followus {
	float:right;
	white-space:nowrap;
}

#ft #followus img{
	margin-left:4px;
}

#ft #footer {
	float:left;
	margin-right:25px;

}

#ft .copyright {
  float:left;
  width:775px;
	font-size:0.8em;
	padding-top:22px;
}

#ft #footer .questions {
	float:left;
	display:block;
	font-size:0.9em;
	font-weight:bold;
}


#ft img{
	vertical-align:middle;
	margin-right:5px;
}

#ft_nav .nav {
	margin-top:0px;
	color:#fe05c0;
	font-size:0.9em;
}
#ft_nav .nav li {
	padding-right:15px;
	/*text-transform: uppercase;*/
}

/***BUTTON STYLES***/
.button {
	background:url("../images/shared/button_left.gif") no-repeat scroll top left transparent;
	height:26px;
	float:left;
	margin:0;
	padding:0px 0px 3px 15px;
}
.button a {
  height:18px !important;
}
.button a, .button input[type=submit], .button button{
	background:url("../images/shared/button_right.gif") no-repeat scroll right top transparent;
	color:#079ed0;
	display:block;
	padding:3px 15px 5px 0px;
	text-decoration:none;
	float:none;
	font-size: 11px !important;
	line-height:15px !important;
	margin-left: 0;
	cursor: pointer;
  font-weight:bold;
  white-space:nowrap;
}
.button input[type=submit], .button button {
	border:0 !important;
  height: 26px !important;
	padding:2px 15px 6px 0;
}
.button.disabled, .button button[disabled="disabled"], .button button.disabled {
	color:#999999 !important;
	cursor: default;
}
.button.second_button {
	margin-left:5px;
}
/* button images */
.button_right {
  text-align:right;
}
.button_center{
  text-align:center;
}

.button.blue{
	background:url("../images/shared/button_blue_left.gif") no-repeat scroll top left transparent;
}
	
.button.blue a, .button.blue input[type=submit], .button.blue button{
	background:url("../images/shared/button_blue_right.gif") no-repeat scroll right top transparent;
	color:#ffffff;
	min-height:25px !important;
}


/***POPUP STYLES***/
#bd_popup {
	width:440px; 
	background: #fff;
	border: 8px #fe05c0 solid;
	padding: 25px;
	margin:auto;
	margin-top:30px;
	margin-bottom:20px;
	line-height: 1em;
}
sup {vertical-align:text-top;}

ul.dazzles {
	padding-bottom: 1em;
	padding-left:0px;
}
ul.dazzles li{
	margin-left: 16px;
	padding-left: 5px;
	list-style-image: url('../images/static/dazzle_bullet_pink.png');
}

/***LIGHTBOX/MODAL DIALOG STYLES***/
.dialog {
	display: none;
}
.dialog .pinkbar {
	width:100%;
}
.dialog h2 {
	margin:0;
}
.dialog hr {
	margin-top:5px;
	margin-bottom:5px;
}
.dialog .button.grey {
	margin-left: 5px;
}

/***GLOBAL ELEMENTS***/
#client_services {
	background: transparent url('../images/shared/icon_phone.jpg') no-repeat scroll top left;
	color: #666666;
	padding-left: 32px;
	margin-bottom: 30px;
	font-size: 0.8em;
}

/* ruled rows */
.ruled_row {
	border-bottom: solid 1px #b2b2b2;
	padding-top:10px;
	padding-bottom:10px;
}
.ruled_row.dotted{
  border-bottom: dotted 1px #b2b2b2;
}
.no_border {
  border:0;
}
.ruled_row:last-child, .ruled_row.no_border {
	border-bottom:0;
}
.ruled_row h4 {
	margin-bottom:5px;
}

/* price calculation */
#calculation {
	border: solid 1px #b2b2b2;
	padding:1px;
}
#calculation #calculation_contents {
	padding: 10px;
	background: #e6e0f5 url('../images/shared/gradient_bg.jpg') top left repeat-x;
}
td.money {
	text-align:right;
	width: 60px;
}
td.total {
	font-weight:bold;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
}

a.adjustment-action {
	font-size: 9px;
}

/* shoe image */
img.shoe {
	padding:1px;
	border:solid 1px #d8d3d8;
  background-color: #fff;
}
a:hover img.shoe, a:active img.shoe {
	border-color: #8159d6;
}
img.shoe.mini {
	width:60px;
	height:60px;
}
img.shoe.small {
	width:100px;
	height:100px;
}
img.shoe.product {
	width:175px;
	height:175px;
  padding:2px;
	border-width:2px;
}
img.shoe.large {
	width:450px;
	height:450px;
}

/* shopping bag dropdown */
#shopping_bag_dropdown {
	width:200px;
	border-style: solid;
	border-width: 0px 1px 6px 1px;
	border-color: #fe05c0;
	padding: 0px 10px 10px;
	position:absolute;
	z-index:10;
	background-color:#ffffff;
	display:none;
}
#shopping_bag_dropdown a, #shopping_bag_dropdown .button a:hover {
	color:#079ED0;
	display:inherit;
	font:inherit;
	height:auto;
	text-decoration:none;
	width:auto;
  font-weight:bold;
}
#shopping_bag_dropdown a:hover {
  text-decoration:underline;
}
#shopping_bag_dropdown .ruled_row:last-child {
	border-bottom:inherit;
}
#shopping_bag_dropdown .ruled_row .shoe {
	float:left;
	margin-right:10px;
}
#shopping_bag_dropdown .ruled_row .product_detail {
	float:left;
	width:125px;
}
#shopping_bag_dropdown .button {
	margin-top:10px;
}

/* membership section header */
/* static pages section header */
/*#member_tabs_showroom {
	margin-bottom:0px;
}*/
#member_hdr_container{
	margin-top:1px;
	background-color:#000000;
	color:#ffffff;
	height:50px;
	min-height:50px;
	width:1020px;
	border-bottom:1px solid #b2b1b2;
  margin-bottom: 25px;
  position: relative;
}
#member_hdr_left{
	position:absolute;
/*  float:left; */
	left:40px;
/*  top:7px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
	text-transform:lowercase;
  line-height:1.6em;

}
#member_hdr_right{
	position:relative;
	float:right;
  margin-right:40px;

}

#get_assistance{
  float:left;
}

#header_bar_phone{
  position:relative;
  top:13px;
  font:verdana;
  color:#ffffff;
}
/* edit> lightbox form link */
.edit {
	font-weight:bold;
	margin-top:10px;
	text-align:right;
}

/*inline definition lists*/
dl.inline-definition-list {
	margin-top: 10px;
	line-height:1.6em;
}
.inline-definition-list dt {
	float: left;
	margin: 0 0 0 0;
	padding: 5px 5px 0 0;
	clear: both;
}
.inline-definition-list dd {
	float: left;
	margin: 0 0 0 0;
	padding-top: 5px;
}

/**AJAX status**/
#ajax-status {
  -moz-border-radius:5px 5px 5px 5px;
  background-color:#DDDDDD;
  display:none;
  font-size:2em;
  left:50%;
  margin:4px 4px 4px -202px;
  padding:10px;
  position:fixed;
  top:0;
  z-index:1010;
}

.generic_modal_wait_indicator {
  display: none;
  position:absolute;
  z-index:1010;
  left:40%;
  top: 50%;
}
.generic_wait_indicator {
  display: none;
  position:absolute;
  z-index:1010;
  left:40%;
  top: 50%;
}

/*  how_it_works_abbreviated modal */  
#how_it_works_abbreviated ul.numbers{
	list-style:none outside none;
	padding-left:0px;
}
#how_it_works_abbreviated ul.numbers li {
	height:40px;	
}

/** tooltip **/
.tooltip {
  color:#079ED0;
  font-weight:bold;
  cursor:pointer;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border:2px solid #D8D3D8;
	background-color: #fff;
	padding: 5px;
}

#tooltip h3, #tooltip div { margin: 0; }

#uc2_submit_button_image {
  cursor: pointer;
}
