/* reset */
body, div, img, p, span, a, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, label, input, button, textarea, select, table, tr, th, td {margin:0; padding:0; border:0; outline:0}
body, input, textarea           {font:12px/18px Arial, Helvetica, sans-serif; font-weight:normal; color:#777}
button,fieldset,img     {border:none}
ol, ul            {margin-left:20px}

a      {text-decoration:underline; color:#777777}
textarea   {resize:none} //Turn off safari resize textarea
a          {text-decoration:underline}
a:hover    {color:#777777}
a, button  {cursor:pointer}
#footer a, .product_list li a  {text-decoration:none}

/* Misc. */
.replace span  {position:absolute; left:-999em}
.clear      {clear:both}
.defaultText  {color:#777}
.defaultTextPay  {color:#777; width: 250px;}
.clientText    {color:#333}
.wrapper    {width:869px; position:relative; margin:0 auto}
.column      {position:relative}
.field {width: 280px;}
.left, .middle  {float:left}
.right      {float:right}
.fluid      {width:100%}
.absolute    {position:absolute}
.aLeft      {left:0}
.aRight      {right:0}    
.aTop      {top:0}
.aBottom    {bottom:0}
.reversedText  {color:#fff}
.error      {color:#bb0000}
.success    {color:#16bb00}
.small      {font-size:10px}
.no_bullets, .no_bullets ul  {list-style:none; margin:0}

/* Headings & paragraphs */
h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover  {color:#40553D}
h1      {font-size:24px; line-height:28px; font-style:italic; font-weight:normal; margin-bottom:20px; letter-spacing:2px}
h2      {font-size:20px; line-height:26px}
h3      {font-size:14px; line-height:18px; text-transform:uppercase; font-weight:bold; color:#65955b}
h4      {font-size:14px; line-height:18px; font-weight:normal; color:#65955b}
h5      {font-size:18px; line-height:22px; font-style:italic}
h6      {font-size:12px; line-height:20px; color:#b4d5ae}

.side_by_side_products h5  {margin-bottom:15px}

p        {margin-bottom:10px}
p.welcome, p.welcome a  {color:#65955B; text-align:right; font-size:12px; margin-bottom: 3px;}

/* General Layout */
body    {background-color: rgb(80, 103, 77); url(../images/bg.jpg) top center repeat-y}
.header    {width:869px; height:240px; background:url(../images/bg_header.png); margin-top:20px}
#content  {background:#fff url(../images/bg_content.png) top left repeat-y; z-index:999; position:relative; width:869px}
#footer   {width:869px; padding-top:84px; background:url(../images/bg_footer.png) top no-repeat}

#content>.left.column     {width:187px}
#content>.middle.column   {padding:20px 60px 0 59px; width:385px; min-height:665px}
#content .right.column    {width:166px; padding-right:12px}

#content > .wide.middle.column  {width:561px; padding-right:45px}

/* Specific divisions */
.wrapper .overlap  {width:106px; height:423px; background:url(../images/overlap.png); top:160px; left:-55px; z-index:9999}
a.login    {display:block; width:166px; height:30px; background:url(../images/btn_login_register.jpg); margin-bottom:20px}
ul.breadcrumbs {list-style:none; margin:0; font-size:10px; margin-bottom:15px}
.breadcrumbs li  {display:inline; padding:0 2px}
.breadcrumbs li, .breadcrumbs a   {color:#65955b; text-transform:uppercase; font-weight:bold}

/* Products menu */
ul.products        {background:url(../images/products_new.jpg); width:166px; height:273px; margin:0 0 20px 0}
ul.products  li      {display:block; width:166px; height:47px; margin-bottom:9px}
ul.products  li.vivant  {margin-bottom:10px}
ul.products  li.stuff  {height:46px; margin-bottom:11px}
ul.products li.genetix  {height:48px}
ul.products li.argent  {height:48px}

/* Shopping bag area */
.shopping_bag    {background:url('../images/shopping_bag.jpg'); width:136px; height:58px; padding:25px 15px 20px 15px; margin-bottom:20px}
.shopping_bag p    {text-align:right; font-size:10px; line-height:14px; margin-bottom:15px}
.shopping_bag a    {display:block; float:right; margin-bottom: 15px;}

a.cart        {background:url('../images/btn_cart.jpg') left top; width:67px; height:23px; margin-right:5px; }
a.cart:hover    {background-position:left bottom}
a.checkout      {background:url('../images/btn_cart.jpg') right top; width:64px; height:23px;}
a.checkout:hover  {background-position:right bottom}

/* Feature Product */
.featured    {background:url(../images/featured.jpg); width:106px; height:210px; padding:64px 30px 0 30px; text-align:center}
.featured a    {margin: 10px auto 0 auto}
.featured h3, .featured p  {margin-top:-15px}

/* Sign up or register forms */

input  {height:18px}

.signup_columns input  {background:none; width:96%; text-indent:5px; color:#777777}
a.sign_in        {background:url(../images/btn_sign_in.png); width:60px; height:22px; display:block}
a.sign_in:hover  {background-position:0 -22px}

.wide .column.left  {width:210px; padding-right:50px}

#content .wide .column.right  {width:285px; float:right; padding-right:0px}
#content .wide .column.right .border  {border-left:1px solid #65955b; padding:0 0 0 50px}
.signup_columns .column.right input {width:105px}
.signup_columns .column.right input.email  {width:147px}
.signup_columns .column.right h1  {padding-left:50px}

a.register        {background:url(../images/btn_register.png); width:73px; height:22px; display:block; float:right}
a.register:hover  {background-position:0 -22px}

.signup_columns   {margin-bottom:25px}

.register_business h5  {color:#777777; margin:15px 0 10px 0}
.register_business input  {text-indent:5px; margin-right:10px; height:18px}
.register_business input.checkbox  {margin-right:10px}
.register_business select  {margin-right:5px; min-width:73px}
.register_business .wider input {width:210px}
.register_business .postcode input {width:66px}
.register_business p.checkbox input {border:none}
.register_business input.minimal  {width:128px}
.register_form_wrap form p  {height:24px}

#checkout_page input {padding:1% 0; text-indent:5px; width:189px}
#checkout_page select {width:190px}
#checkout_page #first_name, #checkout_page #company, #checkout_page #country  {}
#checkout_page textarea#street_address {width:377px; margin:0}

#checkout_page .col  {margin-top:15px}
.field.checkbox div  {width:20px; float:left}
#checkout_page .field.checkbox input  {width:auto}
#checkout_page ul.form  {margin:0}

/* Products display */

.product_list     {list-style:none}
.product_list li  {background:url(../images/bg_product.jpg) 0 10px; height:auto; width:auto; float:left; position:relative; margin-bottom:20px; width:120px; height:143px; padding:20px 10px 0px 30px}
.prod_thumb  {position:absolute; left:-25px; top:0px}

.product_list h4  {margin-bottom:5px; line-height:16px}
.product_list p   {line-height:14px}
h3.prod_price, h3.prod_price:hover  {color:#777777; font-weight:bold; margin-bottom:10px}
.product_list input        {display:block; width:69px; height:22px; border:none; text-indent:-9999em; overflow:hidden; background:url(../images/btn_buy_now.png)}
.product_list input:hover  {background-position:bottom; cursor:pointer}
.pagination  {clear:both; position:absolute; bottom:-25px; right:65px; padding-right:100px; }
.main_image  {float:left}

.product_details strong  {color:#40553D}
.product_details .price  {color:#40553D; font-size:16px; font-style:italic; padding:20px 0}
.product_details .price span  {color:#777777}

.featured_thumb, .featured_thumb img  {max-height:105px; max-width:105px, text-align:center}
div.featured_thumb  {margin:0 auto; position:absolute; bottom:0px; left:0; right:0; text-align:center}
.featured_img  {position:relative; height:105px}
.featured_text  {padding-top:15px}

/* Footer SEO links */

#footer ul      {float:none; text-align:center; width:590px; margin:10px auto; list-style:none}
#footer ul li   {display:block; float:left; color:#eeeeee}
#footer ul li a {padding:0 10px}
#footer ul.seo  {float:left; width:289px; border-right:1px solid #b4d5ae}

#footer ul.seo li     {display:block; color:#b4d5ae; padding:0; float:none}
#footer ul.seo li a   {color:#b4d5ae; padding:0}
#footer ul.seo.last   {border:none}

#footer a    {color:#ffffff}

/* Navigation menu */
ul#nav     {width:187px; margin:0; list-style:none; float:right}
#nav li   {display:block; text-align:center; width:187px; min-height:39px}
#nav li a  {display:block; width:147px; height:39px; background:url(../images/menu.jpg); color:#777777; font: 12px/39px Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none; text-align:left; padding-left:40px; font-weight:normal; text-transform:capitalize;}
#nav li a:hover, #nav li a.page_active, #nav li a.active, #nav ul li a.page_active:hover, #nav ul li a.active:hover, ul#nav li.products ul li.current a    {background-position:0 -39px; color:#567a59; font-weight:bold;}

/* Navigation sub menu */
#nav ul       {list-style:none; margin:0; display:none; clear:both; padding-left:10px;}
#nav ul li a  {background:none; font-weight:normal}
#nav ul li a.active:hover { font-weight:bold;}
#nav ul li a.active {color:#777777; font-weight:normal;}
#nav ul li.current, #nav ul li:hover {background:#FFF}


/* Category right sidebar */

.products li a    {display:block; width:100%; height:100%}

/* Forms */
input, textarea   {border:1px solid #65955b; padding:2px 3px}
select {border: 1px solid #65955B;}
button.submit     {background:url(../images/btn_submit.png); width:72px; height:22px; display:block}
button.submit:hover   {background-position:bottom}

.search           {float:right; clear:both; padding:30px 12px 0 0}
.search input     {display:block; float:left; border:1px solid #AAC9A9; width:110px; height:16px; padding:2px 3px; margin-right:5px}
.search button    {display:block; float:left; width:38px; height:23px; background:url(../images/btn_go.png)}
.search button:hover  {background-position:bottom}

/* Cart */

.simple_table    {margin-top:20px; width:100%}
.simple_table th, .simple_table td { padding:5px 0}
.simple_table td        {border-top:1px solid #dddddd; padding:15px 0 5px 0; text-align:center}
.simple_table .product_image       {margin:0 auto; display:block}
.cart_control.last      {position:relative}
.cart_control.last img  {width:14px; height:14px; position:absolute; right:-20px; top:1px}

.simple_table.totals    {width:auto; float:right}
.simple_table.totals td, .simple_table.totals th {padding:5px; border-top:1px solid #dddddd}

.scoreboard    {list-style:none; margin:25px 0 30px 0; float:right;}
/*.scoreboard li {min-width:250px; text-align:right}*/
.scoreboard li {text-align:right}
.scoreboard p  {display:block} 

.scoreboard-pay    {list-style:none; clear: both; overflow: auto; margin-left: 0; margin-bottom: 10px;}
.scoreboard-pay li {text-align:right; float: left; padding-right: 10px; margin-right: 1em; border-right: 1px solid #CCCCCC;}
.scoreboard-pay p  {display:block; font: bold 16px Arial,Helvetica,sans-serif;} 

.bottom_offset .scoreboard-pay li {text-align:left}
.bottom_offset .scoreboard-pay li.last {border: none;}

div.checkout_block   {background-color:#fafafa; padding:10px 5px; border-top:1px solid #dddddd}
div.checkout_block input  {width:66px; background-color:#ffffff;}
button.checkout_btn  {background:url(../images/btn_cart.png) top right; width:64px; height:22px}
button.checkout_btn:hover  {background-position:bottom right}
button.apply_btn     {background:url(../images/btn_cart.png) top left; width:86px; height:22px; margin-right:10px}
button.apply_btn:hover  {background-position:bottom left}

/* Checkout */

ul.form      {margin-left:0px}
ul.form li   {list-style:none; display:block;}


/* Anchors */
a.more        {display:block; width:50px; height:30px; line-height:50px; text-align:center; background:url(../images/more.jpg)}
a.more:hover  {background-position:0px -30px}

.buy_now        {display:block; width:69px; height:22px; background:url(../images/btn_buy_now.png)}
.buy_now:hover  {background-position:bottom}

a.prod_range        {display:block; width:167px; height:22px; background:url(../images/btn_prod_range.jpg); text-indent:-999em; overflow:hidden}
a.prod_range:hover  {background-position:bottom}

a.submit        {display:block; width:72px; height:22px; background:url(../images/btn_submit.png) top; margin-top:15px}
a.submit:hover  {background-position:bottom}

a.order_list        {display:block; width:141px; height:22px; background:url(../images/btn_order_list.png); float:right}
a.order_list:hover  {background-position:bottom}

a.pay        {display:block; width:38px; height:22px; background:url(../images/btn_pay.png); float:right; margin-left:10px}
a.pay:hover  {background-position:bottom}

button.next        {width:69px; height:22px; background:url(../images/btn_next_prev.png) top left; margin:20px 0}
button.next:hover  {background-position: bottom left}

button.place_order  {width:138px; height:22px; background:url(../images/btn_place_order.png) top}
button.place_order.hover  {background:position:bottom}

#write_review        {width:113px; height:22px; background:url(../images/btn_review.jpg) right top}
#write_review:hover  {background-position:right bottom}

.read_review        {width:103px; height:22px; background:url(../images/btn_review.jpg) left top}
.read_review:hover  {background-position:left bottom}


ul.progress {margin:0; width:375px; background:url('../images/checkout_nav.jpg'); height:40px; list-style:none; margin-bottom:25px}
ul.progress li  {width:62px; display:block; height:40px; float:left}

ul.progress li.billing.information  {width:71px}
ul.progress li.pay {width:55px}

ul.progress.billing_info  {background:url('../images/checkout_nav.jpg') left -40px}
ul.progress.shipping_info  {background:url('../images/checkout_nav.jpg') left -80px}
ul.progress.shipping_method  {background:url('../images/checkout_nav.jpg') left -120px}
ul.progress.payment_method  {background:url('../images/checkout_nav.jpg') left -160px}
ul.progress.review  {background:url('../images/checkout_nav.jpg') left -200px}
ul.progress.pay  {background:url('../images/checkout_nav.jpg') left -240px}

.order_status span  {width:75%; height:100%; margin-left:25%; display:block}

.white  {position:absolute; height:100%; width:100%; background:url(../images/bg_content.jpg) repeat-y; left:0; top:0; bottom:0}

#pricelist li a  {color:#40553D}
#deals li a      {width:100%; height:100%; display:block; color:#40553D; font-size:16px; line-height:102px}
#deals h5        {font-weight:normal; padding-top:15px}
#deals p         {padding-top:10px}
#product_page    {width:232px; float:right; margin-bottom:20px}

#badge_genetix            {width:168px; height:83px; position:relative; overflow:hidden}
#badge_genetix #badge     {position:relative; z-index:11}
#badge_genetix #reminder  {position:absolute; z-index:9; left:-20px; top:7px; padding:15px 0 10px 20px; font-size:10px; line-height:11px; background:url('../images/badge_genetix_reminder.jpg'); width:75px; height:41px}
.options_left   {width:90px; float:left}
.options_right  {width:132px; float:right}

div.write_review  {display:none}
div.write_review textarea  {width:100%; height:100px; margin-bottom:15px}
div.review_wrap      {padding-top:15px}
div.product_reviews  {background:url('../images/bg_review.jpg') repeat-y right}
div.product_reviews div.top      {background:url('../images/bg_review_top.jpg') no-repeat right; height:10px}
div.product_reviews div.bottom   {background:url('../images/bg_review_bottom.jpg') no-repeat right; height:10px}
div.individual_review p          {margin-top:10px; padding-right:15px}
div.individual_review p.name     {margin-top:5px; font-style:italic; text-align:right; font-weight:bold}