﻿/* Default colours and Image */            
.cookingInstr_panel, .cookingInstr_panel .cookingInstrBubbleTime{background-color: #C0C0C0;}
.cookingInstr_panel {border: solid #000000 4px;}
.cookingInstr_panel .cookingInstrContent{border-left: solid #000000 4px;}             
.cookingInstr_panel .cookingInstrImage{background-image: url('');}                
            
/*Method styles*/

.BBQ, .BBQ .cookingInstrBubbleTime{background-color: #D2D3D5;}
.BBQ {border: solid #1B1E25 4px;}
.BBQ .cookingInstrContent{border-left: solid #1B1E25 4px;}             
.BBQ .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/BBQ.png');}     

.Boil, .Boil .cookingInstrBubbleTime{background-color: #D2D3D5;}
.Boil {border: solid #1B1E25 4px;}
.Boil .cookingInstrContent{border-left: solid #1B1E25 4px;}             
.Boil .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Boil.png');}     

.Deep_Fry, .Deep_Fry .cookingInstrBubbleTime{background-color: #F6ADCB;}
.Deep_Fry {border: solid #ED008C 4px;}
.Deep_Fry .cookingInstrContent{border-left: solid #ED008C 4px;}             
.Deep_Fry .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Deep_Fry.png');}                                      
            
.Defrost, .Defrost .cookingInstrBubbleTime{background-color: #8DD8F8;}
.Defrost {border: solid #02ABF0 4px;}
.Defrost .cookingInstrContent{border-left: solid #02ABF0 4px;}             
.Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Defrost.png');}    
            
.Fan_Oven, .Fan_Oven .cookingInstrBubbleTime{background-color: #FFD6AA;}
.Fan_Oven {border: solid #F8A338 4px;}
.Fan_Oven .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Fan_Oven .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Fan_Oven.png');}        

.Gas_Oven, .Gas_Oven .cookingInstrBubbleTime{background-color: #FFD6AA;}
.Gas_Oven {border: solid #F8A338 4px;}
.Gas_Oven .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Gas_Oven .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Gas_Oven.png');}                       
            
.Grill, .Grill .cookingInstrBubbleTime, .Grill_Chilled, .Grill_Chilled .cookingInstrBubbleTime, .Grill_Defrost, .Grill_Defrost .cookingInstrBubbleTime, .Grill_Frozen, .Grill_Frozen .cookingInstrBubbleTime{background-color: #BFA4CF;}
.Grill, .Grill_Chilled, .Grill_Defrost, .Grill_Frozen {border: solid #7A4299 4px;}
.Grill .cookingInstrContent, .Grill_Chilled .cookingInstrContent, .Grill_Defrost .cookingInstrContent, .Grill_Frozen .cookingInstrContent{border-left: solid #7A4299 4px;}             
.Grill .cookingInstrImage, .Grill_Chilled .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Grill.png');}                       
.Grill_Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Grill_Defrost.png');}                       
.Grill_Frozen .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Grill_Frozen.png');}                       
        
.Hob, .Hob .cookingInstrBubbleTime, .Hob_Defrost, .Hob_Defrost .cookingInstrBubbleTime, .Hob_Frozen, .Hob_Frozen .cookingInstrBubbleTime{background-color: #F9A990;}
.Hob, .Hob_Defrost, .Hob_Frozen {border: solid #EB1C24 4px;}
.Hob .cookingInstrContent, .Hob_Defrost .cookingInstrContent, .Hob_Frozen .cookingInstrContent{border-left: solid #EB1C24 4px;}             
.Hob .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Hob.png');}
.Hob_Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Hob_Defrost.png');}
.Hob_Frozen .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Hob_Frozen.png');}                                   
            
.Microwave, .Microwave .cookingInstrBubbleTime, .Microwave_Defrost, .Microwave_Defrost .cookingInstrBubbleTime, .Microwave_Frozen, .Microwave_Frozen .cookingInstrBubbleTime {background-color: #BCDDB0;}
.Microwave, .Microwave_Defrost, .Microwave_Frozen  {border: solid #4FB44C 4px;}
.Microwave .cookingInstrContent, .Microwave_Defrost .cookingInstrContent, .Microwave_Frozen .cookingInstrContent{border-left: solid #4FB44C 4px;}             
.Microwave .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Microwave.png');}                             
.Microwave_Frozen .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Microwave_Frozen.png');}      
.Microwave_Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Microwave_Defrost.png');}                      

.Oven, .Oven .cookingInstrBubbleTime, .Oven_Defrost, .Oven_Defrost .cookingInstrBubbleTime, .Oven_Frozen, .Oven_Frozen .cookingInstrBubbleTime {background-color: #FFD6AA;}
.Oven, .Oven_Defrost, .Oven_Frozen {border: solid #F8A338 4px;}
.Oven .cookingInstrContent, .Oven_Defrost .cookingInstrContent, .Oven_Frozen .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Oven .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Oven.png');}                                     
.Oven_Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Oven_Defrost.png');}                                     
.Oven_Frozen .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Oven_Frozen.png');}                                     
           
.Pan_Fry, .Pan_Fry .cookingInstrBubbleTime{background-color: #D2D3D5;}
.Pan_Fry {border: solid #F8A338 4px;}
.Pan_Fry .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Pan_Fry .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Pan_Fry.png');}                       
            
.Poach, .Poach .cookingInstrBubbleTime{background-color: #D2D3D5;}
.Poach {border: solid #F8A338 4px;}
.Poach .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Poach .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Poach.png');}                       
            
.Shallow_Fry, .Shallow_Fry .cookingInstrBubbleTime, .Shallow_Fry_Chilled, .Shallow_Fry_Chilled .cookingInstrBubbleTime, .Shallow_Fry_Defrost, .Shallow_Fry_Defrost .cookingInstrBubbleTime, .Shallow_Fry_Frozen, .Shallow_Fry_Frozen .cookingInstrBubbleTime{background-color: #F6ADCB;}
.Shallow_Fry, .Shallow_Fry_Chilled, .Shallow_Fry_Defrost, .Shallow_Fry_Frozen {border: solid #ED008C 4px;}
.Shallow_Fry .cookingInstrContent, .Shallow_Fry_Chilled .cookingInstrContent, .Shallow_Fry_Defrost .cookingInstrContent, .Shallow_Fry_Frozen .cookingInstrContent {border-left: solid #ED008C 4px;}            
.Shallow_Fry .cookingInstrImage, .Shallow_Fry_Chilled .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Shallow_Fry.png');}
.Shallow_Fry_Defrost .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Shallow_Fry_Defrost.png');}
.Shallow_Fry_Frozen .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Shallow_Fry_Frozen.png');}        
            
.Simmer_In_Pouch, .Simmer_In_Pouch .cookingInstrBubbleTime{background-color: #F9A994;}
.Simmer_In_Pouch {border: solid #ED1D2E 4px;}
.Simmer_In_Pouch .cookingInstrContent{border-left: solid #ED1D2E 4px;}             
.Simmer_In_Pouch .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Simmer_In_Pouch.png');}                       
            
.Steam, .Steam .cookingInstrBubbleTime{background-color: #D2D3D5;}
.Steam {border: solid #F8A338 4px;}
.Steam .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Steam .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Steam.png');}                       
            
.Stir_Fry, .Stir_Fry .cookingInstrBubbleTime{background-color: #D2D3D5;}
.Stir_Fry {border: solid #F8A338 4px;}
.Stir_Fry .cookingInstrContent{border-left: solid #F8A338 4px;}             
.Stir_Fry .cookingInstrImage{background-image: url('http://cdn01.iceland.co.uk/assets/images/desktop/product/cooking_instructions/Stir_Fry.png');}                       
            

.cookingInstr_stepNum {
    margin: 2px;
}

.cookingInstr_noNum {
    margin: 8px 2px 8px 2px;
}

.cookingInstr_panel, .cookingInstr_panel p {
    color: black;
    font-size: 12px;
}

.cookingInstrBubble {
    background-color: #f5f5f5;
}

.cookingInstr_panel {
    /*CONTROL WIDTH OF COOKING INSTRUCTION PANEL HERE*/
    width: 345px;
    margin: 3px;
    float: left;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font: 11px arial;
    font-weight: bold;
}

.cookingInstr_panel_body {
    position: relative;
    /*overflow:hidden;*/
    display: table;
    margin: 10px 0px 10px 0px;
    width: 95%;
}

.cookingInstrImageCell {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}

.cookingInstrImage {
    background-size: auto;
    height: 180px;
    width: 50px;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    margin-left: 6px;
}

.cookingInstrContent {
    width: 95%;
    padding-left: 10px;
    min-height: 170px;
}

.cookingInstrBubble {
    width: 95%;
    padding: 5px;
    margin: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
}

.cookingInstrLineBlock {
    max-width: 160px;
    /*min-width: 80px;*/
    float: left;
    margin-right: 10px;
}

.cookingInstr_timeContainer {
    float: left;
}

.cookingInstrBubbleTime {
    float: left;
    height: 36px;
    min-width: 36px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
    text-align: center;
}

.cookingInstrTimeVal {
    font-size: 20pt;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.cookingInstrTimeLabel {
    font-size: 10pt;
    float: left;
    margin: 13px 5px 0px 2px;
}

.cookingInstrBubbleStepText {
    padding: 6px 2px 2px 2px;
    float: left;
}

.cookingInstrLine {
    margin: 2px;
}