html, body {
    margin: 0;
    padding: 0;        
}   

body {
    background: #fff;
    font-family: Arial;
    font-size: 12px;
    color: #000;
}

a {
    text-decoration: none;
    color: #205e0e;
}

a:hover {
    text-decoration: underline;
}

a img {    
    border: none;    
}

.clear {
    clear: both;
}

table tr {
    vertical-align: top;
}
  
object { 
    outline: none; 
}

form {
    margin: 0;
}

/* Form controls */

input.text, textarea {    
    padding: 1px;
    border: 1px solid #9cb69d;
    background: #e8f1e8;
    
    font-family: Arial;
    font-size: 12px;
}

input.text {
    height: 15px;
    margin-bottom: 1px;    
}

input.button {  
    min-width: 80px;
    border: 1px solid #034c3b;
    background: #034c3b url(../images/button-bg.png) repeat-x 0 0;
        
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #fff; 
}
    
*+html input.button {
    min-width: none;
    width: 80px;
    border: 1px transparent solid !important;
    height: 21px;
    vertical-align: baseline;
}   
      
/* Structure */

#container {
    display: block;
    width: 965px;
    padding: 24px 0 22px;
    margin: 0 auto;
}

/* Header */

#header {
    height: 106px;    
}

#header .logo {
    display: block;
    float: left;
    width: 176px;
    height: 95px;    
}

#header .logo img {
    display: block;
}

#topflashcontainer {
    float: left;
    width: 436px;
    height: 77px;
    margin-top: 6px;
    margin-left: 21px;
}

#topflash {    
    width: 436px;
    height: 77px;
}

#header .topright {
    float: right;
    width: 317px;
    height: 77px;
    margin-top: 6px;
    
    background: #f7fff8 url(../images/topright-bg.png) no-repeat 100% 0;
}

#toprightmenu {
    display: block;
    height: 15px;        
    margin: 0;
    padding: 11px 15px 12px;
    list-style: none;    
}

*+html #toprightmenu { 
    padding-bottom: 10px;
} 

#toprightmenu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    color: #980d3a;
}

#toprightmenu li.separator {
    margin: 0 9px !important;
    color: #3d9e43;
}

#toprightmenu li a {
    color: #3d9e43;
}

#quicksearch {
    height: 20px;
    padding: 9px 15px 9px;
    border-top: 1px dotted #034c3b;
}

#quicksearch input.text {
    width: 200px;
}

/* Center */

#center {
    margin-top: 3px;
    height: 359px;    
}

#centerflash {    
    height: 359px;
}

#centerwhiteline {
    border-width: 0 1px;
    border-style: solid;
    border-color: #3b9c41;
    height: 1px;
    background: #fff;
}

/* Main menu */

#mainmenu {
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    list-style: none;
    
    background: #fff;   
    font-size: 13px;
    color: #fff;
}

#mainmenu li {
    display: block;
    float: left;      
    width: 135px;
    height: 31px;
    margin-right: 1px;
    border-width: 1px;
    border-style: solid;     
}

#mainmenu li.last {
    margin-right: 0;
}

#mainmenu li a {
    display: block;
    height: 16px;
    padding: 6px 0 8px;
    border-top-width: 1px;
    border-top-style: solid;
    
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

#mainmenu li.green {
    border-color: #104000;
}
#mainmenu li.green a {
    border-color: #427f2e;
    background: #175d00;
}
#mainmenu li.green a:hover {
    background: #29820b;
}

#mainmenu li.lightgreen {
    border-color: #034c3b;
}
#mainmenu li.lightgreen a {
    border-color: #0f9877;
    background: #066e55;
}
#mainmenu li.lightgreen a:hover {
    background: #0b8a6b;
}

#mainmenu li.red {
    border-color: #760429;
}
#mainmenu li.red a {
    border-color: #d2215a;
    background: #980d3a;
}
#mainmenu li.red a:hover {
    background: #c42558;
}

#mainmenu li.brown {
    border-color: #4e4306;
}
#mainmenu li.brown a {
    border-color: #998820;
    background: #746615;
}
#mainmenu li.brown a:hover {
    background: #9a881e;
}

#mainmenu li.yellow {
    border-color: #845d01;
}
#mainmenu li.yellow a {
    border-color: #d39c18;
    background: #b68000;
}
#mainmenu li.yellow a:hover {
    background: #cf9a19;
}

