html, body {height: 100%; margin: 0px; margin-bottom: 1px; padding: 0px; background-color: #2ea0b7; background-image: url(../images/background.gif); text-align: center;}

html, body, td, p, div {font-family: Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 18px;}

.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

/*a {color: #016282} */
a {color: #db3002; text-decoration: underline;}
a:hover {color: #00667c; text-decoration: underline;}

img {border: 0px;}

h1 {font-size: 14px; color: #242424; margin: 0px;}
h2 {font-size: 12px; margin-top: 10px; margin-bottom: 3px; color:#015061; }
h3 {font-size: 13px; margin-top: 10px; margin-bottom: 3px; color:#015061; }
ul {list-style-image: url(../images/bullet.gif);}
.orange {color: #f06c3d;}
.start {font-family: Verdana, Arial, Sans-Serif; font-size: 14px; line-height: 18px; font-weight: bold;}
	
td.storePage table td, td.storePage p {font-size: 11px;}
td.sectionHeading {font-weight: bold;}
form{margin: 0px;}
.question {font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #00667c; font-weight: bold;}
.mini {font-family: Verdana, Arial, Sans-Serif; font-size: 9px; line-height: 11px; text-align: center; margin-top: 0px; margin-bottom: 0px;}
.input, input, select {font-family: Verdana, Arial, Sans-Serif; font-size: 11px;}
.prodSub {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #03637c;}
.assets {font-family: Verdana, Arial, Sans-Serif; font-size: 10px; line-height: 12px; margin-top: 0px; margin-bottom: 0px; color: #717171;}
.required {color: red;}

#master {text-align: left; margin: auto; width: 919px; border-left: solid 4px #2f90a1; border-right: solid 4px #2f90a1; background-color: #ffffff;}

#header {background-image: url(../images/header-background.gif); border-bottom: solid 1px #6c6c6c;}

#headerNav {padding: 2px 16px 0px 0px;}
#headerNav, #headerNav a {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #ffffff; text-decoration: none;}
#headerNav ul {margin: 0px; padding: 0px;}
#headerNav ul li {display: inline;}
#headerNav a:hover {color: #cddd7a;}

#interact {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; font-weight: bold; color: #fff; padding: 0 0 0 20px;}
#interact ul {margin: 3px 0 0 0; padding: 0; list-style-type: none;}
#interact ul li {display: inline;}

#headerSearch {padding-right: 16px; font-size: 10px;}
#headerSearch table {background-color: #ffffff;}
#headerSearch table td a {font-size: 10px; color: #005e70; text-decoration: none;}
#headerSearch table td input {font-family: verdana; font-size: 10px; color: #575656;}

#nav {padding-right: 16px; background-color: #ccdd7a;}
#nav table td {padding-left: 35px;}
#nav a {color: #00667c; text-decoration: none; font-weight: bold; font-size: 11px;}
#nav ul {margin: 0px; padding: 0px;}
#nav ul li {display: inline; padding-left: 26px;}
#nav a:hover {color: #ffffff;}

/*#footer {background-color: #2f90a1; background-image: url(../images/footer-background.gif); padding: 22px 16px 6px 50px; border-top: solid 1px #6c6c6c;}*/
#footer {background-color: #2f90a1; background-image: url(../images/footer-background.gif); padding: 22px 16px 6px 20px;}
#footer table td {color: #ccdd7a; font-size: 11px; padding-bottom: 5px;}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {color: #cddd7a;}
#footer ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer ul li {display: inline;}
#footer .copyright {color: #000000; font-size: 10px;}
#footer input {font-family: verdana; font-size: 10px; color: #575656;}

#leftColumn {width: 216px; border-right: solid 1px #6c6c6c; background-color: #ccdd7a; background-image: url(../images/side-background.gif); background-repeat: no-repeat; background-position: right bottom;}

td.leftColumnCustom {padding-bottom: 100px;}
td.leftColumnCustom div {background-color: #62b34f;}

#content {width: 662px; background-color: #ffffff; padding: 10px 20px 20px 20px;}

#storeNav a {color: #ffffff; text-decoration: none;}
#storeNav td a:hover {color: #e5fd17;}
#storeNav {background-color: #62b34f;}
#storeNav td {vertical-align: top;}
#storeNav tr.current {background-color: #50a33e;}
#storeNav a.root {font-weight: bold; line-height: 15px; color: #ffffff; text-decoration: none;}
#storeNav h1 {margin: 0; padding: 5px 0 5px 10px; font-family: Arial, Verdana, Sans-Serif; font-size: 17px;}

#storeNav a.level2 {color: #ffffff; text-decoration: none;}

#productList {background-color: #62b34f;}
#productList a.level2Selected {color: #e5fd17; font-weight: bold;}
#productList a.productSelected {color: #e5fd17;}

div.breadcrumbs {padding-bottom: 5px; font-size: 11px; color: #2e2e2e;}
div.breadcrumbs a {color: #2e2e2e; text-decoration: none;}

#pageTitle {margin-bottom: 10px; padding: 5px 185px 15px 15px; background-color: #ccdd7a; background-image: url(../images/page-title-background.gif); background-position: right top; background-repeat: no-repeat;}
#pageTitle p {font-size: 12px; margin: 5px 0px 0px 0px;}

#pageContent {margin: 15px; width: 500px;}
#pageContent p {margin-top: 0px; font-size: 12px; line-height: 19px;}
#faqContent {margin: 15px; width: 480px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 24px;}
#pageContent2 {margin: 15px; width: 600px;}

table.productList td {vertical-align: top; font-weight: bold; line-height: 13px;}
table.productList img {padding-bottom: 3px;}
table.productList a {color: #016282; text-decoration: none;}

div.pageResultsLinks {font-size: 11px; color: #575656; padding-bottom: 10px;}

#productListPageTitle {margin-bottom: 10px; width: 100%;}
#productListPageTitle p {font-size: 12px; margin: 5px 0px 0px 0px;}
#productListPageTitle td.title {padding: 5px 15px 5px 15px; border-top: solid 3px #cddd7a; vertical-align: top;}
#productListPageTitle td.titleBottom {padding: 0px 15px 0px 15px;  border-bottom: solid 3px #cddd7a; vertical-align: bottom;}
#productListPageTitle table.howto {background-color: #e0ebaf;}
#productListPageTitle table.howto a {font-weight: bold; text-decoration: underline;}

#productListPageTitle.hairZingCategory td {background-color: #e0ebaf; border: 0px;}
#productListPageTitle.hairZingCategory table.howto td {background-color: #f3f7e0;}

#productListPageTitle.hairZingSizeCategory td {font-size: 11px; line-height: 14px; background-color: #e0ebaf; border: 0px;}
#productListPageTitle.hairZingSizeCategory td a.productName {font-size: 11px; line-height: 14px; color: #00667c; font-weight: bold; text-decoration: underline;}
#productListPageTitle.hairZingSizeCategory ul {margin-left: 15px; list-style-image: url(../images/bullet-teal.gif);}
/* Use padding instead of margin for non-IE browsers */
html>body #productListPageTitle.hairZingSizeCategory ul {padding-left: 7px; list-style-image: url(../images/bullet-teal.gif);}
#productListPageTitle.hairZingSizeCategory ul li {margin: 0px; padding: 0px;}
#productListPageTitle.hairZingSizeCategory td {}

#productPriceBox {background-color: #e0ebaf;}
#productPriceBox h1 {font-size: 12px;}
#productPriceBox .emailFriend {font-size: 10px; color: #2e2e2e; text-decoration: none;}
a.viewLarger {font-weight: bold; color: #db3002; text-decoration: none;}

#productDescription {margin-top: 18px; margin-bottom: 18px; border-top: solid 3px #cddd7a; border-bottom: solid 3px #cddd7a; padding: 8px 12px 2px 12px; line-height: 19px;}
#productDescription h1 {margin-bottom: 2px; padding-bottom: 2px;}
#productDescription p {margin-top: 7px; font-size: 12px; line-height: 19px;}

#home td {font-size: 11px;}
#home h1 {font-size: 14px; margin-bottom: 0px;}
#home p {font-size: 12px; line-height: 18px;}

div.storePage {padding: 5px 0px 0px 10px; border-top: solid 3px #cddd7a; width: 500px;}

#productReviews {width: 100%; background-image: url(../images/reviews-background.gif); background-position: right top; background-repeat: no-repeat;}
#productReviews td {vertical-align: top;}
#productReviews td.image {width: 80px; padding: 0px 5px 20px 15px;}
#productReviews td.review {padding: 0px 125px 20px 5px; font-family: Georgia, Times New Roman; font-size: 12px; color: #583609;}
#productReviews a {font-size: 11px;}

table.videoListWrapper {background-color: #e0ebaf;}
table.videoListWrapper td {background-position: right bottom; background-repeat: no-repeat;}
table.videoList {width: 100%;}
table.videoList td, table.videoListWrapper td {vertical-align: top;}
table.videoList td h4 {font-size: 12px; color: #242424; margin: 0px; padding: 0px;}
table.videoList td p {margin: 0px;}
.videoList ul {list-style-image: url(../images/bullet-orange.gif); margin-top: 2px; margin-bottom: 0px;}
.videoList ul li {margin-left: -22px;}
.videoList a {color: #016282;}
.videoList a:hover {color: #db3002;}

.discount {font-weight: bold; color: #db3002;}

div.top {text-align: right;}

/* Home Page */
#homeProducts {width: 744px; padding: 15px 0 0 0;}
#homeProducts .row {padding: 0 0 10px 0;}
#homeProducts .item {float: left; width: 156px; padding: 0 15px;}
#homeProducts .item img {display: block;}
#homeProducts .item .more a {padding: 5px 0 0 0; float: right;}

#homeFooter {padding: 20px 0 10px 0; border-top: solid 1px #6c6c6c; background: #fff;}
#homeFooter .support {width: 270px; float: left; background: url(../images/home/earth.jpg) no-repeat; padding: 5px 0 0 165px; font-size: 13px;}
#homeFooter .support div {background: url(../images/home-flower-top.gif) no-repeat right bottom; padding: 0 0 10px 0;}
#homeFooter .support .green {font-size: 15px; line-height: 20px; color: #188000; padding: 0;}
#homeFooter .support p {padding-left: 20px; margin: 0 0 10px 0;}
#homeFooter .content {float: right; width: 470px; padding: 0 10px 0 0;}
#homeFooter .content h1 {margin: 0 0 10px 0; font-size: 15px;}

table.homePageProducts p {margin: 0;}
table.homePageProducts td {width: 136px; padding: 0px 10px 0px 10px; vertical-align: top;}
table.homePageProducts thead td {padding: 0px 2px 0px 11px; line-height: 15px;}
table.homePageProducts tbody img {display: block; padding: 5px 0px 0 0px;}
table.homePageProducts tfoot td {padding: 0px 2px 0px 18px; font-weight: bold; line-height: 14px;}
table.homePageProducts a.more {display: block; text-align: right; margin: 0 0 5px 0;}

table.homePageProductsSmall td {padding: 0px 0px 20px 10px;}

table.home h1 {font-size: 14px; line-height: 18px; margin: 0px 0px 12px 0px; padding: 0px;}
table.home td {font-size: 11px; line-height: 14px; vertical-align: top;}
table.home p {font-size: 11px; line-height: 14px; margin: 0px 0px 12px 0px; padding: 0px;}

#content table.list td {font-size: 12px; line-height: 18px;}
table.list {width: 100%; margin-bottom: 20px;}
table.list td {padding: 2px 5px 2px 5px; border-bottom: solid 1px #62b34f;}
table.list th {padding: 2px 5px 2px 5px; text-align: left; background-color: #e0ebaf; border-bottom: solid 1px #62b34f;}

table.sizeChart {background: #62b34f;}
table.sizeChart th {background: #e0ebaf; padding: 4px 7px 4px 7px;}
table.sizeChart td {padding: 4px 7px 4px 7px;}

#chat {padding: 0 0 0 20px;}
#chat a {color: #fff;}
#chat a:hover {color: #cddd7a;}

/* OSC */
/*
.moduleRow {background-color: #e0ebaf; padding: 2px;}
.moduleRowSelected {padding: 2px; border: solid 1px #cddd7a; background-color: #f9fbee; font-weight: bold;}
.moduleRowOver {background-color: #f9fbee; padding: 2px;}
*/
.moduleRow {background-color: #ffffff; padding: 2px;}
.moduleRowSelected {padding: 2px; border: solid 1px #cddd7a; background-color: #f9fbee; font-weight: bold;}
.moduleRowOver {background-color: #ebf1ca; padding: 2px;}

td.sectionHeading {padding: 2px; background-color: #e0ebaf;}
div.accountPage {font-size: 11px;}
div.accountPage ul {margin-top: 0px;}
div.accountPage h1, div.checkoutPage h1 {margin-bottom: 20px;}
div.accountPage h1.sectionHeading {font-size: 11px; padding: 2px; background-color: #e0ebaf; margin-bottom: 0px;}
div.accountPage table.backContinue td {padding-top: 20px;}


#shoppingCart {padding-bottom: 20px;}
#shoppingCart td.sectionHeading {font-size: 10px; background-color: #e0ebaf;}
#shoppingCart td.sectionContent {padding: 6px, 0px, 6px, 0px;}
#orderConfirmationPage #shoppingCart td.sectionContent {border-bottom: solid 1px #cccccc;}

.orderTotal .label {font-weight: bold;text-align: right;padding: 0px 10px 5px 0px;}
.orderTotal .value {font-weight: bold;text-align: right;padding: 0px 0px 5px 0px;}
.orderTotal td {padding-bottom: 5px;}

div.messageBox {font-size: 11px; font-weight: bold; color: #ffffff; padding: 4px 20px 4px 20px; margin-bottom: 10px; background-color: #f3693c;}
div.messageBox ul {list-style-type: none; list-style-image: none; padding: 0px;margin: 0px;}