* { margin: 0; padding: 0; }
html {	}
body { background-image: url(./images/background_pattern.gif); margin: 0; }
img { margin: 0; padding: 0; border-style: none; border-width: 0; }
p { color: #969696; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
a:link { color: #823c3c; text-decoration: none; }
a:visited { color: #823c3c; text-decoration: none; }
a:hover { color: #641e1e; text-decoration: none; }
a:active { color: #641e1e; text-decoration: underline; }
#global { background-image: url(./images/global_background.gif); background-repeat: repeat-y; width: 1024px; margin-right: auto; margin-left: auto; }
/*Header
*/
#header { background-image: url(./images/header.jpg); background-repeat: no-repeat; width: 980px; height: 91px; margin-right: auto; margin-left: auto; }
#header a:link, #header a:visited { color: #ca8686; text-decoration: none; }
#header a:hover { color: #ebcec4; text-decoration: none; }
#header a:active { color: #ebcec4; text-decoration: underline; }
#home { width: 270px; height: 91px; float: left; }
.logo { width: 270px; height: 91px; }
#login { color: #aaa096; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 2em; text-align: right; position: relative; top: 36px; margin-right: auto; margin-left: auto; }
#login_registered { color: #aaa096; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; width: 430px; height: 50px; float: right; margin-top: 30px; margin-right: 10px;}
#submit { width: 46px; height: 30px; float: right; margin-top: 30px; }
/*Navigation
*/
#navigation { background-image: url(./images/navigation_background.gif); width: 980px; height: 25px; margin-right: auto; margin-left: auto; }
ul#navbar { width: 980px; height: 25px; overflow: hidden; margin-right: auto; margin-left: auto; }
#navbar li { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; float: left; margin-top: 7px; list-style-type: none; list-style-image: none; display: inline; }
#navigation li#KIDS { width: 60px; }
#navigation li#WOMEN { width: 80px; }
#navigation li#MEN { width: 70px; }
#navigation li#ACCESSORIES { width: 130px; }
#navigation li#MUSTHAVE { width: 100px; }
#navigation li#HOMEANDDECOR { width: 150px; }
#navigation li#GIFTCARDS { width: 100px; }
a.navlink:link, a.navlink:visited { color: #323232; text-decoration: none; }
a.navlink:hover { color: black; text-decoration: none; }
a.navlink:active { color: #823c3c; text-decoration: none; }
#navigation li#item { width: 100px; }
#navigation li#checkout { color: white; text-align: right; text-indent: 40px; width: 230px; }
a.checkout:link, a.checkout:visited { color: #e6dcdc; text-decoration: none; }
a.checkout:hover { color: white; text-decoration: none; }
a.checkout:active { color: white; text-decoration: underline; }
/*Content
*/
#content { width: 980px; margin-right: auto; margin-left: auto; }
input.TextField, textarea.TextField { color: #828282; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; margin-left: 5px; }
input.TextField:focus, textarea.TextField:focus { color: #823c3c; background-color: #e6e6e6  }
.title { color: #646464; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-bottom: 10px; }
.subtitle { color: #823c3c; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-bottom: 10px; }
.current_subtitle { color: gray; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin-bottom: 10px; }
.capText { color: #000; font-size: 12px; font-weight: bold; line-height: 14px; margin-bottom: 12px; }
.contentText { color: #646464; font-size: 12px; line-height: 20px; margin-bottom: 12px; }
/*Footer*/
#footer { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(./images/footer_background.gif); background-repeat: no-repeat; text-align: left; width: 1024px; height: 40px; margin-right: auto; margin-left: auto; }
ul#footer { width: 980px; margin-right: auto; margin-left: auto; }
#footer li { color: #969696; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; float: left; margin-top: 10px; list-style-type: none; list-style-image: none; display: inline; }
#footer li#copyright { width: 620px; margin-left: 30px; }
#footer li#contacts { text-align: right; width: 110px; }
#footer li#privacyPolicy { text-align: right; width: 110px; }
#footer li#returnPolicy { text-align: right; width: 110px; }

#teaser { background-image: url(./images/teaser.jpg); background-repeat: none; width:980px; height:389px; margin-right: auto; margin-left: auto;  }

#teasersContent { margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; width:980px; height: 205px;}

#teaser_left, #teaser_middle, #teaser_right { float:left;  height:205px; margin-left: 3px; cursor: pointer;}

#teaser_left { background-image: url(./images/sign_up.gif);width:300px; }

#teaser_middle {background-image: url(./images/the_must_have2.gif);width:300px; }

#teaser_right { background-image: url(./images/gift_cards2.gif);width:352px;}

#separator { clear: both;}

#deptImgs{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; Z-INDEX: 1; TEXT-ALIGN: center; }

table#deptCells TR TD.deptImgCell { WIDTH: 260px; }

img.deptSwatch { BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; MARGIN-TOP: 3px; MARGIN-LEFT: 2px; BORDER-LEFT: #bfbfbf 1px solid; MARGIN-RIGHT: 2px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-ALIGN: center; }

span.deptNamePrice { visibility: hidden; }

.deptPrice { color: #646464; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

span.deptDesc { FONT-WEIGHT: bold; FONT-SIZE: 11px; }


/* scrollable div area */
 #scrollable {
      width: 964px;
      margin: 0 auto; /*** Centers the design ***/
      height: 350px;
      padding: 8px;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      overflow: hidden;
      white-space: nowrap;
      background-color:white;
}
      
/* wrap to make sure that image area is clickable */
#wrap1 {
      clear: both;
      width: 980px;
      margin: 0 auto; /*** Centers the design ***/
      height: 20px;
      background: white url(./images/scrollbar_right.gif) no-repeat top right;
}

/* left image of track */
#track1-left {
	position: absolute;
      width: 960px;
      height: 20px;
      background: white url(./images/scrollbar_left.gif) no-repeat top left;
}
/* horizontal track */
#track1 {
      position: absolute;
      width: 965px;
      margin: 0 auto; /*** Centers the design ***/
      height: 20px;
}

/* horizontal track handle */
#handle1 { width: 100px;height: 20px; }


/*** osCommerce css **/

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }