body{    font-size: 62.5%;    background-color:#B1AA9D; font-family: "Helvetica Neue",Arial,sans-serif;    text-align: center;   }
.wrapper1{        width: 1010px;    background:url(/images/site/v2/Left_bg_slash.gif) repeat-y top left;    text-align:center;     margin:0 auto;    }
.wrapper2{        background:url(/images/site/v2/Right_bg_slash.gif) repeat-y right;     width: 1010px;    text-align: center;     margin:0 auto;    }  
 /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container{    background-color:#ffffff;    width: 990px;    margin:0 auto;    text-align: center;    }
.header_ramadan_REAL 
{
    margin:0 5px 0 5px;
    width:960px; 
    height:86px /*IE6*/; 
	background:rgb(225,225,225) url(/images/site/ramadan/KP-Ramazan.jpg) no-repeat /*Total header background image entered here. Height: 125px*/; 
    padding:10px;
    font-size:1.0em;
 }
 .header_ramadan {    margin:-5px 5px 0 5px;    width:960px;     height:90px /*IE6*/;     background:rgb(225,225,225) url(/images/site/v2/banner_bg.gif) repeat /*Total header background image entered here. Height: 125px*/;     padding:10px;    font-size:1.0em; }    

.header {    margin:-5px 5px 0 5px;    width:960px;     height:90px /*IE6*/;     background:rgb(225,225,225) url(/images/site/v2/banner_bg.gif) repeat /*Total header background image entered here. Height: 125px*/;     padding:10px;    font-size:1.0em; }    
.headerbottom {    clear:both;    width:960px;     min-height:30px /*Non-IE6*/;    font-size:1.0em;        }
.buzz-links{white-space: nowrap /*IE hack*/;    float: left;    width: 980px;    min-height:25px;    background:#EE8C03; color:white;    border-top:solid 1px #663333;    border-bottom:solid 1px #663333;    font-family: "Helvetica Neue",Arial,sans-serif;    font-size:100%; overflow:hidden; height:25px;} /*Color navigation bar normal mode*/
.main{    border:none;    clear: both;    width: 980px;    padding:0 2px 2px 2px;    background-color: #ffffff;    margin:0 auto;    text-align: left;   }
.content {    display:inline;       float:left;     width:670px;     background-color:#ffffff;     font-size:1.0em; overflow:visible !important /*Non-IE6*/;    overflow:hidden /*IE6*/;   }
.CELL{   
    display: inline /*Fix IE floating margin bug*/;    float: left;    width: 220px;    margin:0 0.1em 0 0.2em;    padding-top:0px;       font-size: 1.0em;    overflow: visible !important /*Non-IE6*/;    overflow: hidden /*IE6*/;    text-align:center;    }
.subcontent{    display: inline /*Fix IE floating margin bug*/;    float: right;    clear:right;    width: 306px;    background-color: Transparent;    font-size: 1.0em;    overflow: visible !important /*Non-IE6*/;    overflow: hidden /*IE6*/;   margin-bottom:5px;    padding-top:5px;        }
#Top10 {    clear:left;    float:left;    width:665px;    padding:3px 1px 3px 3px;     margin-top:5px;    margin-bottom:5px;    display:inline;    border:solid 1px #b2b4bf;    overflow:visible !important /*Non-IE6*/;     overflow:hidden /*IE6*/;   background:url(/images/site/v2/hp-module-line-bg.jpg) repeat-y left;    }
.footer {    clear:both;     width:980px;    height:130px;     padding:1.0em 0 1.0em 0;         background:rgb(225,225,225) url(/images/site/v2/banner_bg.gif) repeat /*Total header background image entered here. Height: 125px*/;     font-size:1.1em !important /*Non-IE6*/;     font-size:1.0em /*IE6*/;     overflow:visible !important /*Non-IE6*/;     overflow:hidden /*IE6*/;      }
/****************/
/*    HEADER    */
/****************/
.header .headerAd {width:650; height:100;}
/****************/
/*  HEADER-TOP  */
/****************/
/* SITENAME AND SLOGAN */
.sitelogo { clear:left; display:inline; float:left; margin:5px 5px 5px 25px; width:262px; height:80px; background:url(/images/site/kp-logo.jpg) no-repeat; }
.ramadan { background:url(/images/site/kp-logo.jpg) no-repeat; margin-left:5px;  }

/*******************/
/*  HEADER BOTTOM  */
/*******************/


/* SEARCH FORM */
 .searchform {float:right !important; clear:right; width:525px; margin-top:16px; padding-left:0px; padding-right:0;}
 .searchform form fieldset {border:none; padding-top:0px; padding-right:0px;}
 .searchform input.field {float:left; width:427px; height:25px; margin-right:5px; padding-left:10px; padding-right:5px; padding-top:5px !important /*Non-IE6*/; padding-bottom:0px /*IE6*/; border:solid 1px rgb(150,150,150); background-color:#FFFFFF; font-size:12px; /*IE6*/;color:green;font-weight:600;}
 .searchform input.button {float:left; width:75px; height:30px; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); color:rgb(100,100,100); font-size:120% !important;}
 .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}


/********************/
/*  buzz-links  */
/********************/

/* MAIN MENU */
.buzz-links ul {list-style-type:none; color:white; margin-left:30px;}
.buzz-links ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:none; color:white; line-height:2.5em;}
.buzz-links ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; padding:0 16px 0 16px; text-decoration:none; font-weight:normal; color:white; border-right:solid 0px rgb(215,215,215); font-size: 120% /*IE6*/;}
.buzz-links ul li ul {display:none; border:none;}
.buzz-links ul li a:hover {text-decoration:underline;}


/************/
/*  CONTENT */
/************/

/* CONTAINER (NO BOXES) */
.content-12col-nobox {margin-top:5px; padding:0; width:490px; border:none;float:right;}
.content-12col-nobox-border {margin-top:5px; padding: 0 0 0 0; width:490px; border:solid 1px rgb(220,220,220);float:right;}
.content-1col-nobox {margin-top:5px; padding:0; width:670px; border:none;}
.content-1col-nobox-border {margin-top:5px; padding: 0 0 0 0; width:670px; border:solid 1px rgb(220,220,220);}
.content-2col-nobox-leftcolumn {display:inline; float:left; width:331px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:331px; /*border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* CONTAINER (BOXES) */
.content-1col-box {margin:10px 0; padding-bottom:4px; width:670px; background-color:transparent; border:solid 1px #b2b4bf;}
.content-1col-box-nm {margin:0px 0; padding-bottom:4px; width:670px; background-color:transparent; border:solid 1px #b2b4bf;}
.content-2col-box-leftcolumn {margin-top: 5px; margin-bottom:5px; display:inline; float:left; width:331px; border:solid 1px #b2b4bf; background:url(/images/site/v2/hp-module-line-bg.jpg) repeat-y left;clear:left;}
.content-2col-box-rightcolumn { margin-top:5px; margin-bottom:5px; display:inline; float:right; width:331px;  border:solid 1px #b2b4bf; background:url(/images/site/v2/hp-module-line-bg.jpg) repeat-y left; clear:right;}
.content-2col-box {width:331px; background-color:transparent; padding-bottom:15px;}

/***************/
/* SUBCONTENT  */
/***************/

.subcontent-box {margin-top:0; width:300px; float:right; background-color:rgb(255,255,255); border:solid 1px #b2b4bf;}
.subcontent-Ad-box {margin-top:0em; width:300px; float:right; border:none; background-color:Transparent;}
.subcontent-video-box {background-color: #EEEEEE !important;border: 1px solid #B2B4BF;float:right;margin-top:0;width:300px;}
.subcontent-KP {margin-top:0.5em; width:300px; float:right; border:solid 1px #b2b4bf; background:transparent;}


/************/
/*  FOOTER  */
/************/
.footer p {clear:both; line-height:1.3em; position:relative; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both;  font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footerAd {clear:both;text-align:center; padding-bottom:20px;}

/*********************/
/* Dotted Background */
/*********************/

.padding{width:218px; height:10px;  margin-top:2px; background:url(/images/site/v2/subcell_padding.jpg) repeat-x;}



/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}

 /********************************************/
/*  USED ONLY FOR DEMO PAGE FOR GRID SETUP  */
/*  Do not use for operational purposes     */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}

/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/

/* NEW CSS BY Umar */

/* CONTAINER with VideoPlayer (NO BOXES) */
.content-1col-nobox-withvideo
{
    width: 666px;
    background-color: white;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 9px;
    border-right: #cbbd9a thin solid;
    border-top: #cbbd9a 1px solid;
    border-left: #cbbd9a 1px solid;
    border-bottom: #cbbd9a 1px solid;
    
}
.content-2col-nobox-withvideo-leftcolumn {display:inline; float:left; width:427px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-withvideo-rightcolumn {display:inline; float:right; width:237px; /*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* CONTAINER (NO BOXES) */
.content-1col {width:676px; background-color:rgb(255,255,255);}
.content-2col-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-rightcolumn {display:inline; float:right; width:337px; /*border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}





.carsubnav {
    background-color: #EEEEEE !important;
    color: #350035 !important;
    font-size: 108% !important;
    padding: 4px 0 !important;
}
.carsubnav-inactive {
    background-color: #666666 !important;
    color: #FFFFFF !important;
    padding: 4px 0 !important;
}

.linkHeader_H1{
    position:relative !important;
    top:0px !important;
}

.content h2 {
    clear: both;
    color: #E7BA55;
    font-family: "Georgia";
    font-size: 140% !important;
    font-weight: normal;
    margin: 0 20px;
    padding: 5px 5px 5px 0;
    position: relative;
    top: -1px !important;
    z-index: 1;
}
.ml25{margin-left:25px;} .w-320{width:320px;}