/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*So the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */
   
body { 
	font-size: 62.5%; 
	color: #363636; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	line-height: 1.3;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h2 { font-size: 1.4em; margin-bottom: 0.2em; }
h3 { font-size: 1.3em; line-height: 1;  margin: .5em .5em .2em 10px;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; font-weight:bold; }
h5 { font-size: 1.1em; font-weight: bold; margin-bottom: .5em; }
h6 { font-size: .9em; font-weight: bold; }

h3 {
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 95%;
}

.maincontent h3 {
	color: #CC0000;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 1em .5em; line-height: 1.3;}
p.last      { margin-bottom: 0; }
p img       { margin: 1em 1em 1em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

img 		{ vertical-align: bottom; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

a           { color: #c80022; text-decoration: none; }
a:focus, 
a:hover     { color: #c80022; text-decoration: underline;} /* 0054a6  363636*/

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em      { font-style: italic; }




/* Some default classes
-------------------------------------------------------------- */
.hide       { display: none; }
.highlight  { background:#ff0; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear     { clear: both; }

.padding	{ padding: 10px 0; }

.hidden { 
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}

hr {
	background: #ddd; 
	color: #ddd;
	clear: both; 
	float: none; 
	width: 100%; 
	height: .1em;
	margin: 0 15px 10px 15px;
	border: none; 
}


hr.space {
  background: #fff;
  color: #fff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.cursor {
    cursor: pointer;
}

/* -------------------------------------------------------------- 
  
	=Layout 
		default is two columns (sidebar and main)
   
-------------------------------------------------------------- */

html {
	min-height:100%;
}

body {
	background: #eaeaea url(../images/bg.gif) repeat;
	min-height: 100%;
	}	

.container {
	margin: 0px auto 0 auto;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 975px;
	padding-right: 134px;
	/*new*/
	background: url(../images/pavao.gif) right 20px no-repeat;
}
	
.wrap {  
	min-height: 100%;  
	/*width: 757px;*/  
	width: 961px;
	float: left;
	/*padding-left: 220px;*/
	padding-left: 16px;


}

.content {
}

.maincontent {
	float: left;
	width: 570px;
	min-height: 500px;
	position:relative;
	z-index: 2;
	/*new*/
	padding-left: 204px;
	background: url(../images/sandalia.gif) left bottom no-repeat;
}

.sidebar {
	float: right;
	width: 184px;
	}

#footer {
	clear: both;
	text-align: center;
	padding-bottom: 20px;
	color: #070300;
	padding-top: 15px;
	padding-bottom: 75px;
	font-size: .9em;
}

#footer ul {
	margin: 0;
	
}

#footer p {
	margin: 0;
}

#footer li {
	display: inline;
	list-style: none;
	vertical-align: top;
}

#footer li a {
	border-right: 1px solid #070300;
	color: #070300;
	padding: 0 2px;
	text-decoration: none;
}

#footer li.last a {
	border-right: none;
	padding-right: 0;
}

#footer .newsletter {
	background: url(../images/envelope.gif) 5px center no-repeat;
	padding-left: 17px;
}
#footer p {color: #CC0000;}
#footer p span, #footer p img {display: inline; vertical-align: middle;}

/* Tables
-------------------------------------------------------------- */

table   {
	width: 100%;
}
th,td   { 
	padding: 4px 10px; 
	vertical-align: top;
	text-align: center;
}

table img, table p, table input.text {
	margin: 0;
}

td p {
	text-align: left;
}

td h3 {
	margin-left: 10px;
}
	
/*  header elements 
-------------------------------------------------------- */
#header {
	width: 735px;
	float: right;
	margin-bottom: 30px;
}

h1 { 
	margin: 0;
	float: left;
	margin-left: 30px;
	display: inline;
}

h1 img {
	margin: 25px 0 0 0;
	position: relative;
	z-index: 2;
}


#greeting {
	background: url(../images/top_tab_left.gif) left top no-repeat;
	float: right;
	padding-left: 5px;
	color: #000;
	
}

#greeting p {
	background: url(../images/top_tab.gif) right top no-repeat;
	margin: 0; 
	padding: 7px 10px 7px 5px;
	float: right; 
}

#greeting a {
	color: #000;
	text-decoration: underline;} 


