@charset "UTF-8"; 

.price{font-weight:bold; font-size:20px}

.smallPrice{font-size:14px}

.oldPrice{color:rgb(255,180,0); text-decoration:line-through; margin-bottom:-10px}

.flavour{font-weight:bold; margin-bottom:0px}

.amountDiscount{font-size:10px; line-height:10px; color:rgb(100,100,100); margin:-10px 0px 0px}

.amount{font-weight:bold; margin-bottom:0px}

.amountInput{border:1px solid rgb(200,200,200); width:29px; height:14px; padding:2px}

.stk{font-size:12px; margin-left:10px}

.submitBtn{font-size:12px; font-weight:bold; text-transform:uppercase; color:rgb(255,255,255); background:url(../img/greenBack200x20.png) no-repeat; border:none; padding:2px}

.submitBtn.grey{background:url(../img/greyBack200x20.png) no-repeat}

.submitBtn.buy{margin-top:10px; background:url(../img/btnBuyBack.png); padding:0; width:60px; height:30px}

.floatLeft{float:left}

.floatRight{float:right}

.picRight{float:right; margin-left:10px; margin-bottom:10px}

.picLeft{float:left; margin-right:10px; margin-bottom:10px}

.clr{clear:both}

.highlight{color:rgb(200,0,0)}

.notAvailable{display:none}

.soldOut{text-transform:uppercase; font-size:20px; font-weight:bold}

.dottedLineUnder{border-bottom:1px dotted rgb(200,200,200)}

.orderNumber{font-size:20px; color:rgb(40,170,170)}

