/* Copyright 2009 Xsevo */
html, body { height: 100%; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #888888; margin:0; padding:0; background: #666; }
a { font-weight: normal; }
img { border:0; -ms-interpolation-mode: bicubic; }
table { border-collapse: collapse; }
textarea, input { font-size: 11px; font-family:  Arial, Helvetica, sans-serif; }

/* Misc */
.cf:after, .hsep:after, .btn:after, .quote:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0px; font-size: 0px;  }
/* Hide from IE Mac \*/
.cf, .hsep, .btn, .quote { zoom:1; } /* IE6&7 hasLayout /*
/* End hide from IE Mac */

.nav { line-height: 19px; padding: 3px 10px; margin: 0px; background: #0b2b8c url(../images/layout/footer.jpg); color: #fff; border-bottom: solid 1px #000; -webkit-text-size-adjust: none; }
.nav ul { display:block; float:left; margin:0; padding:0; color: #aaa; }
.nav li { list-style: none; display: inline; padding-left: 3px; padding-right: 3px; }
.nav li a:link, .nav li a:visited { color: white;  text-decoration: none; }
.nav li a:hover { color: #f00; }
.nav-r { float: right; position: relative; top: 2px; line-height: 15px;}
.nav-r a { outline: none; }
.nav-r li { float: left; }
.nav-edit a, .nav-new a { display: block; float: left; width: 16px; height: 16px; }
.nav-edit a { background: url(../images/icons/edit.png); }
.nav-new a { background: url(../images/icons/new.png); }

/* Buttons */
.btn { display: block; float: left; margin: 0px; padding: 0px 0px; list-style: none; line-height: 22px; height: 22px; text-align: right; }
.btn li  { background: url(../images/btn/bl-r.png) no-repeat; height: 22px; }
.btn li a, .btn li span  { background-image: url(../images/btn/bl.png); height: 22px; }
* html .btn li { background-image: url(../images/btn/bl-ie-s.png); }
* html .btn li a, * html .btn li span { background-image: url(../images/btn/bl-ie-s.png); }
.btn li { display: block; float: left; margin: 0 1px 0 0; padding: 0 5px 0 0; font-size: 10px; background-position: 100% 0; white-space: nowrap; text-align: center; }
.btn a, .btn span { font-weight: bold; display: block; color: #eee !important; padding: 0px 4px 0px 9px; background-position: 0 0; text-transform: uppercase; text-decoration: none; outline: none; }
.btn li:hover a,.btn li:hover span { color: #fff !important; background-position: 0 -22px; }
.btn li a:hover { color: #fff !important; }
.btn li:hover { background-position: 100% -22px; }
* html .btn li { display: inline !important; float: none !important; }
* html .btn a, * html .btn span { display: inline-block !important; }

/* Hover boxes */
.hb, .hbs, .hbl { position: absolute; display: none; top:0; left:0; padding: 0; z-index:100; color: #000; }
.msg-box { z-index: 101; }
.hb { width: 380px; }
.hbs { width: 229px; }
.hbl { width: 600px; }
.hb .t { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/m-top.png',sizingMethod='scale'); width: 100%; height: 22px; }
.hb .c { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/m-cen.png',sizingMethod='scale'); width: 100%; overflow: hidden; }
.hb .b { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/m-bot.png',sizingMethod='scale'); width: 100%; height: 25px; }
.hbs .t { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/s-top.png',sizingMethod='scale'); width: 100%; height: 22px; }
.hbs .c { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/s-cen.png',sizingMethod='scale'); width: 100%; overflow: hidden; }
.hbs .b { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/s-bot.png',sizingMethod='scale'); width: 100%; height: 25px; }
.hbl .t { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/l-top.png',sizingMethod='scale'); width: 100%; height: 22px; }
.hbl .c { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/l-cen.png',sizingMethod='scale'); width: 100%; overflow: hidden; }
.hbl .b { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.kraftwerksusa.com/images/hover/l-bot.png',sizingMethod='scale'); width: 100%; height: 25px; }
html>body .hb .t { background: url(../images/hover/m-top.png) no-repeat; }
html>body .hb .c { background: url(../images/hover/m-cen.png) repeat-y; }
html>body .hb .b { background: url(../images/hover/m-bot.png) no-repeat; }
html>body .hbs .t { background: url(../images/hover/s-top.png) no-repeat; }
html>body .hbs .c { background: url(../images/hover/s-cen.png) repeat-y; }
html>body .hbs .b { background: url(../images/hover/s-bot.png) no-repeat; }
html>body .hbl .t { background: url(../images/hover/l-top.png) no-repeat; }
html>body .hbl .c { background: url(../images/hover/l-cen.png) repeat-y; }
html>body .hbl .b { background: url(../images/hover/l-bot.png) no-repeat; }
.hb .o, .hbl .o, .hbs .o { position: relative; margin: 0 26px 0 20px; }
.hb .m, .hbl .m, .hbs .m { padding: 20px; }
.h-menu .o { padding:0; }
.h-menu .m { padding:0; }
.h-menu .hov { display: block; margin: 0; padding: 0; list-style: none; }
.h-menu .hov li { display: block; margin: 0; padding: 1px 3px; }
.h-menu .hov li a { border: 1px solid #f0f0f0; display: block; text-decoration: none; padding: 3px 5px; }
.h-menu .hov li a:hover { border: 1px solid #dfcfcf; background-color: #ffff99; }
.h-menu img { margin-bottom: -4px; margin-right: 5px; }
.h-tpc .m { padding: 8px; }
.hbg { background: #000; position: absolute; top:0; left:0; right:0; height:0; width: 100%;  z-index: 50; opacity: 0.4; filter:alpha(opacity=40); }


.g-bg { background: #000; position: fixed; top:0; left:0; right:0; bottom:0; width: 100%;   z-index: 2; opacity: 0.6; filter:alpha(opacity=60); display: none; }
/* Hack IE6 */
* html, * html body { height: 100%; }
* html .g-bg { position: absolute; width: 100%; height: 100%; }
/* End Hack */

/* Page Lists */
.pg   { text-align: left; line-height: 25px; list-style: none; margin: 0px; padding: 0px 0px; display: inline; }
.pg li { display: inline; margin: 0 2px;}
.pg a:visited, .pg a:active, .pg a:link  { color: #000;}
.pg a, .pg span { margin: auto 0px; padding: 2px 4px; border: 1px solid #888888; text-decoration: none;}
.pg a:hover { background-color: #ccc;  }
.pg-c span { color: #b70501; font-weight: bold; }
.pg-f a, .pg-l a, .pg-arr a { border: none;}
.rp { padding: 5px; }

/* Main */
.wrap { width: 776px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px; background-color: #fff; }
.main { padding: 0; margin: 0 auto; }
.cont { color: #000; }

/* Header */
.header { height: 99px; position: relative; background: url(../images/layout/header.jpg); -webkit-text-size-adjust: none; }
.header .link { display: block; position: absolute; }
.header .link a { display: block; width: 100%; height: 100%; outline: none;}
.header .logo { top:0; left:0; width: 250px; height: 77px; /* background: url(../images/layout/logo.jpg); */ }
.header .cart, .header .feed, .header .myspace, .header .facebook { width: 17px; height: 17px; }
.header .cart { background: url(../images/layout/cart.png) no-repeat;  top: 17px; right: 20px; }
.header .feed { background: url(../images/layout/feed.png) no-repeat;  top: 17px; right: 45px; }
.header .facebook { background: url(../images/layout/facebook.png) no-repeat;  top: 17px; right: 70px; }
.header .myspace { background: url(../images/layout/myspace.png) no-repeat;  top: 17px; right: 95px; }
.header .login { display: block; position: absolute; top: 47px; right: 17px; width: 100px; text-align: right; }
.header .login a { font-size: 10px; color: #fff; font-weight: bold; text-decoration: none; }
.header .login a:hover { color: #ccc; }

/* Dropdown Menus (P7) */
.menu-box { position: absolute; right: 0; bottom:4px; width: 776px; height: 20px; font-weight: bold; padding: 0px; z-index: 1; overflow: hidden; background: url(../images/layout/menu-grad.png) repeat-x; }
.menu, .menu ul { padding: 0; margin: 0; list-style: none; }
.menu a { display: block; text-decoration: none; font-size: 9px; color: #000; /* text-transform: uppercase; */ font-weight: bold;  padding: 6px 11px; padding-bottom: 4px;  background: url(../images/layout/menu-grad.png) repeat-x; text-align: center; outline: none; }
.menu li { float: right; border-left: 4px solid #e0e0e0; }
.menu li ul, .menu ul li  { width: 130px; border: none; }
.menu ul li a  { display: block; margin:0; padding: 3px 8px 3px 10px; width: auto; height: auto; color: #fff; text-align: left; text-transform: none; background: none; }
.menu li ul { position: absolute; display: none; background-color: #343334; opacity: 0.9; filter:alpha(opacity=90); }
.menu li:hover a, .menu a:focus, .menu a:active, .menu li.p7hvr a { color: #fff; display: block; }
.menu li:hover ul, .menu li.p7hvr ul { display: block; }
.menu li:hover ul a, .menu li.p7hvr ul a { color: #fff; background-color: transparent; }
.menu ul a:hover { background-color: #999999; color: #FFFFFF; }
.menu li { width: auto; }
.menu ul li a:hover { background-color: #999999; color: #FFFFFF; }

/* Footer */
.f-spacer { height: 25px; }
.footer { background: #092473 url(../images/layout/footer.jpg); width: 776px; margin: 0 auto; color: #fff; text-align: center; padding: 7px 0; height: 11px; font-size: 11px; line-height: 11px; -webkit-text-size-adjust: none; }

/* Rotator */
.xs-rotator-box { position: relative; display:none; }
.xs-rotator { position: relative; }
.xs-rotator div { position: absolute; top:0; left:0; width: 100%; height: 100%; right:0; bottom:0; }
.xs-rotator div a { display: block; width: 100%; height: 100%; outline: none; }
.xs-rotator div img { display: block; width: 100%; height: 100%; }
.xs-rotator-ctrl { position: absolute; left: 0; right: 0; z-index: 3; visibility: hidden; }
* html .xs-rotator-ctrl { display: none ! important;}
.xs-rotator-ctrl-l0, .xs-rotator-ctrl-l1, .xs-rotator-ctrl-l2, .xs-rotator-ctrl-l3, .xs-rotator-ctrl-l4, .xs-rotator-ctrl-l5 { visibility: visible; }
.xs-rotator-ctrl-l0, .xs-rotator-ctrl-l1, .xs-rotator-ctrl-l2 { top: 10px; }
.xs-rotator-ctrl-l3, .xs-rotator-ctrl-l4, .xs-rotator-ctrl-l5 { bottom: 10px;  }
.xs-rotator-ctrl-l0, .xs-rotator-ctrl-l5 { left: 8px; }
.xs-rotator-ctrl-l2, .xs-rotator-ctrl-l3 { right: 8px; }
.xs-rotator-ctrl-l1, .xs-rotator-ctrl-l4 { text-align: center; }
.xs-rotator-ctrl ul { display:inline;  margin:0; padding:0; }
.xs-rotator-ctrl li { display: inline; list-style: none; margin:0 2px; font-size: 10px; color: #fff; }
.xs-rotator-ctrl li a  { background-color: #555;  color: #f8f8f8;  *display:inline-block; border: 1px solid #222; padding: 2px 5px; text-decoration: none; outline: none; }
.xs-rotator-ctrl li:hover a { border-color: #f00;  }
.xs-rotator-idx-current a { border-color: #f00 ! important; color: #fff ! important; font-weight: bold ! important; }