/*##################################################################*/
/* This is the general style sheet for Red Kooga Web                */
/* This style sheet will contain all the styles to control          */
/*  the CMS controlled content                                      */
/* All styles for positioning of elements in the page can be found  */
/*  in layout.css                                                   */
/*##################################################################*/

/*
## ## COLOURS:
    Red:                    #df1722;
    Grey: (default text)    #5b5a5f;
    Grey: (lighter)         #6C6D71;

*/

/*
###################################################
            GENERAL STYLES
###################################################
*/
body    {font-family: Arial; color:#5b5a5f;font-size:12px;}

a, a img, input.button, select
{cursor: pointer;}

a{text-decoration:none;}
img{border:none;}

h1{font-size:20px; color:#df1722; padding:0 0 10px 0;}
h2{font-size:14px; color:#df1722;  font-weight:bold; padding:0 0 2px 0;}
h3{font-size:14px; color:#00AFED; font-weight:bold; }

p{padding:5px 0 5px 0;}

ul{margin:0 0 0 12px; padding:0;}
li{margin:0; padding:2px 0 2px 8px; }


td{font-family: Arial; color:#5b5a5f;font-size:12px; padding:0 4px 0 4px;}

.negative-margin
{
    margin-top:-10px; 
}
/*
###################################################
                FCK TEMPLATES
###################################################
*/

/* HOME PAGE LAYOUT */
.flash-box
{
    width: 570px;
    height: 513px;
    overflow: hidden;
    float: left; 
    margin-top:3px; 
    height: 462px;
    margin-bottom: 51px;
}

/* html .flash-box img
{
   margin-top:1px;  
}*/

.front-page-column
{
    float: left;
    width: 194px;
    height:477px;
    margin-top: 3px;
}

* html .front-page-column
{

}


/* INFO BOXES W READ MORE LINKS */
.info-box
{
    float:left;
    width:179px;
    margin:0 0 15px 15px;  
    }
    
.info-box .info-content
{
    background-color:#fff;
    padding:5px 10px 10px 10px;
    }
    
 * html .info-box .info-content
 {

    padding: 2px 10px 10px 10px;
 }  
 
 /* To ensure the boxes align on the front page */
.image-box .top-left-info-content, .info-box .bottom-left-info-content, .info-box .top-right-info-content, .info-box .bottom-right-info-content
{
    overflow: hidden;   
}

.image-box .top-left-info-content
{
    height: 122px;
}

.info-box .bottom-left-info-content
{
    height: 122px;
}


.info-box .top-right-info-content
{
    height: 312px;
}

.info-box .bottom-right-info-content
{
    height: 35px;
}

* html .info-box .top-right-info-content
{
      height: 312px;
}

* html .info-box .bottom-right-info-content
{
    height: 35px;
}

* html .image-box .top-left-info-content
{
    height: 122px;
}

 * html .info-box .bottom-left-info-content
{
    height: 119px;
}
  
.info-box .info-content p
{
    padding:0px;
}    

.info-box a.read-more
{
    background:transparent url('../gfx/read-more-bar.png') no-repeat bottom;
    width:179px;
    height:25px;
    display:block;
}
    
* html .info-box a.read-more
{
    background-image: url('../gfx/read-more-bar.gif');
}
    
.info-box h2
{
    margin-bottom:2px;
    }
    
/* INFO BOXES W READ MORE LINKS */
.image-box
{
    float:left;
    width:179px;
    margin:0 0 15px 15px;
    }
    
* html .image-box,
* html .info-box
{
    margin:0 0 20px 5px;
    }
   
    
.image-box .info-content
{
    background-color:#fff;
    padding:5px 10px 10px 10px;
    }
    
.image-box .info-content p
{
    padding:0px;
    }  

.image-box a.read-more
{
    background:transparent url('../gfx/read-more-bar.png') no-repeat bottom;
    width:179px;
    height:25px;
    display:block;
    }
    
* html .image-box a.read-more
{
    background-image: url('../gfx/read-more-bar.gif');
}
    
.image-box h2
{
    margin-bottom:2px;
    }
    
/*TRANSPARENT BG ON WYSIWYG 375*/
div.half_column_trans,
div.full_column_trans
{
    float:left;
    width:351px;
    max-height:468px;
    overflow:auto;
    padding:16px 12px 16px 12px;
    background:transparent url('../gfx/half_column_trans.png') repeat-y;
    margin-right:15px;
    }
 
div.full_column_trans
{
    float:left;
    width:740px;
    background:transparent url('../gfx/half_column_trans.png') repeat-x;
    margin:10px 0 10px 0;
    }   
      
    
/*TRANSPARENT BG STORE LINK 120*/
.store-links
{
    float:left;
    width:765px;
    }   
.store-links .header
{
    float:left;
    height:23px;
    width:761px;
    padding-left:4px;
    color:#6C6D71;
    background-color:#e8e9eb;
    border-top:solid 1px #c9c8cc;
    border-bottom:solid 1px #c9c8cc;
    line-height:23px;
    font-size:12px;
    font-weight:bold;
    }
    
.store-links .list
{
    float:left;
    height:96px;
    width:761px;
    margin-top:3px;
    padding:4px 0 4px 4px;
    background:transparent url('../gfx/other_products_panel.png') repeat-x;
    }

.store-links .store-link-box
{
    float:left;
    height: 95px;
    text-align:center;
    background:transparent url('../gfx/bg-store-link-box.png') no-repeat;
    margin-left:2px;
    width:96px;
}

.store-links .store-link-box table 
{
 width:100%;
 width:96px;
}

.store-links .store-link-box table tr td
{
 height: 95px;
 width:96px;
}



    

/*TRANSPARENT BG ON WYSIWYG FULL WIDTH*/
.full_width_trans
{
    float:left;
    width:765px;
    /*background:transparent url('../gfx/bg-765-top.png') no-repeat;*/
    padding:0 0 10px 0;
    margin-bottom:10px;
    
    
    }
.full_width_trans .content
{
    float:left;
    width:741px;
    padding:0 12px 0 12px;
    max-height:480px;
    overflow:auto;
    background:transparent url('../gfx/bg-765-repeat.png') repeat-y;
    }
.full_width_trans .footer
{
    float:left;
    width:765px;
    height:19px;
    background:transparent url('../gfx/bg-765-bottom.png') no-repeat;
    }