/* CSS Document */
/* general */
html {width: 100%;}
body {background: #ffffff; width: 100%; margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; color: #ffffff; text-align: center;}
img {border: 0;}
p {padding: 0 20px 20px 20px; margin: 0; line-height: 1.4em;}
ul {padding: 0; margin: 0; list-style: inside; list-style-type: none;}
li {padding: 0px; margin: 0px;}
a:link {color: #ffffff; text-decoration: underline;}
a:visited {color: #ffffff; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff; text-decoration: underline;}
h1 {font-size:large; color: #ffffff; font-weight: bold; margin: 0; padding: 0; float: left;}
h2 {font-size: medium; color: #00a650; font-weight: bold; margin: 0; padding: 0;}
/* code in here is ignored by ie5 mac \*/
* html h2 { position:relative; top: 4px;}
/* End Hack */
h3 {font-size: medium; color: #4664a1; font-weight: bold; margin: 0; padding: 0;}
/* code in here is ignored by ie5 mac \*/
* html h3 { position:relative; top: 4px;}
/* End Hack */
h4 {font-size: small; color: #4664a1; font-weight: bold; margin: 0; padding: 0;}
h4.news {display: inline;}
.showtxt {width: 370px; padding: 0 0 20px 20px;}
/* forms */
label {font-size:x-small; padding: 0 5px 6px 0;}
select {padding: 1px; font-size: x-small;}
form {padding: 0; margin: 0;}
input {padding: 1px; font-size: x-small;}
/* contact forms */
div.row {margin: 0; padding: 10px 0 0 10px; clear:both;}
* html div.row {margin: 8px 0 0 0; padding: 0;}
div.row span.label, div.row label {float: left; text-align: right; width: 110px; padding: 0 5px 0 0; vertical-align: bottom; line-height: 1.8em;}
* html div.row span.label, * html div.row label {padding-top: 0;}
div.row span.form {float: left; text-align: left; padding-right: 10px; vertical-align: bottom; line-height: 1.8em;}
div.row label.rightLabel {float: none; display: inline; text-align: right; width: auto; padding: 0;}
div.row label {}
input.inputNormal, select.inputNormal, textarea.inputNormal {width: 240px; color: #000000; border: 1px solid #b2b2b2; margin: -20px 30px 0 0; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; float:right;}
/* code in here is ignored by ie5 mac \*/
input.inputNormal, select.inputNormal, textarea.inputNormal {width: 240px; color: #000000; border: 1px solid #b2b2b2; margin: 0; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; float:none;}
/* End Hack */
textarea.inputNormal {height: 60px;}
select.inputNormal {height: 20px;}
input.inputNormal {height: 14px;}
input.inputCheckbox {background: none; border: none; margin: 0 0 0 140px; padding: 0;}
/* code in here is ignored by ie5 mac \*/
input.inputCheckbox {background: none; border: none; margin: 0; padding: 0;}
/* End Hack */
input.inputButton2 {margin: 0 0 10px 310px;}
/* code in here is ignored by ie5 mac \*/
* html input.inputButton2 {margin: 0 0 10px 300px;}
/* End Hack */
/* useful */
.bluetxt {color: #4664a1;}
.greentxt {color: #00a650;}
.clearer {height: 0px; line-height: 0px; background: #ffffff;}/*helps display floated stuff*/
#acc_nav {left: -999px; position: absolute;}/* accessibility nav */
/* top section */
#topbar {background: #ffffff url(../images/back_top.gif) top repeat-x; height: 33px;}
#topnav {margin: 0 auto; vertical-align: top; width: 660px; padding: 1px 0 0 0; position: relative;}
#topnav ul {margin: 0; padding: 0; position: relative; float: left; width: 660px;}
#topnav li {display: block; float: left; padding: 0px 5px 0 0; margin: 0px; width: 73px;}
.nav_home {background: url(../images/but_home_over.gif) no-repeat;}
.nav_offers {background: url(../images/but_offer_over.gif) no-repeat;}
.nav_kids {background: url(../images/but_kids_over.gif) no-repeat;}
.nav_women {background: url(../images/but_women_over.gif) no-repeat;}
.nav_men {background: url(../images/but_men_over.gif) no-repeat;}
.nav_cafe {background: url(../images/but_cafe_over.gif) no-repeat;}
.nav_about {background: url(../images/but_about_over.gif) no-repeat;}
.nav_contact {background: url(../images/but_contact_over.gif) no-repeat;}
/* bot section */
#botbar {background: #c7d0e3 url(../images/back_bot.gif) top repeat-x; position:relative; left: 0;}
/* code in here is ignored by ie5 mac \*/
#botbar {width: 100%;}
/* end hack */
#newsletter {margin: 0 auto; vertical-align: top; width: 660px; padding: 3px 0 0 0;}
#newsletter li {display: inline; margin: 0 5px 0 0; }
#newsletter img {vertical-align:top;}
#newsletter input {width: 80px;}
/* code in here is ignored by ie5 mac \*/
* html #newsletter input {position:relative; top: -1px;}
#newsletter label img {position:relative; top: 0px;}
* html #newsletter label img {position:relative; top: 4px;}
* html .newstxt {position:relative; top: -4px;}
* html #newsletter label {position:relative; top: -4px;}
/* end hack */
#newsletter input.inputButton1 {width: 56px; vertical-align:top;}
.textfield1 {color: #636363; font-size: x-small;}
.textfield2 {color: #4664a1; font-size: x-small;}
#base {margin: 0 auto; vertical-align: top; width: 660px; color: #4664a1; text-align: left; padding: 0;}
#base a:link {color: #4664a1; text-decoration: underline;}
#base a:visited {color: #4664a1; text-decoration: underline;}
#base a:hover {color: #4664a1; text-decoration: none;}
#base a:active {color: #4664a1; text-decoration: underline;}
.floatleft {float: left; padding: 5px 0 5px 0; position:relative;}
.floatright {float: right; padding: 5px 0 5px 0; text-align:right; position:relative;}
.botblue {background: #ffffff url(../images/base_blue.gif) top repeat-x; height: 15px;}
.botblue_left {background: url(../images/bot_blue_left.gif) top left no-repeat; float: left; width: 10px; height: 15px;}
.botblue_right {background: url(../images/bot_blue_right.gif) top right no-repeat; float: right; width: 10px; height: 15px;}
/* code in here is ignored by ie5 mac \*/
.botblue {background: #ffffff url(../images/base_blue.gif) bottom repeat-x; height: 15px;}
* html .botblue {background: #ffffff url(../images/base_blue.gif) bottom repeat-x; height: 15px; margin: 0;}
.botblue_left {background: url(../images/bot_blue_left.gif) bottom left no-repeat; float: left; width: 10px; height: 15px;}
.botblue_right {background: url(../images/bot_blue_right.gif) bottom right no-repeat; float: right; width: 10px; height: 15px;}
/* end hack */
/* main section */
#holder {width: 660px; margin: 0 auto; vertical-align: top; background: #ffffff; text-align: left; padding: 0;}
#backdrop {background: #ffffff url(../images/xmasbg.gif) top;}
.col_left {float: left; width: 455px;}
.col_right {float: right; margin: 0 0 20px 0;}
#titlebar {padding: 20px 0 15px 10px;}
.contbox {width: 423px; margin: 0 0 40px 15px; padding: 0px;}
.adbox {width: 186px; height: 437px; margin: 0 15px 40px 0;}
.greenbox {background: #00a650; vertical-align:top; text-align:justify; padding: 20px 0 0 0;}
.greenbox img {margin: 0 0 20px 15px;}
.specialbox {background: #00a650; vertical-align:top; text-align:justify; padding: 0 0 0 0;}
.specialbox img {padding: 10px 0 10px 0;}
.bluebox {background: #4664a1;}
.blueadbox {background: #4664a1;}
.blueadbox p {padding: 15px 14px 15px 14px; text-align:justify;}
* html .blueadbox {margin: 0 0 -10px 0}
.blueimage {margin: 20px 0 15px 15px;}
.bluebox p {padding: 15px 15px 15px 15px; text-align:justify;}
.greenad {background: #00a650; vertical-align:top; text-align: center; padding: 10px; margin: 0px;}
.undergreen {background: url(../images/base_green.gif) top repeat-x; height: 15px; vertical-align:top; width: 423px; }
.undergreen_left {background: url(../images/base_green_left.gif) top left no-repeat; float: left; width: 10px; height: 15px;}
.undergreen_right {background: url(../images/base_green_right.gif) top right no-repeat; float: right; width: 10px; height: 15px;}
.underblue {background: url(../images/base_blue.gif) top repeat-x; height: 15px; vertical-align:top; margin: 0 0 10px 0;}
.underblue_left {background: url(../images/base_blue_left.gif) top left no-repeat; float: left; width: 10px; height: 15px;}
.underblue_right {background: url(../images/base_blue_right.gif) top right no-repeat; float: right; width: 10px; height: 15px;}
.link_right { text-align:right; padding: 5px; background: #00a650;}
.bigad {margin: 0 auto;}
.topblue {background: #ffffff url(../images/back_topbar.gif) top no-repeat; height: 15px;}
/* code in here is ignored by ie5 mac \*/
* html .topblue {position: relative; top: -3px;}
/* end hack */
/* shoe box stuff */
.shoebox {width: 131px; height: 140px; margin: 0 15px 20px 0; padding: 0px; float: left;}
.shoegreen {background: #00a650; vertical-align:top; text-align: center; padding: 0px; margin: 0px;}
.shoegreen img { border: 1px solid #ffffff; margin: 2px 0 7px 0;}
.shoegreenunder {background: url(../images/base_green.gif) top repeat-x; height: 15px; vertical-align:top;}
#shoehold {padding: 0 0 0 15px;}
h2.singletitle {padding: 0 0 20px 0;}
.supplybox {width: 186px; margin: 0 10px 40px 0; padding: 0;}
.supplybox ul { text-align:center; padding: 10px 0 0 0;}
/* code in here is ignored by ie5 mac \*/
* html .supplybox ul {margin: 0 0 0 -15px;}
/* end hack */
.supplybox li {padding: 0 0 10px 0;}
.flash {text-align:center; margin: -10px 0 0 0;}
.thanksbox {min-height: 400px;}
.accessbox {width: 186px; margin: 0 10px 40px 0; padding: 0;}
.accessbox ul {text-align:left; list-style-position: outside; margin: 5px 15px 0 15px;}
.accessbox li {padding: 0 0 5px 0;}
.contbluebox {width: 186px; margin: 0 10px 40px 0;}
.contbluebox ul {text-align:left; list-style-position: outside; margin: 5px 20px 0 15px;}
.contbluebox li {padding: 0 0 1px 0;}
.aboutbox {width: 186px; margin: 0 10px 40px 0; padding: 0;}
.aboutbox ul {text-align:left; list-style-position: outside; margin: 5px 15px 0 15px; padding: 0 0 5px 0;}
.aboutbox li {padding: 0 0 5px 0;}
.grant {padding: 5px 0 0 0; margin: 0 0 3px 0;}