html { height: 101%; }
body { font-family: Arial,Helvetica,sans-serif; font-size: 62.5%; }
body, html, p, form, h1, h2, h3, h4, h5, h6, ul { margin: 0pt; padding: 0pt; }
.clearBoth { clear: both; line-height: 0pt; font-size: 0pt; height: 0pt; }
a img { border: medium none ; }
a:hover img.th {filter: alpha(opacity=50);	-moz-opacity: 0.5; -khtml-opacity: 0.5;opacity: 0.5;}  
a { color: rgb(0, 0, 0); text-decoration: underline; }
a:hover { text-decoration: none; }
a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
.header { background: rgb(1, 30, 48) url('header.jpg') repeat-x scroll center top; }
#pixCenter { border: medium none ; margin: auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 996px; }
#pixHolder { border-style: none solid solid; border-color: -moz-use-text-color rgb(0, 36, 58) rgb(0, 36, 58); border-width: medium 6px 6px; margin: 0pt; padding: 0pt; height: 1%; position: relative; }
#pixHead { border-bottom: 5px solid rgb(76, 173, 210); margin: 0pt 10px 10px; padding: 0pt; background: transparent none repeat scroll 0% 0%; height: 1%; width: 646px; position: relative; }
h1 { margin: 30px 0pt 20px; font-size: 1.8em; }
h2 { font-size: 2.2em; color: rgb(0, 0, 0); }
h3 { font-size: 1.8em; margin-bottom: 8px; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
ul, ol { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
li { padding: 3px 0pt 4px; clear: both; }
#blok { background: transparent none repeat scroll 0% 0%; display: block; }
#Nav { border-style: solid solid none; border-color: rgb(1, 29, 47) rgb(1, 29, 47) -moz-use-text-color; border-width: 1px 1px medium; margin: 0pt 5px; padding: 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; height: 1%; text-align: center; }
#Nav ul { margin: 0pt 0pt 0pt 0px; padding: 0pt; overflow: hidden; font-size: 1.3em; text-align: center; height: 1%; }
#Nav ul li { border-top: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); margin: 0pt; padding: 0pt; display: block; float: left; clear: none; height: 2.25em; }
#Nav a { border-bottom: 1px solid rgb(255, 255, 255); padding: 5px 0pt; background: rgb(195, 226, 244) url('cattaboffright.jpg') repeat-x scroll right top; color: rgb(0, 47, 74); display: block; float: left; margin-right: 0pt; height: 1.4em; text-decoration: none; font-weight: bold; }
#Nav ul li:hover { border-top: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 0pt; }
#Nav ul li:hover a { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 47, 74); height: 1.4em; margin-top: 0pt; }
#Nav li#Selected { border-top: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); border-bottom: medium none; background: rgb(53, 157, 210) none repeat scroll 0% 0%; margin-top: 0pt; }
#Nav li#Selected a { border-bottom: medium none; padding: 5px 0pt; background: rgb(1, 81, 123) url('cattabonright.jpg') repeat-x scroll center bottom; color: rgb(255, 255, 255); height: 1.4em; }
#Nav a:hover { background: transparent none repeat scroll 0% 0%; color: rgb(1, 81, 123); }
#Nav li.oTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.aTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.bTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.cTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.dTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.eTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.fTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
#Nav li.gTab a { padding-left: 0pt; padding-right: 0pt; width: 122px; }
img { border: medium none ; }
#footer { font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; padding-bottom: 10px; }
#footer p { padding: 4px 0pt; line-height: 1em; }
#footerpix { margin: auto; padding: 0pt; width: 996px; color: rgb(255, 255, 255); }
.footerpixHolder { margin: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; height: 1%; }
.footerpixHolder p, a { color: rgb(162, 162, 162); }
body#cj { background: rgb(54, 6, 31) url('slutsmainbg.jpg') repeat-x scroll 0% 0%; }
body#cj #Nav li#Selected { background: rgb(196, 31, 114) none repeat scroll 0% 0%; }
body #Nav li a:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
body#cj #Nav li#Selected a { border-bottom: medium none; background: rgb(127, 0, 68) url('slutstabselected.jpg') repeat-x scroll center bottom; }
#pixCenter { border-bottom: 6px solid rgb(12, 39, 57); background: rgb(12, 39, 57) none repeat scroll 0% 0%; }
#pixHolder { border: 1px solid rgb(255, 255, 255); margin: 0pt 6px 0px; height: 1%; }
body#cj #pixHolder { background: rgb(6, 29, 40) url('slutspixholderbg.jpg') repeat-x scroll 0% 0%; }
#pixHolder #pixHead { border: medium none ; margin: 0pt; padding: 12px 25px; width: 932px; }
#pixHolder #pixHead #pixHeadText { position: absolute; right: 25px; top: 12px; width: 470px; height: 30px; color: rgb(255, 255, 255); font-size: 1.2em; }
#pixHeadText li { padding-left: 50px; display: none; }
#pixHeadText p { float: left; }
#pixHeadText a.download { padding: 5px 0pt 0pt; background: transparent url('download.gif') no-repeat scroll center top; display: block; width: 173px; height: 29px; text-align: center; font-size: 1.6em; text-decoration: none; float: right; color: rgb(255, 255, 255); top: 0px; left: 281px; position: absolute; }
#pixHeadText a.download:hover { background: transparent url('download.gif') no-repeat scroll center bottom; color: rgb(255, 255, 255); }
#pixHolder #pixMain { margin: 0pt 9px 12px; padding: 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 1%; z-index:20;}
#pixMain .curvesTop { margin: 0pt; background: transparent url('slutscurvetopright.gif') no-repeat scroll right top; position: absolute; height: 3px; left: 9px; }
body#cj #pixMain .curvesTop, body#cj #pixMain .curvesBottom { width: 964px; }
#pixMain .curvesTop div { margin: 0px; background: transparent url('slutscurvetopleft.gif') no-repeat scroll left top; display: block; width: 8px; height: 8px; }
body #pixMain .curvesBottom { margin: 0pt; position: absolute; bottom: 12px; height: 3px; left: 9px; z-index:1;}

body #pixMain .curvesBottom div { display: block; width: 8px; height: 3px; z-index:1;}

#lowerBlock .infoBlock h3, .subn h3 { margin: 0pt 0pt 1px; padding: 5px 0pt 7px 8px; background: rgb(53, 154, 206) url('infoblockheadbg.jpg') repeat-x scroll 0% 0%; color: rgb(255, 255, 255); font-weight: bold; font-size: 1.5em; }

body#cj #thumbs ul li.thbl { padding: 0px 3px 0px 0pt; width: 201px; height: 164px; display: block;  background: transparent url(back1.jpg) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border-bottom: 3px solid rgb(255, 255, 255);}

body#cj #thumbsvid ul li.thbl { padding: 0px 3px 0px 0pt; width: 201px; height: 164px; display: block;  background: transparent url(back1.jpg) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border-bottom: 3px solid rgb(255, 255, 255);}

li.thbl .thblTop { height: 164px; width: 200px; float: left; }
li.thbl .thblTop a { height: 164px; width: 200px; display: block; }

body#cj #thumbs ul li.thblp { padding: 0px 3px 0px 0pt; width: 160px; height: 200px; display: block;  background: transparent url(backf.gif) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border-bottom: 3px solid rgb(255, 255, 255);}
li.thblp .thblpTop { height: 200px; width: 159px; float: left; }
li.thblp .thblpTop a { height: 200px; width: 159px; display: block; }


body#cj #thumbs ul li.thbls {
	padding: 0px 3px 0px 0pt;
	width: 269px;
	height: 244px;
	display: block;
	background: transparent url(back.jpg) no-repeat scroll 0% 0%;
	border-bottom: 3px solid rgb(255, 255, 255);
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
}
li.thbls .thblTop { height: 201px; width: 200px; float: left; }
li.thbls .thblTop a { height: 201px; width: 200px; display: block; }

#thumbox { margin: 0pt; padding: 3px 0pt 0pt 3px; }
#thumbox #catsLeftBlock { margin: 0px 3px 0px 0px; width: 142px; display: block; float: left; height: 381px; }
#thumbox #category { margin: 0pt; padding: 0pt; height: 260px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#thumbox #category li { margin: 0pt; padding: 0pt; display: inline; height: 1%; }
#thumbox #category li a { border-bottom: 3px solid rgb(255, 255, 255); padding: 5px 0pt 0px 9px; background: rgb(18, 122, 171) url('categorylinkbg.jpg') no-repeat scroll 0% 0%; display: block; color: rgb(255, 255, 255); text-decoration: none; font-size: 1.2em; font-weight: bold; height: 20px; }
#thumbox #category li a:hover, #thumbox #category li a.sel { background: rgb(1, 53, 79) url('categorylinkbgon.jpg') no-repeat scroll 0% 0%; }
#thumbox .support { padding: 0pt 0pt 0pt 9px; }

#thumbox #category1 { margin: 0pt; padding: 0pt; height: 1350px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#thumbox #category1 li { margin: 0pt; padding: 0pt; display: inline; height: 1%; }
#thumbox #category1 li a { border-bottom: 3px solid rgb(255, 255, 255); padding: 5px 0pt 0px 9px; background: rgb(18, 122, 171) url('categorylinkbg.jpg') no-repeat scroll 0% 0%; display: block; color: rgb(255, 255, 255); text-decoration: none; font-size: 1.2em; font-weight: bold; height: 20px; }
#thumbox #category1 li a:hover, #thumbox #category li a.sel { background: rgb(1, 53, 79) url('categorylinkbgon.jpg') no-repeat scroll 0% 0%; }

body#cj #thumbox .support a { color: rgb(53, 154, 206); margin-left: -4px; }
#thumbs { margin: 0pt; padding: 0pt; overflow: hidden; display: block; float: left; height: 1%; }
body#cj #thumbs { width: 816px; }
#thumbs ul li { padding: 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; float: left; clear: none; }

#thumbsvid ul li { padding: 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; float: left; clear: none; }

#catsInt ul li { padding: 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; float: left; clear: none; }
body#cj #thumbs ul li { width: 269px; }

body#cj #thumbsvid ul li { width: 269px; }

#lowerBlock { border-style: none solid solid; border-color: -moz-use-text-color rgb(255, 255, 255) rgb(255, 255, 255); border-width: medium 1px 1px; margin: 0pt 6px 6px; padding: 0pt 0pt 10px; background: rgb(193, 221, 232) none repeat scroll 0% 0%; height: 1%; position: relative; }

#lowerBlock .infoBlock { border: 3px solid rgb(255, 255, 255); margin: 9px 0pt 0pt 9px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; width: 309px; float: left; display: inline; }
#lowerBlock .infoBlock.quickLinks { width: 957px; }
ul.siteMap { font-size: 14px; color: rgb(51, 151, 203); line-height: 14px; list-style-type: circle; list-style-position: outside; float: left; width: 170px; padding-left: 20px; }
ul.siteMap li { vertical-align: middle; clear: none; width: 170px; }
ul.siteMap a { font-weight: bold; color: rgb(51, 151, 203); }

#lowerBlock .infoBlock h3 { margin: 0pt 0pt 1px; padding: 5px 0pt 7px 8px; background: rgb(53, 154, 206) url('infoblockheadbg.jpg') repeat-x scroll 0% 0%; color: rgb(255, 255, 255); font-weight: bold; font-size: 1.5em; }
#lowerBlock h3 { margin: 0pt 0pt 1px; padding: 5px 0pt 7px 8px; background: rgb(53, 154, 206) url('infoblockheadbg.jpg') repeat-x scroll 0% 0%; color: rgb(255, 255, 255); font-weight: bold; font-size: 2em; }
#lowerBlock .infoBlock2 h3 { margin: 0pt 0pt 1px; padding: 5px 0pt 7px 8px; background: rgb(53, 154, 206) url('infoblockheadbg.jpg') repeat-x scroll 0% 0%; color: rgb(255, 255, 255); font-weight: bold; font-size: 1.5em; }
#lowerBlock .infoBlock h4 { padding: 7px 0pt 0pt 8px; font-size: 1.4em; font-weight: bold; color: rgb(9, 107, 154); }
#lowerBlock .infoBlock p { padding: 0pt 0pt 0pt 8px; color: rgb(53, 154, 206); font-size: 1.2em; }
#lowerBlock .infoBlock a { color: rgb(53, 154, 206); }
#footer { background: transparent none repeat scroll 0% 0%; }
div.scrollpix { overflow: hidden; width: 310px; height: 100px; }
div.scrollpix ul { margin: 0pt; padding: 0pt; width: 1000px; }
div.scrollpix ul li { border: medium none ; margin: 0pt; padding: 0pt; clear: none; width: 310px; float: left; }
.bookmarks {width: 800px; margin: 0px auto; margin-bottom: 10px; text-align: center;}
.bookmarks p {font-size: 130%; color: #FFF; font-weight: bold;}
.bookmarks a {font-size: 450%; color: #FFF; font-weight: bold; text-decoration:none;}
.bookmarks a:hover {color: #99cc33;}
.bookmarks span {color: #99cc33;}
.right {text-align: center;}

#inf { margin: 0pt; padding: 3px 0pt 0pt 3px; height: 1%; }
#cl { padding: 0px 15px 30px; float: left; width: 618px; }
#cr { border-top: 6px solid rgb(255, 255, 255); margin: -3px 0pt 6px 7px; padding: 6px; background: rgb(204, 229, 252) none repeat scroll 0% 0%; float: left; width: 288px; }
#cl h1 { border-bottom: 2px solid rgb(53, 154, 206); margin: 4px 0px 8px; padding: 4px 0pt 8px; color: rgb(17, 17, 17); font-size: 2.3em; font-weight: 100; letter-spacing: -1px; }
#cl h2 { border-bottom: 2px solid rgb(53, 154, 206); margin: 0pt; padding: 4px 0pt 8px; font-size: 2.3em; font-weight: 100; letter-spacing: -1px; color: rgb(0, 62, 94); }
#cl h3 { border-bottom: 1px dotted rgb(53, 154, 206); margin: 20px 0pt 10px; padding: 2px 0pt 2px 0px; color: rgb(53, 154, 206); font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 1.3em; letter-spacing: normal; clear: both; }
#cl table { border-style: solid none none solid; border-color: rgb(53, 154, 206) -moz-use-text-color -moz-use-text-color rgb(53, 154, 206); border-width: 1px medium medium 1px; margin: 10px 0pt 0pt; padding: 0pt; clear: both; width: 100%; font-size: 1em; }
#cl td { border-style: none solid solid none; border-color: -moz-use-text-color rgb(53, 154, 206) rgb(53, 154, 206) -moz-use-text-color; border-width: medium 1px 1px medium; margin: 0px; padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(53, 154, 206); }
#cl th { background-color: rgb(53, 154, 206); color: rgb(255, 255, 255); font-weight: bold; text-align: left; }
#cl strong { color: rgb(53, 154, 206); font-weight: bold; }
#cl p { margin-top: 10px; color: rgb(0, 0, 0); font-size: 1.3em; }
#cl ul { padding: 0pt 35px 0pt 20px; list-style-type: square; list-style-image: none; list-style-position: outside; font-size: 1.3em; }
#cl ol { margin: 0px; padding: 30px; list-style-type: decimal; list-style-image: none; list-style-position: outside; font-size: 1.3em; }
#cl ol ul { font-size: 14px; }

.subn { height: 1%; margin-top: 0pt; }
.subn { padding: 3px; background-color: rgb(255, 255, 255); }
.subn ul li#home { border-bottom: medium none; }

.subn ul { background: rgb(237, 247, 249) none repeat scroll 0% 0%; padding: 7px;}
.subn ul a { font-size: 14px; color: #369bcf; text-indent: 47px; font-weight:bold;}
.subn ul a img { border: 5px solid #cce5fc; } 
.subn ul a:hover img { border-color: #369bcf; }

.subn ul li { border-bottom: 1px dotted rgb(204, 204, 204); padding: 0pt; display: block; }
.subn ul li a:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.subn ul li.current a { font-weight: bold; }
.subn ul li.current a:hover { background: rgb(204, 229, 252) none repeat scroll 0% 0%; }
.subn ul li.current { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-bottom: 10px; }
.subn ul li.currentPage a { background: rgb(255, 255, 255) url('arrownavon.gif') no-repeat scroll 3px 10px; font-weight: bold; }
.subn ul li.current ul li.currentPage a { background: transparent url('arrownavon.gif') no-repeat scroll left 7px; }
.subn ul li ul { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 262px; padding-left: 10px; }
.subn ul li ul li { border-bottom: medium none; width: 262px; }
.subn ul li ul li a { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 262px; font-size: 1.1em; color: rgb(0, 0, 0); padding-top: 4px; padding-bottom: 4px; }
.tool {position: absolute; left: 0%; top: -15%; width: 100%; color: white; z-index: 5000; display: none;}

li.thbls .thblBottom { height: 30px; width: 250px; float: left; }
li.thbls .thblBottom div.Top { padding: 5px 0px 0px 5px; height: 10px; float: left; width: 260px; }
li.thbls .thblBottom div.Bottom { padding: 5px 0px 0px 5px; height: 10px; float: left; width: 260px; }
div.Top .title { font-weight: bold; text-align:center; font-size: 1.2em; color: rgb(255, 255, 255); float: left; width: 100%; text-transform: uppercase; }
div.Top .desc { padding: 5px 0pt 0pt 63px; font-weight: normal; text-align:center; font-size: 1.1em; color: rgb(53, 154, 206); float: left; }
div.Top .desc span { display: block; float: left; margin-right: 9px; }
div.Top .desc a { color: rgb(255, 255, 255); width: 62px; display: block;}
.thblBottom div.Bottom .left { float: left; width: 85px; padding-right: 3px; padding-bottom: 4px; }
.thblBottom div.Bottom .right { float: left; width: 85px; }


body#cj .tooltip {
background-color:#FFF;
padding:15px;
border: 2px solid #ff7d33;
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #00234c;
z-index: 200;
}
body#cj #slider {position: absolute; top: -420px; left: 10px; z-index: 100; width: 315px;}
body#cj #slider .inr {background: #d4d0c8; padding:0 1px 5px 4px; padding-right:expression(2+'px'); padding-left:expression(2+'px'); border-bottom: 1px solid #a09d98; width: 305px;}
body#cj #slider .inr img {float: left; margin: 0;}
body#cj #slider .sliderClose {cursor: pointer;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}