/* === StyleSheet for KIA === */
/*--- Basic styles --------------------------------------------------------------------------------------------------*/
body { background: #276da5; color: #202020; }
h1, h2, h3 { color: #4c6081; }
a:link, a:visited { color: #005e9d; }
a:hover { color: #6fabf2; }

/*--- Layout foundation ---------------------------------------------------------------------------------------------*/
#page { background: #276da5 url(../images/kia/background.png) no-repeat center top; } /*276da5*/

/*--- Top navigation ------------------------------------------------------------------------------------------------*/
#topNav {margin: 0 auto; width:960px;  }
#topNav li a:link, #topNav li a:visited, #topNav li a:hover { font-weight: bold; color: #fff; }
#topNav li.selected a { color: #92deff; }

/*--- Header --------------------------------------------------------------------------------------------------------*/
/* Ordinary header (standard article page, application pages etc.) */
#header .headerLogo { background: url(../images/kia/header.png) no-repeat top center; height: 104px; }

/* Large header (startpage) */
#headerLarge .b1, #headerLarge .b2, #headerLarge .b3, #headerLarge .b4, #headerLarge .boxContent { background: #fff; }
#headerLarge .boxContent { height: 270px; }
.headerLarge { }
#headerLarge .headerLogo { background-color:white; margin-bottom: 0px; }
#headerLarge .benefit { color:#000; display: block; float: left; width: 245px; margin: 0px 10px 0px 26px; }
.headerBenefit1 { background: url(../images/kia/header_SnabbHjalpVidSkada.png) no-repeat top left; width: 205px; height: 22px; }
.headerBenefit2 { background: url(../images/kia/header_KiasEgnaVerkstader.png) no-repeat top left; width: 201px; height: 22px; }
.headerBenefit3 { background: url(../images/kia/header_RattErsattningUtanKr.png) no-repeat top left; width: 271px; height: 23px; }
#headerLarge .link {  padding-left:25px; }
.articleDivider { background: url(../images/kia/articleDivider.png) no-repeat top; }

/*--- Main menu -----------------------------------------------------------------------------------------------------*/
#mainMenu .b1, #mainMenu .b2, #mainMenu .b3, #mainMenu .b4, #mainMenu .boxContent { background: #4c6081; }
#mainMenu ul li a:link, #mainMenu ul li a:visited { }
#mainMenu ul li.selected, #mainMenu ul li.selected a { color: #4c6081; }
#mainMenu ul li ul li.selected, #mainMenu ul li ul li.selected a { color: red; }

/*--- Bottom navigation ---------------------------------------------------------------------------------------------*/
#bottomNavigation { color: #fff; }
#bottomNavigation a:link, #bottomNavigation a:visited { color: #d4f2ff; }
#bottomNavigation a:hover { color: #fff; }
#bottomNavigation h4 { text-transform: uppercase; }
#bottomNavigation li a { background: url(../images/kia/bottomNavigationLink.png) no-repeat 0px 4px; }

/* Contact box */
#contact .b1, #contact .b2, #contact .b3, #contact .b4, #contact .boxContent { background: #255880; }

/*--- Calculate and buy box  -------------------------------------------------------------------------------------*/
.beginHere{background: url(../images/kia/beginHere.png) no-repeat;}

/*--- Footer --------------------------------------------------------------------------------------------------------*/
#footer { color: #000; }
#footer ul li { border-left: 1px solid #1b486d; }
#footer ul li.first { border: none; }
#footer ul li a , #footer ul li a:visited { color: #d4f2ff; }
#footer ul li a:hover { color: #fff; }
.separator {background: url(../images/kia/separator.png) no-repeat top center; }

/*--- Offers box ----------------------------------------------------------------------------------------------------*/
#offers h2 { background: url(../images/kia/header_Offers.png) no-repeat top left; width: 350px;  }
#offers .content {padding-left:13px;}

/*--- Buttons  ---------------------------------------------------------------------------------------------------*/
.buttonMiddle {color:#000000; font-weight:normal;}
.buttonMiddle {text-align:center;}
a.button, a.navyButton, a.navyButton_cab, a.navyButtonSmall_cab, a.navyButton_cab_noA {cursor:pointer;text-decoration:none;}

/* Blue large */
a.button span.buttonLeft, a.navyButton:hover span.buttonLeft {float: left;height: 29px;width: 10px; }
a.button:hover span.buttonLeft { background: url(../images/kia/buttons/ButtonBlueSmallLeft_Hover.png) 0% 0% no-repeat; }
a.button span.buttonLeft { background: url(../images/kia/buttons/ButtonBlueSmallLeft.png) 0% 0% no-repeat;}
a.button span.buttonMiddle, a.navyButton span.buttonMiddle:hover { color:#ffffff; padding: 5px 0px 0px 12px; float: left;  height: 24px;}
a.button span.buttonMiddle { background: url(../images/kia/buttons/ButtonBlueSmallMiddle.png) 0% 0% repeat-x; }
a.button:hover span.buttonMiddle { background: url(../images/kia/buttons/ButtonBlueSmallMiddle_Hover.png) 0% 0% repeat-x;}
a.button span.buttonRight, a.navyButton span.buttonRight:hover { float: left; width: 25px; height: 29px;}
a.button span.buttonRight { background: url(../images/kia/buttons/ButtonBlueSmallRight.png) 0% 0% no-repeat;}
a.button:hover span.buttonRight { background: url(../images/kia/buttons/ButtonBlueSmallRight_Hover.png) 0% 0% no-repeat;}

/* Blue large */
a.navyButton span.buttonLeft, a.navyButton:hover span.buttonLeft {float: left;height: 42px;width: 10px; }
a.navyButton:hover span.buttonLeft { background: url(../images/kia/buttons/ButtonBlueLeft_Hover.png) 0% 0% no-repeat; }
a.navyButton span.buttonLeft { background: url(../images/kia/buttons/ButtonBlueLeft.png) 0% 0% no-repeat;}
a.navyButton span.buttonMiddle, a.navyButton span.buttonMiddle:hover { color:#fff; padding: 12px 20px 0px 10px; float: left;  height: 42px;}
a.navyButton span.buttonMiddle { background: url(../images/kia/buttons/ButtonBlueMiddle.png) 0% 0% repeat-x; }
a.navyButton:hover span.buttonMiddle { background: url(../images/kia/buttons/ButtonBlueMiddle_Hover.png) 0% 0% repeat-x;}
a.navyButton span.buttonRight, a.navyButton span.buttonRight:hover { float: left; width: 36px; height: 42px;}
a.navyButton span.buttonRight { background: url(../images/kia/buttons/ButtonBlueRight.png) 0% 0% no-repeat;}
a.navyButton:hover span.buttonRight { background: url(../images/kia/buttons/ButtonBlueRight_Hover.png) 0% 0% no-repeat;}
	 
/* Start Cost and purchase */
a.navyButton_cab span.buttonLeft, a.navyButton_cab:hover span.buttonLeft {float: left;height: 42px;width: 10px; }
a.navyButton_cab:hover span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowLeft_Hover.png) 0% 0% no-repeat; }
a.navyButton_cab span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowLeft.png) 0% 0% no-repeat;}
a.navyButton_cab span.buttonMiddle, a.navyButton_cab span.buttonMiddle:hover { padding: 12px 20px 0px 10px; float: left;  height: 36px;}
a.navyButton_cab span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowMiddle.png) 0% 0% repeat-x; }
a.navyButton_cab:hover span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowMiddle_Hover.png) 0% 0% repeat-x; }
a.navyButton_cab span.buttonRight, a.navyButton_cab span.buttonRight:hover { float: left; width: 36px; height: 42px;}
a.navyButton_cab span.buttonRight { background: url(../images/kia/buttons/ButtonYellowRight.png) 0% 0% no-repeat;}
a.navyButton_cab:hover span.buttonRight { background: url(../images/kia/buttons/ButtonYellowRight_Hover.png) 0% 0% no-repeat;}