#utilitynav {
	height: 23px;
	clear: right;
	float: right;
	margin-top: 23px;
}

#utilitynav ul#nav_ul {
	height: 23px;
	margin: 0;
	list-style: none;
	float: right;
	background: url(../images/utility_nav.gif) left top no-repeat;
	width: 475px;
	position: relative;
}

#utilitynav li {
	float: left;
}

#utilitynav ul#nav_ul li a {
	display: block;
	height: 23px;
	background-image: url(../images/utility_nav.gif);
	text-indent: -9999em;
	overflow:hidden; 
	font-size:1%;
	top:0;
	color: #fff;
}

/* individual nav items */
#utilitynav li#nav1 	{ width: 56px; }
#utilitynav li#nav2 	{ width: 65px;}
#utilitynav li#nav3 	{ width: 101px; }
#utilitynav li#nav4 	{ width: 76px; }
#utilitynav li#nav5 	{ width: 87px; }
#utilitynav li#nav6 	{ width: 90px; }

#utilitynav li#nav1 a	{ left: 0;  background-position: 0 0;}
#utilitynav li#nav2 a	{ left: 56px; background-position: -56px 0; }
#utilitynav li#nav3 a	{ left: 121px; background-position: -121px 0; }
#utilitynav li#nav4 a	{ left: 222px; background-position: -222px 0; }
#utilitynav li#nav5 a	{ left: 298px; background-position: -298px 0; }
#utilitynav li#nav6 a	{ left: 385px; background-position: -385px 0; }

/* hover states */
#utilitynav li#nav1 a:hover		{ background-position: 0 bottom;}
#utilitynav li#nav2 a:hover		{ background-position: -56px  bottom;}
#utilitynav li#nav3 a:hover		{ background-position: -121px bottom; }
#utilitynav li#nav4 a:hover		{ background-position: -222px bottom; }
#utilitynav li#nav5 a:hover		{ background-position: -298px  bottom; }
#utilitynav li#nav6 a:hover		{ background-position: -385px  bottom; }

/* you-are-here states */
#utilitynav li#nav1.current a		{ background-position: 0 bottom;}
#utilitynav li#nav2.current a		{ background-position: -56px  bottom;}
#utilitynav li#nav3.current a		{ background-position: -121px bottom; }
#utilitynav li#nav4.current a		{ background-position: -222px bottom; }
#utilitynav li#nav5.current a		{ background-position: -298px  bottom; }
#utilitynav li#nav6.current a		{ background-position: -385px  bottom; }



/* =nav, main 
-------------------------------------------------------- */
/*#nav {
	height: 459px;
	min-width: 160px;
	width: 24%;
	background: url(../images/nav.gif) no-repeat right center;
	margin-top: -180px;
	position: absolute;
	left: 0;
	top: 100px;
}*/

#nav {
	min-width: 160px;
	width: 24%;
	position: absolute;
	left: 0;
	top: -80px;
	z-index: 3;
}

.navtrails {
	height: 459px;
	min-width: 160px;
	width: 24%;
	background: url(../images/nav_trails.gif) no-repeat right center;
	margin-top: -180px;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index:0;

}


#nav ul {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 168px;
	right: 0;
	width:178px;
	height: 100px;
}

#nav li {
	width: 200px;
	*float: left;
}

#nav li a {
	display: block;
	height: 24px;
	background-image: url(../images/nav_2.gif);
	text-indent: -9999em;
	overflow:hidden; 
	font-size:1%;
	right:0;
}

/* individual nav items */

#nav li#women a		{ top: 0px;  background-position: left 0px;}
#nav li#men a		{ top: 24px; background-position: left -24px; }
#nav li#kids a		{ top: 48px; background-position: left -48px; }
#nav li#limited a	{ top: 72px; background-position: left -72px; height: 29px;}

/* hover states */
#nav li#women a:hover	{ background-position: -200px -0px;}
#nav li#men a:hover		{ background-position: -200px -24px; }
#nav li#kids a:hover	{ background-position: -200px -48px; }
#nav li#limited a:hover	{ background-position: -200px -72px; }

/* you-are-here states */
#nav li#women.current a	{ background-position: right -0px;}
#nav li#men.current a	{ background-position: right -24px; }
#nav li#kids.current a	{ background-position: right -48px; }
#nav li#limited.current a	{ background-position: right -72px; }




