/****************************/
/* Compiled in ControlStyle */
/****************************/

/* tags */
html, body {margin:0; padding:0; color:#333333; width:100%; height:100%}
body {background:white url(../images/globalbg.gif) repeat-x}
a:link,  a:visited {color:#116CAC; text-decoration:none} a:hover {color:#116CAC; text-decoration:underline} a:active {color:#FF6633; text-decoration:underline} a img {border:0} 
div.p, form, table, p, h1, h2, h3 {padding:0 0 18px 0; margin:0}
ul, ol {padding-top:0; margin-top:0; padding-bottom:18px; margin-bottom:0}
h1, h2, p, textarea, input, select, body, form {font:12px/15px Tahoma, Arial, Verdana, sans-serif}
p {text-align:justify}
h1 {font-size:14px; float:left; color:white; min-width:168px; height:18px; background:#388FCC; padding:3px 15px; margin:0}
h2 {font-weight:bold}
table {border-collapse:collapse; width:99%; border:1px solid #71B0DF}
table th {color:white; background:#388FCC; border:1px solid #71B0DF; width:auto; text-align:center; padding:2px}
table td {border:1px solid #71B0DF; width:auto; text-align:left; padding:2px}
hr {color:#71B0DF; height:1px; background:#71B0DF; margin-bottom:18px}
label span {text-decoration:underline}

/* classes */
a.astxt, a.astxt:link, a.astxt:hover, a.astxt:active, a.astxt:visited {color:#333333}
td.highlight {background:#388FCC; color:white}
tr.highlight {background:#388FCC; color:white}
a:visited img.border, a img.border, a:link img.border {border:1px solid #71B0DF}
a:active img.border {border:1px solid #FF6633}
a:hover img.border {border:1px solid #116CAC}
img.border {border:1px solid #71B0DF}
div.left, p.left {text-align:left}
div.right, p.right {text-align:right}
p.permanent a {font-size:11px; color:#333333}
p.indent {margin-left:40px}
p.center {text-align:center}
p.question {font-weight:bold}
a.questionlink {display:block}
p.catonepos {min-height:48px}
a.smallphoto {display:block; float:left; margin:0 18px 18px 0}
a.smallphoto img {display:block}
a.normalphoto {display:block; float:right; margin:0 0 18px 18px}
div.answer {margin-bottom:-12px}
img.right {float:right; margin:0 0 4px 18px}
img.left {float:left; margin:0 18px 4px 0}
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}
span.arr {font:12px Times, 'Times New Roman', Serif}
input.arr {font-size:13px}
form.sendfeedback {text-align:left}
form.sendfeedback label {display:block; float:left; width:130px; padding-right:15px}
form.sendfeedback label.wpad {padding-left:10px}
form.sendfeedback input {display:block; float:left; width:241px}
form.sendfeedback textarea {display:block; float:left; width:786px; margin-bottom:14px; height:3.8em}
form.sendfeedback .submit {display:inline; float:none; width:auto}
form.sendfeedback .rightnav {text-align:right; clear:both; width:791px}
label.required {cursor:help; background:url(../images/req.gif) top right no-repeat}
.underline {text-decoration:underline}
.success {color:green}
.error {color:#FF6633}
.clear {clear:both}
.rfloat {float:right}
.lfloat {float:left}
.invisible {display:none}

/* ids */
#faqsearch {background:none; padding:0; margin-bottom:20px}
#faqsearch input, #faqsearch label {margin:0 8px 0 0}
#faqsearch #query {width:345px}
#givequestion {display:block; float:right; padding:7px 9px; background:#388FCC; color:white; margin:0 0 15px 20px}
#subheader a {color:white}
#center ol.invol {display:none}
#center ol.searchresults {margin-bottom:0; padding-bottom:0}
#center ol.searchresults li {padding-bottom:18px; text-align:justify}
#center .searchurlsize {color:green; margin-top:5px; display:block}
#pcart {float:right; text-align:right; margin:0 0 4px 18px}
#pcart a {display:block}
#center em {font-style:normal}
#preload {margin:-5000px 0 0 -5000px; position:absolute}
#building {background:url(../images/building.gif) right bottom no-repeat; height:238px}
#grassrepeat {background:url(../images/grassrepeat.gif) left bottom repeat-x; height:238px; margin-right:455px}
#grass {background:url(../images/grass.gif) left bottom no-repeat; height:215px; padding-top:23px}
#logo {display:block; width:348px; background:url(../images/logo.gif) left top no-repeat; margin:0 0 20px 38px; height:98px}
#train {height:97px; background:url(../images/train.gif) left bottom no-repeat}
#global {margin-top:-150px; min-height:100%; min-width:970px}
#globalcont {padding-top:150px}
#header {height:238px; border-bottom:10px solid black; background:#DDEFFF url(../images/header1.jpg) repeat-x}
#headerflash {height:238px; border-bottom:10px solid black; width:100%; overflow:hidden}
#menu {color:white; height:73px; border-top:1px solid #D0E9FF; background:#71B0DF; padding:0 90px; font-size:11px}
#menu ul {list-style-type:none; width:792px; border-left:1px solid #D0E9FF; height:73px; margin:0; padding:0; background:url(../images/menubg.gif) repeat-x}
#menu li {display:block; float:left; width:197px; height:73px; border-right:1px solid #D0E9FF}
#menu li a {color:white; text-decoration:none; height:32px; display:block; padding:30px 11px 11px 11px}
#menu li a:active, #menu li a:visited, #menu li a:link {background:none}
#menu li a:hover {background-color:#0B5285}
#menu #about {background:url(../images/about.gif) no-repeat}
#menu #about a:visited, #menu #about a:link, #menu #about a:active {background:none}
#menu #about a:hover, #menu #about a {background:#004B80 url(../images/abouth.gif) no-repeat}
#menu #catalog {background:url(../images/catalog.gif) no-repeat}
#menu #catalog a:visited, #menu #catalog a:link, #menu #catalog a:active {background:none}
#menu #catalog a:hover, #menu #catalog a {background:#004B80 url(../images/catalogh.gif) no-repeat}
#menu #faq {background:url(../images/faq.gif) no-repeat}
#menu #faq a:visited, #menu #faq a:link, #menu #faq a:active {background:none}
#menu #faq a:hover, #menu #faq a {background:#004B80 url(../images/faqh.gif) no-repeat}
#menu #contacts {background:url(../images/contacts.gif) no-repeat}
#menu #contacts a:visited, #menu #contacts a:link, #menu #contacts a:active {background:none}
#menu #contacts a:hover, #menu #contacts a {background:#004B80 url(../images/contactsh.gif) no-repeat}
#center {margin:25px 90px 0 90px; min-height:260px}
#subheader {padding-bottom:27px; height:24px}
#printversion {float:right; padding:4px 0}
#printversion a {font-size:11px; color:#333333}
#printdocument {display:none}
#footer {height:150px; min-width:970px}
#magnifier {width:160px; float:left; height:100px; background:url(../images/magnifiertop.gif) no-repeat}
#search {margin:0; padding:47px 0 0 0; height:53px; display:block}
#search #searchtxt {background:url(../images/searchtxt.gif) left top no-repeat; padding:4px 5px 3px 5px; border:0; width:123px; height:15px; font-size:11px; float:left; display:block; margin-right:4px}
#search #searchbtn {background:url(../images/searchbtn.gif) left top no-repeat; border:0; width:27px; height:22px; display:block; cursor:pointer}
#footertop {height:100px; background:#DDEFFF url(../images/footertop.gif) left top repeat-x}
#footerbtm {height:50px; background:#DDEFFF url(../images/footerbtm.gif)} 
#counters {float:left; width:324px; text-align:right; padding-top:1px; height:49px; background:url(../images/magnifierbtm.gif) no-repeat}
#copyright {text-align:right; font-size:11px; padding-top:7px; margin-right:90px; vertical-align:middle}
#copyright div {float:right; padding-top:3px}
#cslogo {float:right; display:block; margin-left:10px}
#cslogo img {display:block}

/* ie 6 */
* html h1 {width:168px}
* html #search #searchtxt {background-attachment:fixed; margin-right:0; padding:3px 5px 4px 5px}
* html #magnifier {margin:0 -3px; background:url(../images/magnifiertop.gif) 3px 0 no-repeat}
* html #global {height:100%}
* html #center {height:260px}
* html #footer, * html #global {width:expression(document.body.clientWidth<974 ? "973px" : "100%")}
* html input.arr {font-size:12px}
* html p.catonepos {height:48px}

/* ie 7 */
*+html input.arr {font-size:12px}