/* Start Cost and purchase No arrow */
a.navyButton_cab_noA span.buttonLeft, a.navyButton_cab_noA:hover span.buttonLeft {float: left;height: 42px;width: 10px; }
a.navyButton_cab_noA:hover span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowWLeft_Hover.png) 0% 0% no-repeat; }
a.navyButton_cab_noA span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowWLeft.png) 0% 0% no-repeat;}
a.navyButton_cab_noA span.buttonMiddle, a.navyButton_cab_noA span.buttonMiddle:hover { padding: 12px 0px 0px 20px; float: left;  height: 32px;}
a.navyButton_cab_noA span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowWMiddle.png) 0% 0% repeat-x; }
a.navyButton_cab_noA:hover span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowWMiddle_Hover.png) 0% 0% repeat-x;}
a.navyButton_cab_noA span.buttonRight, a.navyButton_cab_noA span.buttonRight:hover { float: left; width: 36px; height: 42px;}
a.navyButton_cab_noA span.buttonRight { background: url(../images/kia/buttons/ButtonYellowWRight.png) 0% 0% no-repeat;}
a.navyButton_cab_noA:hover span.buttonRight { background: url(../images/kia/buttons/ButtonYellowWRight_Hover.png) 0% 0% no-repeat;}

a.navyButtonSmall_cab span.buttonLeft, a.navyButtonSmall_cab:hover span.buttonLeft {float: left;height: 29px;width: 10px; }
a.navyButtonSmall_cab:hover span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowSmallLeft_Hover.png) 0% 0% no-repeat; }
a.navyButtonSmall_cab span.buttonLeft { background: url(../images/kia/buttons/ButtonYellowSmallLeft.png) 0% 0% no-repeat;}
a.navyButtonSmall_cab span.buttonMiddle, a.navyButtonSmall_cab span.buttonMiddle:hover { padding: 7px 2px 0px 1px; float: left;  height: 29px; font-size:12px;}
a.navyButtonSmall_cab span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowSmallMiddle.png) 0% 0% repeat-x; }
a.navyButtonSmall_cab:hover span.buttonMiddle { background: url(../images/kia/buttons/ButtonYellowSmallMiddle_Hover.png) 0% 0% repeat-x;}
a.navyButtonSmall_cab span.buttonRight, a.navyButtonSmall_cab span.buttonRight:hover { float: left; width: 25px; height: 29px;}
a.navyButtonSmall_cab span.buttonRight { background: url(../images/kia/buttons/ButtonYellowSmallRight.png) 0% 0% no-repeat;}
a.navyButtonSmall_cab:hover span.buttonRight { background: url(../images/kia/buttons/ButtonYellowSmallRight_Hover.png) 0% 0% no-repeat;}

