@charset "UTF-8";
/* CSS Document */

/************************************************/
/******************** Reset ********************/
/************************************************/
* { margin:0; padding:0; }

html { 	height: 100%; background: #ffffff; }
body { background: transparent; height: 100%; font-family: Arial, Helvetica, sans-serif; position: relative; }

img           { border:0; vertical-align:top; }

a             { text-decoration:none; color:#006596; }
a:hover, 
a:focus       { text-decoration:underline; }
:focus        { outline: 0; }

p { color: #292929; font-size: 14px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 15px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
h1            { font-size:30px; font-weight:normal; line-height: 30px; color: #36172c; margin-bottom: 15px; }
h2            { font-size:24px; font-weight:normal; line-height: 28px; color: #85396b; margin-bottom: 15px; padding: 20px 0 0; }
h3            { font-size:16px; font-weight: normal; line-height: 18px; color: #85396b; margin-bottom: 12px; }
h4            { font-size:14px; font-weight: normal; line-height: 18px; color: #484848; margin-bottom: 15px; }
h4 span { margin: 0 0 4px; }
h5            { font-size:12px; font-weight:normal; color: #85396b; }
h5 a          { color: #85396b; text-decoration: none; }
h5 a:hover    { color: #85396b; text-decoration: none; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; margin: 0; line-height:18px; color: #ffffff; font-size: 12px;}
address a     { padding:3px 0; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; background: 6px 1px no-repeat url(../images/bg-blq.gif); font-size: 18px; line-height: 20px; color: #888888; padding: 8px 0 0 45px; margin: 0 0 20px; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* pre */
pre			  { background:#fff; }

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.note 		  { color:#757575; font-size:11px; }
.no-border    { border:0 none !important; }
.border-b { border-bottom: solid 1px #d1d2d4; }
.border-double-1 { border-bottom: solid 1px #111111; }
.border-double-2 { border-bottom: solid 1px #232935; margin: 0 auto;}
.font-14 { font-size: 14px; }
.font-12 { font-size: 12px; }
.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; margin: 0 0 30px 30px; }
.aligncenter { text-align: center; } 
.confirmation { float: left; padding: 15px 0 0 10px; margin: 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #518496; }
.black-text { color: #000000; }

/************************************************/
/******************** Styles ********************/
/************************************************/

/* Form Elements */
.input,select,textarea,button, label { font:14px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000000; display: block; }
.input,select,textarea { background:#fff; border:1px solid #a9a9a9; margin: 0 0 20px; }
textarea { padding:3px; overflow:auto; }

select { padding:5px; background: top left repeat-x url(../images/bg-select.gif); width: 570px; }
select option { padding-right:10px; }
select.multiselect option {}

label { margin: 0 0 7px; font-weight: bold; }

.input, textarea { background: top left repeat-x url(../images/bg-input.gif); padding: 5px; width: 560px; color: #333333; }

input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2em !important; }


.button { display:block; overflow:visible; width:auto; color:#000000; border: none;
			 	line-height:41px; height:40px; outline:0 none; cursor:pointer; text-decoration: none; 
				padding:0 14px; background: #e49012 top left repeat-x url(../images/bg-btn.gif); text-transform: uppercase; font-size: 12px; }
button::-moz-focus-inner { padding:0; border:0; }
.button:active { border: none; text-decoration: none; background: #e49012; }
a.button:hover, a.button:active, a.button:focus { text-decoration: none; }


/* Layout ================================================================================= */
#wrapper { height: auto !important; height: 100%; min-height: 100%; position: relative; background:#fff top left repeat-x url(../images/bg-header.gif); font-family: Arial, Helvetica, sans-serif; }
.wrapper-inner { width: 960px; margin: 0 auto; padding: 0 0 100px; }

/* imgs ================================================================================ */ 
.wrapper-img-624-249 { width: 638px; height: 263px; overflow: hidden; margin: 0 auto 20px; border: solid 1px #e6e6e6; }
.wrapper-img-624-249 img { border: solid 7px #fdf9f3;  }

/* Header ================================================================================ */ 
.header { width:960px; height: 163px; }
a.logo { display: block; height: 163px; width: 229px; position: relative; float: left; }
.logo span { height: 163px; width: 229px; right: 0; top: 0; position: absolute; background: bottom left no-repeat url(../images/ka-logo.gif); cursor: pointer; }

.header-inner { width: 720px; float: left; height: 163px; }

.header-inner .nav-top { height: 34px; margin: 0 0 26px; width: 720px; }
.nav-top ul { float: right; height: 34px; }
.nav-top ul li { float: left; height: 34px; padding-left: 22px; color: #fff; font-size: 11px; line-height: 32px; white-space: nowrap; }
.nav-top ul li a{ color: #fff; font-size: 11px; line-height: 32px; height: 34px; display: block; float: left; }

.icons { background: no-repeat url(../images/icons.gif); display: block; overflow: hidden;  }

.nav-top .email{ background: 0 0 no-repeat url(../images/icons.gif); padding: 0 0 0 25px; height: 34px; line-height: 32px; }
.nav-top span.phone{ background: 0 -30px no-repeat url(../images/icons.gif); padding: 0 0 0 25px; height: 34px; line-height:32px; display: block; float: left; }

.nav-top ul li a.login{ text-transform: uppercase; background: #24101d; padding: 0 15px; text-decoration: none; }
.nav-top ul li a.login:hover{ text-decoration: none; background: #000; }

/* Menu Main ================================================================================ */ 
.main-menu { height: 35px; width: 720px;  }
.main-menu ul{ float: left; height: 35px; }
.main-menu ul li{ float: left; height: 35px;  }
.main-menu ul li a{ float: left; font-size: 11px; text-transform: uppercase; color: #fff; padding: 0 15px; height: 35px; line-height: 35px; text-decoration: none; font-weight: bold; background: top right no-repeat url(../images/bg-main-menu-border.gif); margin: 0 1px 0 0;}
.main-menu ul li a:hover, .main-menu ul li a.selected{ color: #36172b; background: #fff top left repeat-x url(../images/bg-main-menu.gif); text-decoration: none; }

.sub-menu { height: 53px; background: #fff; margin: 0 0 0 10px; width: 710px; }
.sub-menu ul{ float: left; height: 53px; background: #fff top left repeat-x url(../images/bg-sub-menu-ul.gif); }
.sub-menu ul li{ float: left; height: 53px; background: right 12px no-repeat url(../images/bg-sub-menu-li.gif); }
.sub-menu ul li a{ float: left; font-size: 11px; color: #38182d; padding: 0 15px; height: 53px; line-height: 44px; text-decoration: none; }
.sub-menu ul li a:hover{ color: #893a6e; text-decoration: none; background: none; }
.sub-menu ul li a.selected{ color: #893a6e; text-decoration: none; background: bottom center no-repeat url(../images/bg-sub-menu-a.gif); }


/* Page layout =================================================================================*/
.page { width: 960px; }

.sidebar { width: 290px; margin: 0 5px; }
.sidebar .single-block { border-bottom: solid 1px #e6e6e6; padding: 0 0 0px; margin: 0 0 20px; }
.sidebar a{ font-size: 11px; line-height: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.sidebar p { padding: 0 0 0 5px; font-size: 12px; line-height: 16px; margin: 0 0 15px; }

.content img {border-color: #E6E6E6 !important;}
.content img.main {background: #FDF9F3; padding: 8px; border: 1px solid #E6E6E6}
.content table {margin-bottom: 20px}

.content { width: 640px; }
.content ul li, .content ol li,
.sidebar ul li, .sidebar ol li { font-size: 14px; line-height:18px; margin: 0 0 4px; color: #292929; font-family:Georgia,"Times New Roman",Times,serif;}
.content ul, .sidebar ul { margin: 0 0 20px 25px; list-style:circle; }
.content ol, .sidebar ol { margin: 0 0 20px 25px; list-style:decimal; }
.content h3 {clear:both}
.pager a.prev {float: left}
.pager a.next {float: right}

.bottom-block { padding: 18px 0; width: 960px; margin: 15px 0 0; border-top: 1px solid #E6E6E6; }
table.layout-3 { width: 960px; }
table.layout-3 td { width: 310px; text-align: center; padding: 0 5px 10px; vertical-align: middle; }

.wrapper-carousel { border: solid 1px #e6e6e6; width: 629px; height: 461px; z-index: 97; }
.carousel { border: solid 7px #fdf9f3; width: 615px; height: 446px; z-index: 98; position: relative; }
#carousel-inner {width: 615px; height: 355px; overflow: hidden}

.wrapper-videos { height: 105px;}
.wrapper-videos .single-video{ width: 123px; height: 84px; float: left; }
.wrapper-videos .single-video a{ text-decoration: none; margin: 4px; display: block; width: 115px; height: 84px; position: relative; }
.wrapper-videos .single-video a span { display: none;}
.wrapper-videos .single-video a.selected,
.wrapper-videos .single-video a:hover{ border: solid 4px #8a3d70; margin: 0; }
.wrapper-videos .single-video a.selected span,
.wrapper-videos .single-video a:hover span { display: block; top: -16px; left: 50%; height: 12px; width: 19px; margin-left: -9px; background: top left no-repeat url(../images/bg-arrow.png); z-index: 99; position: absolute; }

.contact-links { height: 34px; }
.contact-links ul { float: left; height: 34px; }
.contact-links ul li { float: left; height: 34px; margin-right: 8px; color: #5f5f5f; font-size: 11px; line-height: 18px; }
.contact-links a{ display: block; float: left; color: #5f5f5f;}
.contact-links span{ float: left; display: block; margin: 0 5px 0 0; }
.contact-links .email{ height: 13px; width: 18px; overflow: hidden; background-position: 0px -66px; }
.contact-links .phone{ height: 19px; width: 17px; overflow: hidden; background-position: 0px -78px; }

/* footer =================================================================================*/
#wrapperfooter { height: 100px; width: 100%; position: absolute; bottom: 0; height: 75px; }
.footer { margin: 0 auto; width: 960px; height: 60px; padding-top: 15px; border-top: solid 1px #f3f3f3; }
.footer p { float: left; color: #c2c2c2; font-size: 11px; line-height: 20px; font-family: Georgia, "Times New Roman", Times, serif; }
.footer p.doejo { float: right; }
.footer p.doejo a{ font-weight: bold; font-style: italic; font-size: 15px; font-family: "ArcherPro", Georgia, "Times New Roman", Times, serif; color: #c2c2c2; } 

/************************************************/
/******************** Clears ********************/
/************************************************/
.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0px; padding: 0px; width: 100%; }
#wrapper:after,
.wrapper-inner:after,
.header:after,
.header-inner:after,
.nav-top:after,
.nav-top ul:after,
.nav-top ul li a:after,
.nav-top ul li:after,
.main-menu:after,
.footer:after,
.bottom-block:after,
.contact-links:after,
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.clearer {zoom:1;}



.infiniteCarousel {
  position: relative;
}

.infiniteCarousel div {
	width: 615px;
	height: 355px;
	/* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  position: absolute;
  top: 0;
  margin: 0px;
  padding: 0px;
}

.infiniteCarousel div ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
	display:block;
	float:left;
	width: 615px;
	height: 355px;
}

.infiniteCarousel ul li a img {
  display:block;
}