/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, apress, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, p, ol, ul, li,

fieldset, form, label, legend

{

    border: 0;

    font-family: inherit;

    font-style: inherit;

    line-height: normal;                

    margin: 0;

    outline: 0;     

    padding: 0;

}

body 

{

	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	margin:0; 

}

.clearFloat

{

    clear: both;

}

h1

{

    color: #00387e;

    font-size: 38px;

    font-weight: bold;

    line-height: 38px;
	
	padding-bottom:10px;

}

h2

{

    color: #F90;

    font-size: 20px;

    font-weight: bold;

    line-height: 28px;

}

#page_wrapper

{

    margin: 0px auto 0px auto;

    clear: both;

}


.topBackground1

{

    background-image: url('/assets/images/bp_header_background.jpg');

    background-repeat: repeat-x;
	
}

.topBackground2

{

    background-image: url('/assets/images/bp_header_background2.jpg');

    background-repeat: no-repeat;

}

.topBackground3

{

    background-image: url('/assets/images/bp_header_background3.jpg');

    background-repeat: no-repeat;

}

.topBackground4

{

    background-image: url('/assets/images/bp_header_background4.jpg');

    background-repeat: no-repeat;

}

#header

{

    margin-left: auto; 

    margin-right: auto;

    width: 950px;

    height: 122px;

    background-image: url('/assets/images/bp_top_banner.png');

    background-repeat: no-repeat;

    z-index: 100px; 

}

#login_panel

{

    float: left;

    margin-left: 310px;

    width: 640px;

    color: #ffffff;

    font-weight: bold;

    font-size: 12px;

    margin-top: 2px;

    margin-bottom: 50px;  

}

#login_panel a, #login_panel a:visited, #login_panel a:active
{

    color: #ffffff;

    text-decoration: underline;

}

#login_panel a:hover
{

    color: #F90;
	text-decoration: underline;

}

#shopping_cart

{

    float: left;

    width: 300px;

    margin-top: 8px;

}

#login

{

    width: 330px;
	
	text-align:right;

    float: left;

    height: 20px;

    padding-top: 8px;

    margin-left: 5px;

}

#login_name

{

    width: 275px;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

}

#menu

{
    margin-left: 250px;
}

#content

{

    margin-left: auto; 

    margin-right: auto;

    /*margin-top: 125px;*/

    margin-bottom: 10px;

    padding-top: 25px;

    padding-bottom: 0px;

    width: 980px;

}

#middle_picture_placeholder

{

    margin-left: auto; 

    margin-right: auto;

    width: 950px;

    height: 127px;

    text-align: center;

}

.white_background

{

    background-image: url('/assets/images/bp_middle_background_white.png');

    background-repeat: no-repeat;

    min-height: 500px;

}

.strip_background

{

    background-image: url('/assets/images/bp_middle_background_strip.png');

    background-repeat: no-repeat;

    min-height: 600px;

}

#content .callUp

{

    color: #00387e;

    font-size: 11px;

    font-weight: bold;

}

#content p, #content label

{

    color: #000;

    font-size: 12px;

    line-height: 13px;

}

#content p

{

    padding-bottom: 15px;    

}

#content_left

{

    width: 300px;

    padding: 10px;

    float: left;

    padding-left: 20px;

}


#content_center

{

    width: 360px;

    padding: 10px 20px 0px 10px;

    float: left;

}

#content_right

{

    width: 230px;

    float: right;
	
	border-left: 1px dotted #CCC;
	
	padding-left: 3px;

}

#content_center #imgGuaranteeSatisfaction

{

    left: 40px;

    top: -60px;

    position: relative;

}

#content_center #btnLearnMore

{

    left: 0px;

    top: -65px;

    position: relative;

}

#content_center #bottom_center_content

{

    top: -45px;

    position: relative;

}

#content_center #top_center_content img, #content_center #bottom_center_content img

{

    margin-bottom: 10px;

}

#content_right img

{

    margin-top: 10px;

    margin-bottom: 10px;

}

#content_right p

{

   color: #00387e;

   font-size: 12px;

   padding: 0;    

}

#content_right #frmSubscription

{

    margin-left: 7px;

    margin-top: 10px;

}

#content_right #frmSubscription ul

{

    list-style-type: none;

    margin-top: 5px;    

}

#content_right #frmSubscription ul li

{

    padding-bottom: 2px;

    line-height: 12px;

}

#content_right #frmSubscription #txtName, #content_right #frmSubscription #txtEmail

{

    clear: both;

    width: 180px;

    height: 13px;

    font-size: 12px; 

    color: #343a43;   

}