/* =sidebar
-------------------------------------------------------------- */
.sidebar {
	background: url(../images/sidebar_bg.gif) left top repeat-y;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.sidebar p, .sidebar h2 {
	margin-left: 4px;
	margin-right: 4px;
}
.sidebar a {
	color: #f7f24b;
	text-decoration: underline;
	}
.sidebartop {
	background: url(../images/side_bar_top.gif) left top no-repeat;
	margin-top: -10px;
	overflow: hidden;
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
}
.sidebartop img {
	margin: 8px 0px 0px 13px; 
	float: left;
}
.sidebartop .quantity {
	float: left;
	margin-top: 9px;
	margin-left: 8px;
	display: inline;
	background:url(../images/cart_items.gif) left top no-repeat;
	width: 32px;
	height: 21px;
	line-height: 21px;
	color: #f70013;
	font-size: 1.2em;
}

.sidebar h2.carttitle {
	display: block;
	height: 26px;
	background: url(../images/add_sandals.gif) left top no-repeat;
	text-indent: -9999em;
	overflow:hidden; 
	font-size:1%;
	color: #c72231;
	margin-left: 4px;
	margin-right: 0;
}

#cartitems {
	margin: 5px 4px 2px 4px;
	background: url(../images/sidebar_pattern.gif);
	overflow: hidden;
	height: 207px;
	_height: 217px;
	border-top: 1px dotted #bbbbbb;
	border-bottom: 1px dotted #bbbbbb;
	text-align: left;
}

#cartitems ul {
	list-style: none;
	margin: 5px 0 0 0;
	width: 100%;
}

#cartitems li {
	margin-bottom: 3px;
	clear: both;
	/*width: 100%;
	float: left;*/
	background: url(../images/line.gif) left bottom repeat-x;
	height: 49px;
}

.itempic {
	float: left;
	background: url(../images/cart_item_bg.gif) left top no-repeat;
	width: 58px;
	height: 40px;
	display: inline;
}

.itempic img {
	margin: 5px 0px 0px 5px;
}
.sidebar p.itemspec {
	margin-left:65px;
	margin-right: 0;
}
.empty .itempic {
	background-image: url(../images/empty_shoe.gif);
	}
.empty .itemspec {
	color: #e6a2a2;
}
#cartitems .text {
	width: 20px;
	height: 8px;
	margin: 2px 0 0 0;
	float: left;
	color: #f70013;
	font-size: .8em;
	text-align: center;
	border: 1px solid #ccc;
}
#cartitems label {
	color: #fff;
	float: left;
	display: block;
	font-weight: normal;
	margin-left: 1px;
}
#cartitems .updatelink {
	float: left;
	background: url(../images/arrow_small.gif) left 4px no-repeat;
	padding-left: 9px;
	margin-left: 3px;
	display: inline;
}
.sidebar .button {
	margin: 5px 0;
}
.shippingmessage {
	padding: 5px 0 0 0;
	border-top: 1px dotted #bbbbbb;
	border-bottom: 1px dotted #bbbbbb;
	background: url(../images/ship_bg.gif) no-repeat 7px 2px;
	color: #cc0000;
	margin-bottom: 3px;
	height: 36px;
}	

.shippingmessage p {
	*margin-bottom: 0;
}

.checkout {
	margin: 5px 0 5px -12px;
	position: relative;
	z-index: 1;
}

.viewed {
	margin: 5px 6px 2px 6px;
	background: url(../images/sidebar_pattern.gif);
	border-top: 1px dotted #bbbbbb;
	border-bottom: 1px dotted #bbbbbb;
	float: left;
	width: 172px;
	padding-bottom: 8px;
	display: inline;
}

.viewed ul {
	margin: 5px 0;
}

.viewed li {
	list-style: none;
	float: left;
	margin-left: 4px;
	display: inline;
	background: #fff;
	padding: 3px;
}

.sidebarbottom {
	background: url(../images/side_bar_bottom.gif) left bottom no-repeat;
	margin-bottom: -10px;
}
.creds {
	border-top: 1px dotted #bbbbbb;
	padding: 10px 0 15px 0;
	margin: 0 4px;
}
/* chooser */
.chooser {
	background: url(../images/size_tile.gif) repeat-x;
	color: #E90F0F;
	font-size: 1.3em;
	float: left;
	margin-right: 12px;
	text-transform: none;
	position: relative;
	width: 46px;
	display: inline;
}