/*--- Applicaton: Calculate and Buy  -----------------------------------------------------------------------------*/
#pageSteps span {  background:url(../images/stepDefault.png) no-repeat 100% 50%; }  
#pageSteps ._active {   background:url(../images/stepActive.png) no-repeat 100% 50%;  }  
#pageSteps ._visited {   background:url(../images/stepVisited.png) no-repeat 100% 50%; } 

/*-- Tabstrip Startmenu KIA specifics ----------------------------------------------------------------------------*/
.RadTabStrip { background: url(../images/kia/tabs/TabTopRight.png) 100% 20px no-repeat;   }
.Tab_0 { background: url(../images/kia/tabs/tab1_default.png) top center no-repeat }
.Tab_1 { background: url(../images/kia/tabs/tab2_default.png) top center no-repeat }
.Tab_2 { background: url(../images/kia/tabs/tab3_default.png) top center no-repeat }
.Tab_0.TabSelected { background: url(../images/kia/tabs/tab1_selected.png) top center no-repeat; }
.Tab_1.TabSelected { background: url(../images/kia/tabs/tab2_selected.png) top center no-repeat; }
.Tab_2.TabSelected { background: url(../images/kia/tabs/tab3_selected.png) top center no-repeat; }
#tabLoaderSurround {  background: url(../images/kia/startMiddleShadow.png) top center no-repeat; }
 
 
#dvTab1_Preload{background:url(../images/kia/tabs/tab1_default.png);}
#dvTab2_Preload{background:url(../images/kia/tabs/tab2_selected.png);}
#dvTab3_Preload{background:url(../images/kia/tabs/tab3_selected.png);}
#dvButton1l_Preload{background:url(../images/kia/buttons/ButtonYellowLeft_Hover.png);}
#dvButton1m_Preload{background:url(../images/kia/buttons/ButtonYellowMiddle_Hover.png);}
#dvButton1r_Preload{background:url(../images/kia/buttons/ButtonYellowRight_Hover.png);}
#dvButton2l_Preload{background:url(../images/kia/buttons/ButtonBlueLeft_Hover.png);}
#dvButton2m_Preload{background:url(../images/kia/buttons/ButtonBlueMiddle_Hover.png);}
#dvButton2r_Preload{background:url(../images/kia/buttons/ButtonBlueRight_Hover.png);}