#mainmenu li.mediumgreen {
    border-color: #1c4c20;
}
#mainmenu li.mediumgreen a {
    border-color: #4c8750;
    background: #366239;
}
#mainmenu li.mediumgreen a:hover {
    background: #408344;
}

/* Content wrapper */

#contentwrapper {
    padding: 15px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #3b9c41;
    background: #f7fff8 url(../images/contentwrapper-bg.png) no-repeat 100% 0;
}

#contentwrapper .leftcolumn {
    float: left;
    width: 619px;
}

/* Account block */

#contentwrapper .leftcolumn .account {
    height: 43px;
    padding: 11px 10px 10px;
    border: 3px solid #b8e2ba;
    background: #fff;
}               

#contentwrapper .leftcolumn .account .form label {
    display: block;
    float: left;
    margin-right: 21px;
    color: #205e0e;
    font-weight: bold;
}

#contentwrapper .leftcolumn .account .form .left {
    float: left;
    margin-right: 4px;
}

#contentwrapper .leftcolumn .account .form label input.text {
    width: 156px;
    vertical-align: middle;
}

#contentwrapper .leftcolumn .account .form input.button {
    display: block;
    float: right;
}   

#contentwrapper .leftcolumn .account .links {
    margin-top: 8px;
    text-align: right;
}

*+html #contentwrapper .leftcolumn .account .links {
    margin-top: -4px !important;
}

/* Content */

#contentwrapper .leftcolumn .content {
    width: 585px;
    min-height: 212px;
}

*+html #contentwrapper .leftcolumn .content {
    min-height: 225px;
}

#contentwrapper .leftcolumn .content h1 {
    margin: 13px 0 2px;
    font-size: 24px;
    font-weight: normal;
    color: #1b5607;
}

#contentwrapper .leftcolumn .content h1 .pink {
    color: #980d3a;
}

#contentwrapper .leftcolumn .content h2 {
    font-weight: normal;
    color: #1b5607;
}

#contentwrapper .leftcolumn .content p {
    margin: 12px 0;
    line-height: 18px;
}

#contentwrapper .leftcolumn .content a {
    font-weight: bold;
    text-decoration: underline;
}

#contentwrapper .leftcolumn .content a:hover {
    text-decoration: none;
}

/* Right column */

#contentwrapper .rightcolumn {
    float: left;
    margin-left: 13px;
    width: 300px;
}

/* Cart */

#contentwrapper .rightcolumn .cart {        
    height: 64px;
    background: #fff;
    border: 3px solid #b8e2ba;
}

#contentwrapper .rightcolumn .cart h3 {
    margin: 0;
    padding: 5px 13px;  
    border-bottom: 1px dotted #034c3b;  
    font-size: 16px;    
    font-weight: normal;
    color: #1b5607;
}

#contentwrapper .rightcolumn .cart .content {
    padding: 7px 13px;
}

#contentwrapper .rightcolumn .cart .content .items,
#contentwrapper .rightcolumn .cart .content .total {
    float: left;
    width: 59px;    
    padding-top: 2px;
    padding-right: 9px;
    font-weight: bold;
    color: #205e0e;
}

#contentwrapper .rightcolumn .cart .content .total {
    width: 110px;
}

#contentwrapper .rightcolumn .cart .content .items strong,
#contentwrapper .rightcolumn .cart .content .total strong {
    color: #980d3a;
}

#contentwrapper .rightcolumn .cart .content input.button {
    display: block;
    float: left;
}

/* News block */

#contentwrapper .rightcolumn .newsblock {
    margin-top: 16px;
}

#contentwrapper .rightcolumn .newsblock h2 {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: normal;
    color: #980d3a;    
}

#contentwrapper .rightcolumn .newsblock ul.news {
    width: 308px;
    margin: 0;
    padding: 0;
    line-height: 18px;
    list-style: none;
}

#contentwrapper .rightcolumn .newsblock ul.news li {
    margin-bottom: 7px;
}

#contentwrapper .rightcolumn .newsblock ul.news li .date {
    font-weight: bold;
    color: #980d3a;
}

#contentwrapper .rightcolumn .newsblock ul.news li .content a {
    color: #000;
    text-decoration: none;
}

#contentwrapper .rightcolumn .newsblock ul.news li .content a:hover {
    text-decoration: underline;
}