#body_left

{

    width: 700px;

    float: left;

    padding-left: 30px;

    padding-right: 5px;

}

#body_left h2

{

    color: #F90;

    margin-bottom: 5px;

}

#body_left img

{

    margin-top: 10px;

}

#body_left p

{

    padding: 10px 0px 0px 0px;

}

#footer_container

{

    background-image: url('/assets/images/bp_footer_background.gif');

    background-repeat: repeat-x;

    border-top: 1px solid #dadada;

    margin-top: 30px;

}

#footer

{

    height: 80px;

    margin: 0px auto 0px auto;

    width: 950px;

}

#footer p, #footer a

{

    color: #787c82;

    font-size: 11px;

}

#footer a

{

    text-decoration: none;

}

#footer a:hover

{

    text-decoration: underline;

}

#footer #footer_left

{

    float: left;

    margin-top: 15px;

    width: 730px;

}

#footer #footer_right

{

    float: left;

    width: 200px;

    margin-top: 5px;

}



/****************************************** Product List Page ************************************/

#list_top

{

    float: left;

    margin-left: 40px;

    margin-top: 5px;

    margin-bottom: 10px;

}

#list_top #list_top_left

{

    width: 400px;

    float: left;

}

#list_top #list_top_right

{

    width: 500px;

    float: left;

    text-align: right;

    padding: 5px 0px 0px 0px;

}

#list_top_bottom

{

    padding-top: 15px;

    clear: both;

}

#list_top_bottom #list_top_bottom_left

{

    width: 250px;

    float: left;    

}

#list_top_bottom #list_top_bottom_right

{

    width: 250px;

    float: left;    

}

#list_top h2

{

    margin-bottom: 10px;

}

#list_top p

{

    padding: 0;

    color: #343a43;

}

#list_top #list_top_right p

{

    color: #00387e;   

}

#list_top #list_top_right a

{

    color: #00387e;

    font-weight: bold;

    text-decoration: none;        

}

#list_top #list_top_right a:hover

{

    text-decoration: underline;

}

#list_top .instruction

{

    font-size: 12px;

    font-weight: bold;

}

#list_top .orange

{

    color: #ee7f01;

}

#list_top #list_top_right img

{

    margin-top: 18px;

}

#list_top_bottom #list_top_bottom_left p

{

    font-weight: bold;

}

#list_top_bottom #list_top_bottom_right p

{

    color: #00387e;

}

#product_list

{

    border-collapse: collapse;

    border: 0px;

    width: 92%;

    margin-left: 40px;

}

#product_list tr td

{

    vertical-align: top;

    border-top: 1px solid #d6dae0;

    border-bottom: 1px solid #d6dae0;

}

#product_list td.product_image

{

    width: 80px;

    padding: 5px 0px 5px 0px;

}

#product_list td.product_description

{

    width: 300px;

    padding-top: 20px;

}

#product_list td.product_price

{

    width: 160px;

    padding-top: 16px;

}

#product_list td.product_select

{

    width: 160px;

    padding-top: 20px;

}

#product_list td.product_select select

{

    font-size: 12px;

    color: #343a43;

}

#product_list .price

{

    font-weight: bold;

    font-size: 22px;

    color: #00387e;

}

#product_list .itemPrice

{

    font-size: 12px;

    font-weight: bold;

    color: #00387e;   

}

#product_list label

{

    font-weight: bolder;

    color: #343a43;

}

#product_list p

{

    color: #343a43;    

}

#list_bottom

{

    margin: 10px 0px 20px 30px;

    padding-left: 75px;

}

#list_bottom_top_left

{

    width: 300px;

    float: left;

}

#list_bottom_top_left p

{

     color: #00387e;    

}

#list_bottom_top_right

{

    width: 200px;

    float: right;

    padding-right: 30px;

    text-align: right;

}

#list_bottom #list_bottom_bottom

{

    clear: both;

    padding-top: 20px;

    padding-right: 30px;

    text-align: right;

}

#list_bottom #list_bottom_bottom a

{

    margin-left: 10px;

}

    

    



/****************************************** Capsule Varieties Page ************************************/

#capsule_varieties_top

{

    margin: 10px 10px 10px 32px;
	padding:10px;

}

#capsule_varieties_top h2

{

    color: #F90;
    margin-bottom: 10px;

}

#capsule_varieties_top p

{

    padding: 0;
    color: #343a43;

}

#capsule_varieties
{
    border-collapse: collapse;
    border: 0px;
    width: 92%;
    margin-left: 28px;
}

