@import "reset.css";

html {background: url(images/back2-redesignHQ.jpg) repeat-x #2d6480;}
body { color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; margin: 0; padding:0;}


#header{background: url(images/header2-redesignHQ.png) no-repeat; text-align:center; margin-top: 0; padding-top: 0; width: 1000px; height: 97px;}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


A {color: #79a1b2; text-decoration: none;}

A:hover { color: #79a1b2; text-decoration: underline;}

FORM {display: inline;}
FORM table tbody tr TD table.infoBox {width: 462px; margin: 0 auto; position: relative;}
FORM table tbody tr TD table.infoBox tbody tr.infoBoxContents TD table tbody tr TD.main {color: #000;}

FORM table tbody tr TD table.infoBox tbody tr.infoBoxContents TD table tbody tr TD.main INPUT {background: none; color: #000; /*width: 95%;*/}

#nav {width: 770px; margin: 0 auto; position: relative;}
#headerNavigation-left {width: 65%;}
#headerNavigation-right {text-align: right; width: 35%;}

TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #79a1b2; padding:0; height: 35px; margin: 0 auto; position: relative;}

A.headerNavigation {color: #79a1b2;}

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

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;}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #accce0;
  padding : 3px;
}

.footer a {color: #fff/*#accce0*/; font-weight: normal;}

.altBox {}

.altBoxContents {
  background-image : url(images/OSCMAX_altBox_bg.gif);
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.altBoxNotice {
  background: #000000;
}

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

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

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

.infoBoxContents, td.infoBoxContents {
  background-color: #fff;
  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: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  /*background: #001e2e;*/
  color: #ffffff;
  padding: 3px 0 3px 3px;
  text-transform: uppercase;
}

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

A.infoBoxHeaderLink { color: #D8DCE2;}

A.infoBoxHeaderLink:hover {color: #ffffff; text-decoration: none;}

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 {
  background: #fff;
  margin: 0 auto;
  padding: 10px 0 30px 0;
  position: relative;
  width: 462px;
}

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

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 10px 0 10px 0;
  text-align: center;
}

TD.productListing-data a img { padding-top: 5px;}

A.pageResults { color: #77a0b2;}

A.pageResults:hover { color: #abcbe0;}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #001e2e;
  text-transform: uppercase;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}
TD.pageHeading IMG {display: none;}

TR.subBar { background: #f4f7fd;}

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

TD.main, P.main {
color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 0 10px 0 10px;
}

table#AutoNumber1 tbody tr td.main {color: #000;}
table#AutoNumber1 tbody tr TD.main table tbody tr TD INPUT {margin: 0 0 10px 0;}
table#AutoNumber1 tbody tr TD.main table tbody tr TD { vertical-align: top;}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #001e2e;
  padding: 0 7px 0 10px;
}

TD.smalltext INPUT, FORM table tbody tr TD table.infoBox tbody tr.infoBoxContents TD table tbody tr TD INPUT[alt="Continue"] {background: none;}

TD.smallText2, SPAN.smallText2, P.smallText2 { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #99ACB0;}

.smallText2 {font: 8pt verdana, arial, san serif; color: #99ACB0; text-decoration: none}
.smallText2 A:visited {font: 8pt  verdana, arial,san serif; text-decoration: none; color: #D4E8EF}
.smallText2 A:link {font: 8pt  verdana, arial,san serif; text-decoration: none; color: #D4E8EF}
.smallText2 A:hover {font: 8pt  verdana, arial,san serif; text-decoration: underline; color: #ffffff}


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;
}

TD.category_desc {
	color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  width: 465px;
}

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: 10px;
}

select {border: 1px solid #001e2e;}

input {/*background: url(images/inputbg-redesignHQ.png) repeat-x;*/border: 1px solid #001e2e; margin: 0; padding: 1px; vertical-align: middle;}

input[type="image"] {border: none; padding: 0;}

TEXTAREA {
border: 1px solid #001e2e;
  width: 90%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  margin: 0 0 10px 10px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #24728C;
  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: #005FA9;
}

TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #accce0;
  color: #011e2e;
  padding: 7px;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccFFcc;
}

.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: #79a1b2; }
td.inputRequirement {padding: 0 10px 0 0;}

TD.smallText FONT SMALL B {color: #79a1b2; padding: 0 0 0 10px;}

.infoBoxContents TD.boxText, .infoBoxContents TD.boxText a { font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.infoBoxContents TD.boxText a {margin-bottom:5px;}
.infoBoxContents TD.boxText {width: 120px; padding: 7px 0px 7px 7px;}

/*Joe Added Styles*/

#bottle-pic {background: url(images/bottlehome-redesignHQ.png) no-repeat; /*bottom: -30px; right: 5px;*/ display: block; height: 329px; position: relative;  width: 178px; z-index: 999; margin: -250px 0 -79px 810px;}

#wrapper {padding: 12px 0 0 0;}
#footer-wrapper {background: url(images/site-bottom2-redesignHQ.png) repeat-x; min-height: 286px; padding: 260px 0 0 0; position: relative; width: 100%;}

#content-container {margin: 0 auto -240px auto; position: relative; width: 1000px; z-index: 999;}
#main_content_table {background: url(images/OSCMAX_box_bg-redesignHQ.png) repeat-y; margin: 0 auto; padding: 0 0 7px 0; position: relative; width: 770px;}
#left-column-container {margin: 0; padding: 0 0 0 12px; text-align: left; vertical-align: top; width: 135px;}
html body table#content-container tbody tr td div#wrapper table#main_content_table tbody tr td#center-column-container { background: #fff; margin: 0 0 0 0; padding: 0 0 10px 0; width: 475px; vertical-align: top;}
td#center-column-container form table tbody tr td table tbody tr TD.infoBoxHeading {background: #001e2e;}
#right-column-container {margin: 0 0 0 0; padding: 0 0 0 12px; text-align: left; vertical-align: top;}

#body-top {background: url(images/OSCMAX_top_low-redesignHQ.png) no-repeat; display: block; height: 29px; width: 770px;}
#wrapper-body-bottom {width: 810px; margin: 0 auto; padding: 5px 0 0 0; position: relative;}
#body-bottom-image {background: url(images/body-bottom-redesignHQ.png) no-repeat; display: block; height: 51px; width: 770px; margin: 0 auto; position: relative;}

#site-info {margin: 0 auto; padding: 0 0 0 0; position: relative; width: 770px;}
a#twdw {background: url(images/twdw-tagHQ.png) no-repeat; display: block; height: 54px; margin: 0 100px 0 20px; width: 44px; text-decoration: none; text-indent: -9999px;}
#mandatory-statement {padding: 0; text-align: right;}
h6#tag {background: url(images/bluelala-tagHQ.png) no-repeat; display: block; height: 54px; margin: 0; padding: 0; text-indent: -9999px; width: 148px;}

#home-pic-callout {background: url(images/homepic2-redesignHQ.jpg) no-repeat; display: block; height: 415px; text-decoration: none; text-indent: -9999px; width: 475px; margin: 0 0 -60px 0;}

h6 {font-size: 12px; text-transform: none;}

#popup-content-wrapper {background: #fff; margin: 10px 10px 15px 10px;}
#popup-content-wrapper h2, #popup-content-wrapper td.infoBoxHeading {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #001e2e; text-transform: uppercase; padding: 10px 0 10px 10px; vertical-align: top;}

#popup-content-wrapper h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #25c4e8; text-transform: uppercase; padding: 10px 0 10px 10px; vertical-align: top;}

#popup-content-wrapper p {padding: 0 20px 0 20px;}

#popup-content-wrapper p.smallText {padding: 0 20px 10px 20px;}

/*#content-container, #main_content_table, #left-column-container, html body table#content-container tbody tr td div#wrapper table#main_content_table tbody tr td#center-column-container, #right-column-container {border: 1px solid #f00;}*/