﻿body 
    {
        font-family:tahoma,liberation sans,freesans,arial;
        font-size:12px;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        background-image:url('../images/bg_fill.jpg');
        background-repeat:repeat-x;
        background-color:#b7b9ba;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color:#4f4d4f;
    }

a 
    {
        color:purple;
        text-decoration:none;
    }

a:hover
    {
        color:#999999;
    }

.tabheader
    {
        font-family:verdana,tahoma,helvetica;
        font-size:11px;
        background:url(images/logo.gif) repeat-x bottom;
    }
    
 .backcolor
 {
     background-color:red;
 }
 
 .backcolor_hover
 {
     background-color:green;
 }

#logo
    {
        height:119px;
        width:600px;
        background-image:url('../images/header_fill.jpg');
        background-repeat:repeat-x;
    }

#callus
    {
        height:119px;
        width:262px;
        background-image:url('../images/header_fill.jpg');
        background-repeat:repeat-x;
    }


.mainbody
    {
        width:901px;
        background: #FFFFFF;
        background-image:url('../images/bgmain.gif');
        background-repeat:repeat-x;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        border: 0px solid #999999;
        text-align: left;
    }

h1
    {
        font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        font-weight: bold;
        font-variant: normal;
        color: #9325b2;
        text-decoration: none;
        text-align:left;
        margin-bottom: 0px;
        margin:0px;
    }

h2
    {
        /*
        font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        font-weight: bold;
        font-variant: normal;
        font-style:italic;
        color: #FFFFFF;
        text-decoration: none;
        text-align:justify;
        margin-bottom: 0px;
        margin:0px;
*/
        font-size: 16px;
        font-variant: normal;
        color: #555555;
        margin:0px;
        font-weight:normal;
    }
.h2color
{
    font-size:16px;
    color:Purple;
    font-weight:400;
    text-align: center;
}


h3
    {
        font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        font-weight: bold;
        font-variant: normal;
        text-align:center;
        color: #6d207c;
    }

h4
    {
        font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        font-weight: bold;
        font-variant: normal;
        color: #9325b2;
        text-decoration: none;
        text-align:justify;
        margin-bottom: 0px;
        margin:0px;
        text-align:justify;
        margin:0px;
        font-style: italic;
    }


h5
    {
        font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif;
        font-size: 15px;
        font-weight: bold;
        font-variant: normal;
        font-style:italic;
        color:#6d207c;
        margin:0px;
        text-align:center;
    }

.tblhead
    {
        width:100%;
    }

.footer
    {
        border:0px;
        background-color:Transparent;
    }
.tblfooterLinks a
    {
        font-size:11px;
        text-decoration:none;
        font-weight:bold;
        color:#666666;
    }

.tblfooterLinks a:hover
    {
        color:#6d207c;
    }

#footer_fill
    {
        background-image:url('../images/footer_bg.jpg');
        background-repeat:repeat-x;
        height:146px;
    }

.footer_wide
    {
        background-image:url('../images/footer_bg.jpg');
        background-repeat:repeat-x;
        height:146px;
    }

/* Main Menu CSS --------------------------------------------- */

#tblmenu
{
width:100%;
height:29px;
background-color:Transparent;
}
#tblmenu_left
{
width:27px;
height:30px;
background-image:url('../images/menu_left.gif');
background-repeat:no-repeat;
}

#tblmenu_right
{
width:29px;
height:30px;
background-image:url('../images/menu_right.gif');
background-repeat:no-repeat;
}

.menu_items
{
height:30px;
background:url('../images/menu_fill.gif');
background-repeat:repeat-x;
font-size:16px;
font-family:Corpulent Caps BRK;
color:#FFFFFF;
text-align:center;
}

.menu_items a
{
font-size:16px;
font-family:Trebuchet MS;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;

}

.menu_items a:hover
{
color: Purple; 
}

.menu_spacer
{
background: url('../images/menu_fill.gif') repeat-x;
font-size: 16px;
width: 280px;
}
#undermenu
{
height:14px;
background-image:url('../images/underheader_fill.gif');
background-repeat:repeat-x;
}

#tblfooter
{
width:100%;
height:81px;
}
#tblfooter_left
{
background-image:url('../images/footer_left.gif');
background-repeat:no-repeat;
width:27px;
background-color:Transparent;
}

#tblfooter_right
{
width:27px;
background-image:url('../images/footer_right.gif');
background-repeat:no-repeat;
}

#tblfooter_fill
{
background-image:url('../images/footer_fill.gif');
background-repeat:repeat-x;
}
#tblmain_holder
{
width:886px;
}

#tblmain_leftholder
{
width:60%;
}

#tblmain_rightholder
{
width:41%;
}
/* CSS Code for main table --------------------------------------- */
#tblmain
{
width:100%;
}
#tblmain_topleft
{
width:20px;
height:20px;
background-image:url('../images/main_topleft.gif');
background-repeat:no-repeat;
}

#tblmain_topfill
{
background-image:url('../images/main_topfill.gif');
background-repeat:repeat-x;
}

#tblmain_topright
{
width:25px;
background-image:url('../images/main_topright.gif');
background-repeat:no-repeat;
}

#tblmain_leftfill
{
background-color:#FFFFFF;
}

#tblmain_contentfill
{
background-color:#ffffff;
}

