﻿/*
 =================Page Middle-Right Area=================
*/
    /*basic outlay designe for right_container in style_generic.css file*/
    /*
     ================================== Must Have Section ==================================
    */
    .right_container .must_have
    {
        float: left;
        width: 550px;
        height: 280px;
        border: 1px solid #b1b0b0;
    }
        .must_have img
        {
            float: left; 
            width: 338px;
            height: 100%;
            border-right: 1px solid #b1b0b0;
        }
        
        .must_have .listing
        {
            background-position: center top;
            float: left;
            width: 211px;
            height: 233px;
            padding: 50px 0px 0px 0px;
            border: solid 0px black;
            background-image: url('../images/core/bg_top_musthave.jpg' );
            background-repeat: no-repeat;
        }
        
        .must_have .listing .div_musthave_blocks
        {
			display: block; 
			float: left; 
			border: solid 0px #ffffff; 
			width: 211px; 
			height: 56px; 
			margin: 0px;
            border-bottom: dashed 1px #cccccc;
            cursor: pointer;			
        }
        
        .must_have .listing .div_noborder
        {
			height: 59px;
			border: none;
		}
        
        .listing p
        {
            height: 27px;
            width: 96%;
            padding: 0px 5px 2px 5px;
            margin-bottom: 7px;
            text-transform: lowercase;
            font-size: 11px;
            border-bottom: dashed 0px #cccccc;
        }
        .div_musthave_blocks p.noborder
        {
            border: dashed 0px #cccccc;
        }
        .div_musthave_blocks p.heading
        {
            height: 15px;
            padding: 5px 5px 0px 5px;
            margin-bottom: 0px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            width: 95.5%;
            border-bottom: dashed 0px #cccccc;
        }
        .listing a.heading, .listing a.heading:hover, .listing a.heading:link
        {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
			color: #606263;
        }        
    /*
     ================================== Must Have Section ==================================
    */


    /*
     ================================== Hot Products Section ==================================
    */        
    .right_container .hot_ones
    {
        float: left;  
        font-size: 10px;
        margin: 0px 0px 0px 15px;
        width: 200px;
        height: 280px;
        border: 1px solid #b1b0b0;
        background-image: url( '../images/core/bg_top_hotones.jpg' );
        background-repeat: no-repeat;    
    }
        .hot_ones a, .hot_ones a:link, .hot_ones a:visited /*Default hover behaviour applies*/
        {
            font-weight: normal;
        }

        .hot_ones ol
        {
            width: 160px;
            float: left;
            list-style: decimal;
            list-style-position: outside;
            border: dashed 0px Black;
            margin: 55px 2px 5px 23px;
            /*----------IE Hack----------*/
            *width: 190px;
            *margin: 55px 0px 0px 1px;
            /*----------IE Hack----------*/
        }  
        
        .hot_ones ol li
        {
            border: dashed 0px Black;
            margin-top: 5px;
            /*----------IE Hack----------*/
            *margin-left: 30px;
            /*----------IE Hack----------*/
        }

    /*
     ================================== Hot Products Section ==================================
    */        

    /*
     ================================== Offer Product Range Section ==================================
    */                
     .right_container .product_range,  .right_container .company_info
     {
         float: left;
         width: 767px;
         margin-top: 15px;
         border: groove 0px Black;
     }
		.right_container .company_info
		{
			width: 757px;
			border: solid 0px black; 
			padding: 5px;
		}
        
        .product_range div.dashed_spacer_hr
        {
            float: left;
            width: 100%;
            height: 3px;
            background-image: url('../images/core/dashed_spacer_horizontal.jpg');
            background-repeat: repeat-x;
            border: dashed 0px Black;
        }
        
        .product_range div.dashed_spacer_vt
        {
            float: left;
            width: 5px;
            height: 194px;
            background-image: url('../images/core/dashed_spacer_vertical.jpg');
            background-repeat: repeat-y;
            border: dashed 0px Black;
        }   
        
        .product_range div.product_block
        {
            float: left;
            margin-right: 0px;
            width: 184px;
            height: 184px;
            text-align: left;
            padding: 5px 1px 5px 1px;
            border: solid 0px black;
        }     
            .product_block h3
            {
                width: 100%;
                margin: 0px 5px 3px 5px;
                border: solid 0px red;
            }
            
            .product_block .image_block
            {
				margin: 1px; text-align: center; width: 96%;
			}
            
            .product_block img
            {
                /*width: 173px;
                height: 100px;*/
                margin: 0px 5px 3px 5px;
                border: solid 0px red;
            }
            
            .product_block p
            {
                width: 94%;
                height: 40px;
                margin: 0px 5px 3px 5px;
                overflow: hidden;
                text-transform: lowercase;
                font-size: 10px;
                text-align: justify;
                border: solid 0px red;
            }            
            
            .product_block p.more
            {
                height: 12px;
                text-align: right;
            }
            
            /*Default Anchor behaviour applies*/
            
        /*
        ================================== Offer Product Range Section ==================================
        */                            
/*
 =================Page Middle-Right Area=================
*/