.fieldWithErrors input.defaultInput{border:1px solid rgb(200,0,0); background:#F99}

#securityCodeHowTo{float:right; position:relative}

#showCard{position:absolute; background:url(../img/securityCodeHowTo.png) no-repeat; width:0px; height:0px; left:-290px; top:-72px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); !}

div.productExtra a{ font-weight:normal; color:black; text-decoration:none}

div.productExtra a:hover{text-decoration:underline}

#ie6warning{position:absolute; width:100%; height:100%; background:url(../img/warningBack.gif); z-index:1000}

#ie6dialog{position:absolute; width:500px; margin-left:-250px; top:160px; left:50%; padding:0px 20px; background:rgb(255,255,255); border:1px solid rgb(40,170,170)}

.productHeader{height:29px}

#mainMenu li{padding:5px 10px; list-style:none}
#mainMenu li.active{background:url(../img/menuActiveBack.png) no-repeat top left}

#mainMenu li a{font-size:14px; color:rgb(100,100,100); text-decoration:none; text-transform:uppercase; font-weight:normal}

#mainMenu li a:hover{color:rgb(40,170,170)}

#mainMenu li.active a{color:rgb(255,255,255)}

.ui-accordion ul{padding:5px 20px 4px; margin:0; list-style:none; border-bottom:1px solid rgb(200,200,200)}

.ui-accordion ul li{font-size:14px; line-height:20px; list-style:none}

.ui-accordion ul li a{display:block; background:url(../img/menuPlus.png) no-repeat; font-weight:normal; color:rgb(100,100,100); padding-left:15px}

.ui-accordion ul li a:hover{background:url(../img/greenBack200x20.png); color:rgb(255,255,255); text-decoration:none}

.ui-accordion ul li.active a{color:rgb(40,170,170)}

.ui-accordion ul li.active a:hover{background:url(../img/menuPlus.png) no-repeat; color:rgb(40,170,170); cursor:default}

.ui-accordion-header{padding:5px 20px 4px; border-bottom:1px solid rgb(200,200,200); background:url(../img/stripeBack.png); margin:0px 1px 0px 0px; height:30px}

.ui-accordion-header.ui-state-active{color:rgb(40,170,170); border-bottom:1px dotted rgb(200,200,200); background:none}

@media screen{ .sIFR-flash{ visibility:visible !important;  margin:0;  padding:0}
 
 .sIFR-replaced, .sIFR-ignore{ visibility:visible !important}
 
 .sIFR-alternate{ position:absolute;  left:0;  top:0;  width:0;  height:0;  display:block;  overflow:hidden}
 
 .sIFR-replaced div.sIFR-fixfocus{ margin:0pt;  padding:0pt;  overflow:auto;  letter-spacing:0px;  float:none}
}

@media print{ .sIFR-flash{ display :none !important;  height :0;  width :0;  position :absolute;  overflow :hidden}
 
 .sIFR-alternate{ visibility:visible !important;  display :block !important;  position :static !important;  left :auto !important;  top :auto !important;  width :auto !important;  height :auto !important}
}

@media screen{  .sIFR-active h1,  .sIFR-active .productListHeader{visibility:hidden}
}

#pageContainer{position:absolute; width:980px; left:50%; margin-left:-490px}

#topContainer{height:154px}
#slideshow{position:absolute; left:260px; width:460px; height:124px; overflow:hidden; z-index:1}
#logo{position:absolute; top:30px; left:20px; z-index:100}

#productSearch{position:absolute; top:90px; left:20px; width:220px; height:20px; z-index:101}

#countrySelect{position:absolute; top:90px; left:260px; height:20px; padding:0; margin:0; list-style:none; z-index:102}
#countrySelect li{float:left}

#shoppingCart{position:absolute; right:0px; width:220px; height:85px; padding:10px 20px 20px}

#menuContainer{position:absolute; top:129px; height:29px; width:100%}
#mainMenu{padding:0; margin:0 0 0 20px; list-style:none}
#mainMenu li{float:left}

#creditCards{position:absolute; top:7px; right:20px}

#leftColumn{float:left; width:240px; padding-top:10px}

#rightColumn{position:relative; float:left; width:740px}

#brandsContainer{position:absolute; right:20px; top:19px}

#addThis{position:absolute; right:20px; top:24px}

#footer{position:absolute; width:940px; height:29px; padding:9px 20px 0px}

#topContainer{border-top:5px solid rgb(40,170,170); border-bottom:1px solid rgb(200,200,200)}
#productSearchInput{position:absolute; top:0px; left:0px; width:195px; height:14px; border:1px solid rgb(200,200,200); padding:2px}
#productSearchSubmit{position:absolute; top:0px; left:200px}
#countrySelect li{margin-right:5px; padding:0px 5px; list-style:none}
#countrySelect li.active{background:url(../img/greenBack60x20.png) no-repeat left top}

#countrySelect li a{color:rgb(100,100,100); font-size:14px; text-decoration:none; font-weight:normal}

#countrySelect li a:hover{color:rgb(40,170,170)}

#countrySelect li.active a{color:rgb(255,255,255)}

#shoppingCartHeader{height:20px}
#shoppingCartHeader, 
#shoppingCartContents{border-bottom:1px solid rgb(0,0,0); padding-bottom:4px; margin-bottom:5px}
.shoppingCartHeaderText{font-size:14px; line-height:20px; text-transform:uppercase; }
.shoppingCartLine{font-size:12px; line-height:20px}

#menuContainer{background:rgb(235,235,235); border-top:1px solid rgb(200,200,200)}

#contenContainer{background:url(../img/leftColBack.png) repeat-y; width:100%; height:100%}

#footer{background:url(../img/footerBack.png) repeat-x; border-top:1px solid rgb(200,200,200); margin-top:-1px; font-size:12px}

#designCreds{font-size:10px}

body{width:100%; height:100%; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif}

a{color:rgb(40,170,170); font-weight:bold; text-decoration:none}

a:hover{text-decoration:underline}

h1{font-size:28px; line-height:30px; font-weight:normal; text-transform:uppercase; margin:10px 0px; color:rgb(100,100,100)}

h2{font-size:14px; line-height:20px; font-weight:normal; text-transform:uppercase; margin:5px 0px 4px; color:rgb(40,170,170)}

h3{font-size:12px; line-height:20px; font-weight:normal; text-transform:uppercase; margin:10px 0px; color:rgb(40,170,170)}

p{font-size:12px; line-height:20px; margin:10px 0px}

td, 
th{font-size:12px; line-height:20px; padding-top:10px; padding-bottom:9px}
form{padding:0; margin:0}

label{font-size:12px; line-height:20px; margin:10px 0px}

input{font-size:12px}

select{width:140px; height:20px}

.textContainer ul, 
.productText ul{padding:0px; margin:0px; font-size:12px; line-height:20px}

.textContainer li, 
.productText li{list-style:inside}

img{border:none}

.textContainer{padding:5px 20px 4px; border-bottom:1px solid rgb(200,200,200); font-size:12px; line-height:20px}

.flashContainer{border-bottom:1px solid rgb(200,200,200)}

.bevelBack{background:url(../img/bevelBack.png) no-repeat bottom left}
.bigHeader{background:url(../img/headerGradient.png) no-repeat left bottom; border-bottom:1px solid rgb(200,200,200); padding:5px 20px; height:39px}
.regularHeader{border-bottom:1px solid rgb(200,200,200); padding:5px 20px; height:39px}

.smallHeader{border-bottom:1px dotted rgb(200,200,200); padding:1px 20px 0px; height:28px}

.fullWidthAd{width:740px; height:269px}

.ui-tabs{border-bottom:1px solid rgb(200,200,200); height:269px}

.ui-tabs h2, 
.ui-tabs p{margin:0}
.ui-tabs .ui-tabs-nav{list-style:none; float:left; width:240px; padding:0; margin:0}
.ui-tabs .ui-tabs-nav li{list-style:none; padding:0; margin:0}

.ui-tabs .ui-tabs-nav li a{display:block; background:url(../img/stripeBack.png); padding:15px 20px 5px; border-bottom:1px solid rgb(200,200,200); border-right:1px solid rgb(200,200,200); height:69px; color:rgb(200,200,200)}

.ui-tabs .ui-tabs-nav li a:hover{text-decoration:none}

.ui-tabs .ui-tabs-nav li a p{color:rgb(200,200,200); font-weight:normal}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{display:block; background:url(../img/tabBack.png) no-repeat; border-right:none; color:rgb(0,0,0)}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a p{color:rgb(0,0,0)}

.ui-tabs .ui-tabs-panel{float:left; height:269px; width:500px}
.ui-tabs .ui-tabs-hide{display:none !important}

.tabHeader{display:block; font-size:14px; line-height:20px; text-transform:uppercase; color:rgb(40,170,170); font-weight:normal}

.tabText{font-size:12px; line-height:20px; font-weight:normal}

#productCarrouselContainer{padding:5px 20px; margin-bottom:20px}

#productCarrousel{width:200px; height:135px}
.carrouselProductPicture{float:left; width:60px; text-align:center; padding-right:0px; padding-top:10px}
.carrouselProductText{float:left; width:130px; margin-left:10px}
#productCarrouselNavigator{padding:0; margin:0; list-style:none}

#productCarrouselNavigator li{float:left; list-style:none}
#productCarrouselNavigator li a{display:block; width:40px; height:5px; background:rgb(200,200,200); margin-left:10px}
#productCarrouselNavigator li a:hover{text-decoration:none; background:rgb(100,100,100)}

#productCarrouselNavigator li a.activeSlide{background:rgb(40,170,170)}

.productContainer{border-bottom:1px solid rgb(200,200,200)}

.productHeader{border-bottom:1px dotted rgb(200,200,200); padding-left:20px}

.productInfosContainer{border-bottom:1px dotted rgb(200,200,200)}

.productPicture, 
.productExtra, 
.productPrice, 
.productFlavours{float:left; border-right:1px dotted rgb(200,200,200); padding:0px 10px}

.productPicture{width:149px; text-align:center; padding:10px}

.productExtra, 
.productPrice, 
.productFlavours{width:139px}

.productBuy{float:left; width:70px; padding:0px 10px}

.productAssessment{padding:0px 20px; overflow:hidden; height:100px}

.showHideAssessment{background:url(../img/btnShowAssessment.png) no-repeat; height:20px; margin-left:20px; padding-bottom:9px; margin-top:10px; cursor:pointer}

.showHideAssessment.hide{background:url(../img/btnHideAssessment.png) no-repeat}

.productText{padding:0px 20px; border-top:1px dotted rgb(200,200,200)}

.productListHeader{color:rgb(100,100,100); text-transform:uppercase}
.productListCell{text-align:left; border-right:1px dotted rgb(200,200,200); border-bottom:1px solid rgb(200,200,200); padding:5px 10px 4px}

th.productListCell{height:30px}

.productListCell.cell{width:59px}

.productListCell.cell img{margin-right:10px}
.productListCell.first{width:299px; padding-left:20px}

body.orderPage .productListCell.first{width:379px}

.productListCell.last{border-right:none; width:150px}

.productListCell.total{font-weight:bold; border-top:1px solid rgb(200,200,200); border-bottom:3px double rgb(200,200,200); padding-bottom:1px}

.productListCell.subtotal{font-weight:bold}

.proceedSteps{height:25px; padding-top:5px}

.proceedSteps .goBack{float:left}

.proceedSteps .proceed{float:right}

#orderSteps{height:39px; border-bottom:1px solid rgb(200,200,200)}

.orderStep{float:left; background:url(../img/stripeBack.png); padding:3px 20px 3px; height:33px}

.orderStepActive{float:left; background:url(../img/greenBack400x40.png); padding:3px 20px 3px; height:33px}

.orderStepText{color:rgb(100,100,100); font-size:28px; text-transform:uppercase}

.orderStepActive .orderStepText{color:rgb(255,255,255); font-size:28px; text-transform:uppercase}

.orderStepTextSmall{font-size:14px}

.step1{border-right:1px solid rgb(200,200,200); width:209px}

.step2{border-right:1px solid rgb(200,200,200); width:209px; padding-left:10px}

.step3{width:220px; padding-left:10px}

.defaultInput{width:134px; height:14px; border:1px solid rgb(200,200,200); padding:2px; margin-left:10px}

.required{color:rgb(200,0,0)}

.radioCheckFix{margin-top:-2px}

.formFieldLabel{padding-left:20px; width:70px}

.formFieldInput{padding-right:20px}

td.singleLine{border-bottom:1px solid rgb(200,200,200); padding-left:20px}

.dateSelect{width:60px; margin:0}

input.safetyCode{width:60px}

.commentText{width:100%; height:98px; border:1px solid rgb(200,200,200); font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; margin:-5px 0px}