#tblmain_rightfill
{
background-image:url('../images/main_rightfill.gif');
background-repeat:repeat-y;
}

#splitter_left
{
height:26px;
background-image:url('../images/splitter_left.gif');
background-repeat:repeat-x;

}

#splitter_fill
{
background-image:url('../images/splitter_fill.gif');
background-repeat:repeat-x;
font-size: 14px;
color: #FFFFFF;
height: 16px;
}

#splitter_right
{
background-image:url('../images/splitter_right.gif');
background-repeat:no-repeat;
}

#tblservice_leftfill
{
height:207px;
background-image:url('../images/servicetbl_leftfill.gif');
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#tblservice_contentfill
{
background-image:url('../images/servicetbl_contentfill.gif');
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#tblservice_rightfill
{
background-image:url('../images/main_rightfill.gif');
background-repeat:repeat-y;  
background-color:#FFFFFF;
}

#tblservice_btmfill
{
background-image:url('../images/servicetbl_btmfill.gif');
background-repeat:repeat-x;  
}

#tblservice_btmright
{
height:14px;
background-image:url('../images/servicetbl_btmright.gif');
background-repeat:no-repeat;
}  

#tblservice_btmleft
{
background-image:url('../images/servicetbl_btmleft.gif');
background-repeat:no-repeat;
}

#kooskservice_icons
{
width: 492px;
height: 220px;
font-size: 11px;
font-weight:bold;
}

.ourservicetbl
{
font-size:12px;
}

.ourservicetbl a
{
    font-weight:normal;

    text-decoration:none;
    }
    
#tblmain_right
{
width:99%;
height: 568px;
}

.podtop
{
background-image:url('../images/toppod_topfill.gif');
background-repeat:repeat-x; 

}

.podtopright
{
width:18px;
background-image:url('../images/toppod_topright.gif');
background-repeat:repeat-x; 
}

.podright
{
background-image:url('../images/toppod_rightfill.gif');
background-repeat:repeat-y;  
}

.podcontent
{
height:267px;
background-image:url('../images/toppod_contentfill.gif');
background-repeat:no-repeat;
background-color:#eae7eb;
}

.podcontentsmall
{
height:109px;
background-image:url('../images/toppod_contentfill.gif');
background-repeat:no-repeat;
background-color:#eae7eb;
}

.podbottom
{
background-image:url('../images/toppod_btmfill.gif');
background-repeat:repeat-x; 
}



.podbottom
{
height:19px;
background-image:url('../images/toppod_btmfill.gif');
background-repeat:repeat-x; 
}

.podbtmright
{
background-image:url('../images/toppod_btmright.gif');
background-repeat:repeat-x; 
}

#btmtbl_topleft
{
background-image:url('../images/btmtbl_topleft.gif');
background-repeat:repeat-x; 
}


#btmtbl_bigpage
{
width: 882px;
height: 495px;
}


#btmtbl
{    width:882px;
}

#btmtbl_bigpage
{
width: 882px;
height: 495px;
}

#btmtbl_top
{
background-image:url('../images/btmtbl_topfill.gif');
background-repeat:repeat-x; 
height:21px;
}

#btmtbl_topright
{
width:18px;
background-image:url('../images/btmtbl_topright.gif');
background-repeat:repeat-x; 
}

#btmtbl_left
{
background-image:url('../images/btmtbl_leftfiller.gif');
background-repeat:repeat-y;
height: 262px;
}

#btmtbl_content
{
background-image:url('../images/btmtbl_contentfill.gif');
background-repeat:repeat-x;
}

#btmtbl_right
{
background-image:url('../images/btmtbl_rightfiller.gif');
background-repeat:repeat-y;
}

#btmtbl_btmleft
{
background-image:url('../images/btmtbl_btmleft.gif');
background-repeat:repeat-x;
}

#btmtbl_btm
{
height:18px;
background-image:url('../images/btmtbl_btmfill.gif');
background-repeat:repeat-x;
}

#btmtbl_btmright
{
height:17px;
background-image:url('../images/btmtbl_btmright.gif');
background-repeat:repeat-x;
}

/*FULL SERVICES ----------------------------------------------------------------------------------*/
.fullservice_content
{
height:330px;
padding:8px;
font-family:Verdana;
font-size:11px;
vertical-align:top;
}

/*MAIN BIG CONTENT ------------------------------------------------------------------------------*/




/* CSS FOR DROP DOWN PANEL -----------------------------------------------------------------------------*/

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: purple; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(media/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(media/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: purple; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}



/* Tabbed Panels -------------------------------------- */


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}


/* Menu Bars */

.mnubar
{
    border:solid 1px #e1e1e1;
    padding-left:10px; padding-right:10px;
    height:35px;
    background-image:url(../images/mnubar_bg.png);
    background-repeat:repeat-x;
    text-align:left;
}

.boxcontent
{
    border:solid 1px #e1e1e1;
    background-color:#FFFFFF;
    padding: 10px;
    text-align:left;
    vertical-align:top;
}

.tblPageBoxContent
{
    background-color:#FFFFFF;
    border:solid 1px #e1e1e1;
    text-align:left;
}

.dropdownPanel
{
    overflow:hidden;
}

.quoteBox
{
    border:solid 1px #e1e1e1;
    background-color:#dec9e5;
    /*opacity:0.8;
    filter:alpha(opacity=80);*/
}