#contentwrapper .rightcolumn .newsblock p.links {
    margin: 12px 0 0;    
}

#contentwrapper .rightcolumn .newsblock p.links a {
    font-weight: bold;
    text-decoration: underline;
}

#contentwrapper .rightcolumn .newsblock p.links a:hover {
    text-decoration: none;
}

/* Categories */

#categories {        
    padding: 0;        
}

#categories .category {    
    width: 298px;
    height: 207px;
    border-width: 1px;
    border-style: solid;
    margin-top: 16px;
}

#categories .hair {
    border-color: #980d3a;
    background: #980d3a url(../images/category-hair.png) no-repeat 0 0;
}

#categories .beauty {
    border-color: #066e55;
    background: #066e55 url(../images/category-beauty.png) no-repeat 0 0;
}

#categories .specials {
    border-color: #746615;
    background: #746615 url(../images/category-specials.png) no-repeat 0 0;
}

#categories .category .form {
    margin: 60px 13px 13px;
}

#categories .category .form select {
    display: block;
    width: 216px;
    margin-bottom: 14px;
    
    font-family: Arial;
    font-size: 12px;
}

*+html #categories .category .form select {
    margin-bottom: 13px;
}

#categories .category .form input.button {
    display: block;
    height: auto;
    width: auto;
    padding: 2px 17px 3px;
    border-width: 1px;
    border-style: solid;
    
    font-family: Arial;
    font-size: 16px;  
    font-weight: normal;  
}

*+html #categories .category .form input.button {
    min-width: none;
    width: 104px;
    padding: 3px 17px 2px;
    border: 1px transparent solid !important;
    text-align: center;
}

#categories .hair .form input.button {
    color: #760026;
    border-color: #720025;
    background: #720025 url(../images/category-hair-buttonbg.png) repeat-x 0 0;
}

#categories .beauty .form input.button {
    color: #004333;
    border-color: #035441;
    background: #035441 url(../images/category-beauty-buttonbg.png) repeat-x 0 0;
}

#categories .specials .form input.button {
    color: #4e4407;
    border-color: #4e4306;
    background: #4e4306 url(../images/category-specials-buttonbg.png) repeat-x 0 0;
}

/* Featured */

#featured {
    height: 209px;
    margin-top: 16px;    
}

#featured a {
    display: block;
    float: left;
    width: 300px;
    height: 209px;
    margin-right: 16px
} 

#featured a.last {
    margin-right: 0;
}

#featured a img {
    display: block;
}

#featured .group {
    float: left;    
    height: 209px;
    overflow: hidden;
    margin-right: 0;
}

#featured .group a {
    float: none; 
    width: 302px;   
    height: 97px;
    margin-bottom: 15px;
    margin-right: 0;
}

/* Logos */

#logos {
    height: 77px;
    margin-top: 2px;
    padding: 5px 0 5px 16px;
    border: 1px solid #42a047;
    background: #fff;
}

#logos .logo {
    display: block;
    float: left;
    margin-right: 12px;
}

#logos .last {
    margin-right: 0 !important;
}

#logos .logo img {
    display: block;
}

/* Footer */

#footer {
    padding: 13px 15px 0;
}

#footer .left {
    float: left;
}

#footer .left h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #1b5607;
}

#footer .left .links {
    float: left;
    margin-right: 10px;
}

#footer .left .links a {
    display: block;
    float: left;
    margin-right: 11px;
}

#footer .right {
    float: right;
    margin-top: 7px;
    line-height: 18px;
    font-size: 11px;
}

#footer .right .menu {
	float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .right .menu li {
    float: left;
}

#footer .right .menu li.separator {
    margin: 0 7px;
}

#footer .right .menu li a {
    color: #000;
}

#footer .right .copyright {
    text-align: right;
}

#footer .right .copyright a {
    font-weight: bold;
    color: #000;
}   

#footer .right .paymentmethods {
	margin: 4px 0 0;
	text-align: right;
}

/* Registration form */

#content p.error {
    color: #980D3A;
    font-size: 12px;    
}

*+html #content input.button {
    width: 120px !important;    
}

#content .registration{
     padding-right: 20px !important;
     padding: 12px 0 12px 20px !important;
     margin: 0 !important;
}