.choosefield {  
	background: url(../images/size_corner.gif) no-repeat; 
	float: left;  
	margin-left: -9px; 
	font-size: .7em;  
	line-height: 20px;  
	width: 42px; 
	text-align: center; 
}

.chooser img {
	vertical-align: middle;
	margin-right: -10px;
	float: right;
	position: relative;
}

.sizechart {
	position: absolute;  
	right: -60px;  
	bottom: -35px;  
	clear: both;  
	display: none; 
	z-index:1000;
}

.chooser .sizechart {
	background: url(../images/size_top.gif) left top no-repeat; 
	font-size: .8em;
	width: 136px;
	padding-top: 25px;
	border-bottom: 1px solid #4c9293;
		
}

.sizetable {
	text-transform: none;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	clear: both;
	margin-left: 5px;
	width: 95%;
}

.chooser .sizetable td {
	background: #f2f2f2;
}

.specsteps .sizetable {
	font-size: 0.9em;
}

.sizetable th {
	padding: 2px 0px 0px 0px;	
	vertical-align: bottom;
	color: #fff;
	font-weight: bold;
}
.chooser .sizetable th {
	color: #333;
	border-bottom: 1px dotted #bcbcbc;
	padding-bottom: 5px;
	padding-top: 0;	
}

.sizetable td {
	padding: 1px 0px;
	color: #333;
	background: #fff;
	border-bottom: 1px dotted #bcbcbc;	
}

.sizetable td.divider {
	height: 4px;
	padding: 0;
	border: none;
}

th.closesize {
	width: 20px;
	cursor: pointer;
}

.chooser .closesize img {
	position: absolute;
	right: 5px;
	top: 3px;
	margin: 0;
}

.sizetable td.heading {
	padding: 0;
	vertical-align: middle;
	text-align: left;
}

.sizetable img {
	margin:0;
	float: none;
}

.sizetable input.submit {
	float: right;
	margin-top: -12px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.sizetable img.submit {
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

.sizetable tfoot td {
	padding: 5px 10px;
	font-size: 0.9em;
}

 .sizetable tfoot td, .sizetable tfoot tr:hover td,  .sizetable tfoot tr.over td { 
	padding: 5px 10px;   
	font-size: 0.9em; 
	background: none;
	color: #fff;
	border: none;
} 
.chooser .sizetable tfoot td, .chooser .sizetable tfoot tr:hover td, .chooser .sizetable tfoot tr.over td {
	color: #333;
	text-align: left;
	padding: 5px 0;
	background: none;
	
	}
 
.sizetable tfoot td:hover, .sizetable tfoot td.over {  
	 
}

.sizetable tfoot p {
	margin: 0;
	text-align: left;
}

.sizetable .alt td {
	
}

.sizetable td.altcol {
	
}

.sizetable tr.alt td.altcol {
	
}

.sizetable .currentsize td {
	background:url(../images/size_gradient_1.gif) repeat-x !important;
}

.sizetable td.outofstock {
	background:url(../images/size_gradient_2.gif) repeat-x !important;
	color: #de1014;
	font-weight: bold;
}


.sizetable tbody.womensizes td.heading {
	background: #f5226b;
}

 .sizetable td.divider:hover {  
	background-image: none; 
}

.sizetable tbody.womensizes td.divider {
	background-color: #be212f;
}

.sizetable tbody.mensizes td.heading {
	background:#396bed;
}

.sizetable tbody.mensizes td.divider {
	background-color: #be212f;
}

.sizetable tbody.childsizes td.heading {
	background:#f37f2a;
}

.sizetable tbody.childsizes td.divider {
	background-color: #be212f;
}

.sizetable tr:hover td, .sizetable tr.alt:hover td, .sizetable tr.over td, .sizetable tr.alt.over td, .sizetable tr.alt.over td.altcol {
      background:url(../images/size_gradient_1.gif) repeat-x;
}

.sizetable tr.alt td.altcol:hover, .sizetable tr.alt td.altcol.over { 
	background:url(../images/size_gradient_1.gif) repeat-x; 
}