#capsule_varieties tr td
{
    width: 220px;
    padding: 10px 15px 10px 15px;
    vertical-align: top;
}
#capsule_varieties tr.rowImages td
{
    padding-top: 15px;
}
#capsule_varieties h4
{
    font-size: 13px;
    font-weight: bold;
    color: #00387e;
    padding-bottom: 5px;
}
.capsule_descriptions
{
    background-image: url('../images/bp_middle_background_small.jpg');
    background-repeat: no-repeat;
}
#capsule_varieties .title
{
    font-weight: bold;
    font-size: 12px;
    color: #343a43;
}
#capsule_varieties p
{
    font-size: 12px;
    color: #343a43;
    line-height: 12px;    
}
#capsule_varieties .rate
{
    padding: 10px 0px 10px 0px;
    clear: both;
}
#capsule_varieties .rate img
{
    float: left;
}
#capsule_varieties .description
{
    padding: 5px 0 5px 0;
	margin: 5px 0px 5px 0px;
    border-bottom: 1px solid #00387e;
    clear: both;
}
#capsule_varieties .rating
{
    height: 55px;
}
#capsule_varieties .short
{
    height: 30px;
}
#capsule_varieties .noBottomBorder
{
    border: 0px;
}
/******************************************************** Button **********************************************************/

.button {

    font-size: 12px;

	display: inline-block;

	min-height: 12px;

	height: auto !important;

	height: 10px;

	border: 1px #999ea6 solid;

	color: #ffffff;

	font-weight: bold;

	text-decoration: none;

	padding: 3px 5px 3px 16px;

	background-image: url('/assets/images/buttons/control_button_icon.gif');

	background-repeat: no-repeat;

	background-position: 5px center;

	background-color: #999ea6;

	cursor: default;

}

.button:hover {

	background-image: url('/assets/images/buttons/control_button_icon_hover.gif');

	background-color: #ee7f01;

	border: 1px #ee7f01 solid;

}


.gallerycontent

{

    width: 500px;

    height: 400px;

    float: left;

    margin-top: 20px;

    padding-top: 0px;

    margin-bottom: 15px;

    margin-right: 15px;

    text-align: center;

    border: 1px solid #b6b7b8;

}

.gallerycontent a

{

    text-decoration: none;

}

ul.thumbs

{

    list-style-type: none;

    margin-top: 15px;

}

ul.thumbs li

{

    width: 50px;

    height: 50px;

    float: left;

    margin: 5px;

    border: 1px solid #b6b7b8;

}

ul.thumbs li a img

{

    margin-top: 0px !important;

}

ul.thumbs li.selected

{

    border: 1px solid #023986;

}

.ss-controls

{

    width: 120px;

    float: left

}

.nav-controls

{

    width: 200px;

    float: left;

    text-align: right;

    margin-top: -35px;

}

.ss-controls a, .nav-controls a

{

    margin-right: 20px;

}

.ss-controls .play, .ss-controls .pause

{

    font-size: 14px;

    font-weight: bold;

    color: #787c82;    

}

.nav-controls .prev, .nav-controls .next

{

    font-size: 14px;

    font-weight: bold;

    color: #787c82;

}

.nav-controls .prev

{

    position: relative;

    top: 205px;

    left: -110px;   

}

.nav-controls .next

{

    position: relative;

    top: 215px;

    left: 300px;   

}

/*li#mnuCoffeeMachine ul#mnuSubCoffeeMachine { display: none; }

li#mnuCoffeeMachine:hover ul#mnuSubCoffeeMachine { display: block; }*/


#divRotate
{
   position: relative;
}

   #divRotate #imgRotate
   {
      margin-left: 100px;
   }

    


/* ----------------- Neto Styles ---------------- */


/* Image Box */