#content .form {
    margin: 12px 0;
    padding: 0; 
    list-style: none;
}

#content .form li {        
    margin: 0;
    padding: 0 0 5px;
}

#content .form li .error {
    padding-left: 145px;
    font-size: 11px;
    color: #980d3a;
}

#content .form li label {
    display: block;
    float: left;
    width: 145px;    
}

#content .form li label.twoline {
    height: 30px;
}

#content .form li label.twoline {
    height: 30px;
}
  
#content .form li label strong { 
    color: #980d3a;
}

#content .form li .field {
    float: left;
}

#content .form li .tip {
    padding-left: 145px;
    width: 250px;
    color: #777;
}

#content .form li input.checkbox {
    margin: 2px 0;
}

#content .form li .text {
    width: 200px;
}

#content .form li.checkbox {
    padding-left: 145px;
}

#content .form li.checkbox label {
    display: inline !important;
    float: none !important;
}     

#content .form li.buttons {
    margin-top: 10px;
    padding-left: 145px;
}

/* Password recovery */

#content .passwordrecovery {
    margin: 0;
    padding: 12px 0 12px 20px;
    list-style: none;
}

#content .passwordrecovery li {    
    margin: 0 0 5px;
}

#content .passwordrecovery li .error {
    font-size: 11px;
    color: #980d3a;  
}

#content .passwordrecovery li .text {
    width: 200px;
}

/* Contact us */

#content .contactus li .text {
    width: 250px;
}

#content .contactus li textarea {
    height: 180px;
}

/* Google maps */

#googlemapscontainer {
    border: 3px solid #B8E2BA;
}

#googlemapscontainer,
#googlemaps {
    width: 612px;
    height: 375px;
}

/* News */

#content .news {
    margin: 12px 0;
    padding: 0 0 0 12px;
    list-style: none;
}

#content .news li {
    margin-bottom: 15px;
}

#content .date {    
    font-weight: bold;
    color: #980d3a;
}

#content .news li h3 {
    margin: 6px 0;
    font-size: 14px;
}

#content .news li h3 a {
    text-decoration: none !important;
}

#content .news li h3 a:hover {
    text-decoration: underline !important;
}

#content .news li p {
    margin: 0 !important;
}

#content .newsimages {
    float: left;
    margin: 14px 12px 0 0;
}

#content .newsimages img {
    display: block;
    border: 1px solid #3b9c41;
    margin: 0 0 5px;
}

/* Products */

#productsgrid h1 {
    margin: 13px 0 2px;
    font-size: 24px;
    font-weight: normal;
    color: #1b5607;
}

#productsgrid h1 .pink,
#productsgrid h1 a.pink  {
    color: #980d3a;
}

#productsgrid h2 {
    font-size: 20px;
    font-weight: normal;
    color: #1b5607;
}                      

#productsgrid .product {
    float: left;
    width: 190px;
    margin: 0 15px 15px 0;    
}

#productsgrid .product .image {
    display: block;
    width: 180px;
    height: 180px;
    padding: 10px;
}

#productsgrid .product .image img {
    display: block;
    width: 180px;
    height: 180px;
}

#productsgrid .product .title {
    display: block;
    height: 15px;
    overflow: hidden;
    text-align: center;
}

#productsgrid .product .price {
    display: block;
    text-align: center;
}

#productsgrid .product .price span {
	color: #666666;
	font-size:10px;
}

#productsgrid .product .buttons {
    display: block;
    text-align: center;
}


#productsgrid .pages {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

#productsgrid .pages a {    
    padding: 0px 7px;    
    line-height: 18px;    
    text-decoration: none;
}

#productsgrid .pages a:hover {
    text-decoration: underline;
}

#productsgrid .pages span {   
    margin: 0px 5px;
}

#productsgrid .pages span.now {
    color: #777;
}

#productsgrid .pages span.off {
    color: #777;
}

/* Category accordion */

#categoryaccordion {
    display: block;
    padding-top: 13px;
    height: 250px;
    overflow: hidden;
}

#categoryaccordion a {
    display: block;
    margin: 0;    
    font-size: 24px;
    font-weight: normal;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
}

#categoryaccordion a:hover,
#categoryaccordion a.ui-state-active {
    color: #980d3a;
}

#categoryaccordion .category {
    overflow: hidden;    
    padding: 8px 0 1px;
}

#categoryaccordion .category select {
    display: block;
    width: 216px;
    margin-bottom: 14px; 
    font-family: Arial;
    font-size: 12px;
}

/* Product details */

#productdetails h1 {    
    font-size: 24px;
    font-weight: normal;
    color: #1b5607;
}

#productdetails h1 .pink {
    color: #980d3a;
}

#productdetails .images {
    float: left;
    margin: 0 10px 10px 0;
}

#productdetails .info .description {
	overflow: hidden;
}

#productdetails .info .text {
    width: 30px;
}

#productdetails .info .price span {
	color: #666;
}

#productdetails .info .price a {
	color: #980D3A;
}

/* Content flash */

#contentflashcontent {
    margin-top: 16px;
    width: 618px;
    height: 209px;
}

#contentflash {    
    width: 618px;
    height: 209px;    
}

/* Cart contents */

#cartcontents {
    margin-top: 12px;
    width: 100%;
}

#confirmorder #cartcontents {
    margin-top: 0 !important;
}

#cartcontents th {
    padding: 6px;
    font-weight: normal;
}

#cartcontents th.description {
    text-align: left;
}

#cartcontents tr.header,
#cartcontents tr.subtotal {
    background-color: #e7f7e9;
    white-space: nowrap;
}

#cartcontents tr.summary td.label {
    text-align: left;
    font-weight: bold;
}

#cartcontents tr.row0 th,
#cartcontents tr.row0 td {
    background-color: #fff;
}

#cartcontents td {
    padding: 6px;
    vertical-align: top;
}

#cartcontents td h4,
#cartcontents td p {
    margin: 0 !important;
}

#cartcontents td.image a img {
    display: block;
}

#cartcontents td.description {
    padding-left: 0;
}

#cartcontents td.delete, 
#cartcontents td.quantity {
    text-align: center;
}

#cartcontents td.price {
    white-space: nowrap;
    text-align: right;
}

#cartcontents td.quantity input.text {
    width: 30px;
}

#cartcontents td.buttons {
    padding: 8px 0;
    text-align: right;
}

/* Address selection */

#content .addressselecttable .buttons {
    text-align: left; 
}  

#content .addressselect {
    margin: 0 0 12px;
    padding: 0;
}

#content .addressselect li {    
    display: block;
    margin-top: 12px;
}
  
#content .addressselect li .radiobutton {
    text-align: center;   
    width: 50px;
    float: left;
}

#content .addressselect li label {
    margin-left: 12px;            
    float: left;
} 

/* Confirm order */

#confirmorder .addresses p {
    margin: 0 !important;
    line-height: 19px;
}

#confirmorder .buttons td {
    padding-top: 5px;
    text-align: right;    
}

/* Account info */

#accountinfo {
    width: 100%;
}

#accountinfo .info {
    min-width: 270px;
    padding-right: 20px;
}

/* Orders list */

#content .orders {
    width: 600px;
}

#content .orders th {
    padding: 4px;
    font-weight: normal;
}

#content .orders td {        
    text-align: center;
}

#content .orders td.price {        
    padding-right: 6px;
    text-align: right;
}

#content .orders tr.row0 th,
#content .orders tr.row0 td {
    background-color: #e7f7e9;
}

#content .orders td {
    vertical-align: middle;
}

#content .orders a {
    font-weight: normal !important;
}

/* Add */

#content .addressbook {
    margin: 12px 0;
    padding: 0 0 0 12px;
}

#content .addressbook li {
    display: block;
    margin-bottom: 12px;
    list-style: none;
}

#content .addressbook li .address, 
#content .addressbook li .actions {
    float: left;
}

#content .addressbook li .address {
    width: 200px;
}

/* Site Map */
#content ul.sitemap {
    padding: 0 0 0 35px;
    margin: 12px 0;
}

#content .sitemap ul {
    padding: 0 0 0 25px;
    margin: 0;
}

#contentwrapper .leftcolumn .content .sitemap a {
    font-weight: normal;
    text-decoration: none;
}

#contentwrapper .leftcolumn .content .sitemap a:hover {
    text-decoration: underline;
}

#footer .smalllinks {
	margin-top: 8px;
	font-size: 10px;
	text-align: center;
}

#footer .smalllinks p {
	margin: 0 0 6px;
}

#footer .smalllinks a {
	color: #000000;
}