UL.image_box {margin:0; padding:0; list-style-type:none;}
UL.image_box LI { margin:0; float:left; padding:4px; margin: 4px; border: solid #CCC 1px;}

/* List or Table Headers */

.tableheader {
color: #000;
font-weight: bold;
font-size: 16px;
border-bottom: 2px solid #CCC;
margin-bottom:4px;
}

/* Bullet Point Lists */

.listheader {
color: #000;
font-weight: bold;
font-size: 16px;
}


#list
{
margin-left: 0;
padding-left: 10px;
list-style: none;
}

#list li
{
padding-left: 18px;
padding-bottom: 5px;
background-image: url(/assets/bullet.gif);
background-repeat: no-repeat;
}

div.spacer
{
clear:both; 
height:8px; 
display:block; 
line-height:1px;
}

.breadcrumb {font-size:12px; text-decoration: none;}
.breadcrumb a:link {font-size:12px; text-decoration: none;}
.breadcrumb a:visited {font-size:12px; text-decoration: none; }
.breadcrumb a:active {font-size:12px; text-decoration: none;}
.breadcrumb a:hover {font-size:12px; text-decoration:underline;}

INPUT.date { text-align:center;}
INPUT.month {width: 20px;}
INPUT.year { width: 40px;}
INPUT.day {width: 20px;}

/* ------------------------------
Display Pages
------------------------------ */

/* Image Box */

UL.image_box {margin:0; padding:0; list-style-type:none;}
UL.image_box LI { margin:0; float:left; padding:4px; margin: 4px; border: solid #CCC 1px;}

/* Page Layout */

#display_top_left{
width:300px; 
margin-right:7px; 
float:left;
}
#display_top_right{
width:350px; 
float:left;
}

/* Custom Fields*/

.display_title {
color: #090; 
font-size:18px; 
font-weight:bold; 
padding:4px 0 4px 4px; 
border-bottom: dotted 1px #CCC; 
margin-bottom: 4px;

}
.displayelement {
float:left; 
width: 560px; 
padding: 8px; 
border-bottom:1px solid #cccccc; 
background:#FFF;
}
.displayelement_1 {
float:left; 
width: 110px; 
font-weight: bold; 
background:#FFF;
}
.displayelement_2 {
float:left; 
width: 450px; 
background:#FFF;
}

.displayqtybox {font-size:22px; border: 1px solid  #669900;}
.displayprice {font-size:22px; color:#090; font-weight:bold;}
.displaywasprice {text-decoration:line-through; font-size:22px; color:#090; font-weight:bold;}
.displayrrp {text-decoration:line-through;font-size:16px;}
.displaysave {font-size:16px; color:#C00; font-weight:bold;}
.displaypromo{font-size:22px; font-weight:bold; color:#CC0000;}
.displaysoldout { font-size: 11px; color:#C00; font-weight:bold;}
.displayinstock {font-size: 11px; color:#390; font-weight:bold;}
.displaymultilevelqty{font-size: 16px; font-weight:bold;}
.displaymultilevelprice{font-size: 16px; color:#090; font-weight:bold;}

/* ------------------------------
List Thumbnails
------------------------------ */

.thumb_name, .thumb_name A, .thumb_name A:visited, .thumb_name A:active { font-size:20px; font-weight:bold; text-align:center; color: #00387e; text-decoration:none;}
.thumb_name A:hover { text-decoration:underline;}
.thumb_brand{font-size:11px;}
.thumb_subtitle{ font-size:12px; font-weight:bold;  }
.thumb_description{ font-size:12px; }
.thumb_rrp {font-size:12px;}
.thumb_save { font-size:12px; color:#FF0000;}
.thumb_price{ font-size: 12px; font-weight:bold; }
.thumb_qty{ font-size: 20px; font-weight:bold; }
.thumb_qty_input{ font-size: 20px; font-weight:bold; }

.capsule_thumb_name, .capsule_thumb_name A, .capsule_thumb_name A:visited, .capsule_thumb_name A:active { font-size:16px; font-weight:bold; text-align:center; color: #00387e; text-decoration:none;}
.capsule_thumb_name A:hover { text-decoration:underline;}
.capsule_thumb_brand{font-size:11px;}
.capsule_thumb_subtitle{ font-size:14px; font-weight:bold; color:#F90; }
.capsule_thumb_description{ font-size:12px; }
.capsule_thumb_rrp {font-size:12px;}
.capsule_thumb_save { font-size:12px; color:#FF0000;}
.capsule_thumb_price{ font-size: 14px; font-weight:bold; }
.capsule_thumb_qty{ font-size: 20px; font-weight:bold; }
.capsule_thumb_capsule_moq{ font-size: 14px; font-weight:bold; color: #00387e }
.thumb_qty_input{ font-size: 20px; font-weight:bold; }
.capsule_thumb_capsule_prices{ font-size: 14px; font-weight:bold; }

.article_thumb_name, .article_thumb_name A, .article_thumb_name A:visited, .article_thumb_name A:active { font-size:20px; font-weight:bold; color: #00387e; text-decoration:none;}
.article_thumb_name A:hover { text-decoration:underline;}
.article_thumb_subtitle{ font-size:12px; font-weight:bold;  }
.article_thumb_description{ font-size:10px; }


#dotted_line {border-bottom: 1px dotted #CCC; margin-bottom: 8px; margin-top: 8px;}