* { margin: 0; padding: 0;}
/* mac hide \*/
html,body{height:100%;}
/* end hide*/
body { 
color: #000000;
font: 14px/1.3 Arial, Helvetica, sans-serif;
background: #aaaaaa url(/Template/Images/bgbody.jpg) repeat-x top center; text-align: center;
}

#page {
  background: #ffffff;    
    
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
  padding: 0px 20px 0px 20px; 
}
html {
    overflow: -moz-scrollbars-vertical;
}
* html #page {
	width:1060px;
  padding: 0px 20px 0px 20px; 

}


html {
    overflow: -moz-scrollbars-vertical;
}

/*----------- General tags ---------*/
a img {border: none; }
:link, :visited {
    color: #333333;
}

:link:hover, :visited:hover {
    color: #666666;
}

:link:active, :link:active {
    color: #333333;
}

P {padding: 0px 0px 20px 0px; }

H1 {
font: 36px/1.2 Arial, Helvetica, sans-serif; 
color: #000000; margin: 0px 0px 20px 0px;}

H2 {
font: 24px/1.2 Arial, Helvetica, sans-serif; 
color: #017abd; margin: 10px 0px 5px 0px;}

h3 {
  color: #000000;
  font: 20px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 8px; margin-bottom: 4px;
}

h3.comic_header {background: url(/Template/Images/comic_header.gif) no-repeat top left; padding: 7px 10px 25px 10px;color:#ffffff}
h3.comic_header_active {background: url(/Template/Images/comic_header_active.gif) no-repeat top left; padding: 7px 10px 25px 10px;color:#ffffff}

h3.comic_header_active:hover {cursor:pointer}

h3.comic_header:hover {
background: url(/Template/Images/comic_header_active.gif) no-repeat top left;cursor:pointer}

h4 {
  color: #666666;
  font: 18px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 8px; margin-bottom: 4px;
}

h5 {

color: #000000;
  font: 16px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 8px; margin-bottom: 4px;

}

ul {  list-style: none outside;margin: 0; padding: 0;}
ul li {margin-top: 4px;
    padding: 0px 0px 2px 20px ;list-style-type:none;
    background: url(/Template/Images/bullet.gif) no-repeat 0px 3px;
}
ol {list-style: decimal outside;text-align: justify;}
ol li {list-style: decimal outside;margin-top: 4px; padding-left: 10px;margin-left: 30px;}

.inputFirst {border:none;background: #ffffff; width: 300px; font: 12px Arial, Helvetica, sans-serif; color: #333333;
padding: 2px;}
#content em {color: #585858; font-weight: bold;font-style: normal;}
.clearboth {clear: both}


/*--------- Layout --------*/

/*------ Header + top of the page --------*/
#header { background: #ffffff;
    height: 190px; 
	text-align:left;
	position:relative;
}

#quote{position: absolute; right: 0px; top: 160px; width: 500px;
text-align:right; text-transform: uppercase;
font-size: 14px;
color: #7e7e7e;}

#logo {position: absolute; left: 0px; top: 10px;}
#logo a {background: url(/Template/Images/logo.gif); width: 320px; height: 194px; display: block;}




#language {width: 400px; height: 20px; position: absolute; top: 10px; right: 0px; color: #7a7a7a; text-align: right;
font: 14px Arial, Helvetica, sans-serif;}

#language a { text-decoration: none; }
#language a:link, #language  a:visited { color: #7e7e7e;  text-decoration: none; }
#language a:hover {	color: #000000; text-decoration: none; cursor:pointer; }
#language .active {color: #000000;}
#language .active:visited {color: #000000;}

/*------side column + menu + contact -----*/

#sidecolumn {width: 300px; float: left;display:block; }

#menu {margin-top: 7px;}
#menu a,#menu a:link, #menu  a:visited {display: block;width:250px;
color: #ffffff; font: 18px/1.1 Arial, Helvetica, sans-serif; text-decoration: none;
padding: 2px 10px 5px 40px;}
#menu H1 {font: 20px/1.2 Arial, Helvetica, sans-serif;
color: #ffffff;margin: 0px 0px 8px 0px;padding:20px 10px 10px 20px;text-transform: uppercase;}

#menu H2 {font: 20px/1.2 Arial, Helvetica, sans-serif;
color: #ffffff;margin: 0px 0px 8px 0px;padding:20px 10px 10px 20px;text-transform: uppercase;}

.separator {border-bottom: 1px solid #ffffff; height: 10px;margin: 0px 0px 10px 0px;
}
.menuend {height: 8px;}
.menu1 {background: #017abd; margin-bottom: 20px;}
.menu1 H1 {background: url(/Template/Images/bgmenu-blue.gif) no-repeat top left;}
.menu1 .menuend {background: url(/Template/Images/bgmenu-blue.gif) no-repeat bottom left;}
.menu1 .separator {border-bottom-color: #3495ca;}
.menu1 .current, #menu .menu1 a:hover {background: url(/Template/Images/bgmenucurrent-blue.gif) no-repeat 10px 8px;}

.menu2 {background: #7c378a; margin-bottom: 20px;}
.menu2 H1 {background: url(/Template/Images/bgmenu-violet.gif) no-repeat top left;}
.menu2 .menuend {background: url(/Template/Images/bgmenu-violet.gif) no-repeat bottom left;}
.menu2 .separator {border-bottom-color: #965fa1;}
.menu2 .current, #menu .menu2 a:hover {background: url(/Template/Images/bgmenucurrent-violet.gif) no-repeat 10px 8px;}

.menu3 {background: #cd0139; margin-bottom: 20px;}
.menu3 H1 {background: url(/Template/Images/bgmenu-red.gif) no-repeat top left;}
.menu3 .menuend {background: url(/Template/Images/bgmenu-red.gif) no-repeat bottom left;}
.menu3 .separator {border-bottom-color: #d73461;}
.menu3 .current, #menu .menu3 a:hover {background: url(/Template/Images/bgmenucurrent-red.gif) no-repeat 10px 8px;}

#contact {color: #969696;margin-top: 40px;
}


/*-------- Main content -------*/

#content {
float:right;
display: block; 
width: 740px; 
  min-height:500px;
  height:auto !important;
  height:500px;

}
.halfsize {width:370px}


.left_col  {width: 360px; float: left; overflow:hidden;}
.right_col {width: 360px; float: right; overflow:hidden;}
.left_col_asymmetric  {width: 450px; float: left; overflow:hidden;}
.right_col_asymmetric {width: 270px; float: right; overflow:hidden;}
.rca_header {height: 3px; background: url(/Template/Images/bgnews.gif) no-repeat top left;}
.rca_content {padding: 10px; background: #7C378A; color: #ffffff}
.rca_content H4, .rca_content a, .rca_content a:hover {color: #ffffff}
.rca_content  ul li {background-image: url(/Template/Images/bullet_news.gif);}
.rca_footer {height: 20px; background: url(/Template/Images/bgnews.gif) no-repeat bottom left;}
.end_two_columns {clear:both;}


/*--------- Footer ------------*/
#footer { font-size:10px;color: #969696;  	padding: 10px; text-align: center;}
#footer a, #footer a:hover {color: #969696;text-decoration:none;}


/*-------------buttons---------------------*/
.button {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:10px; /* spacing under dialog */
 font-size: 16px;

}

.button .bcontent,
.button .t,
.button .b,
.button .b div {
 background:url(/Template/Images/bg-button-normal.gif) no-repeat top right;
}

.important .bcontent,
.important .t,
.important .b,
.important .b div {
 background:url(/Template/Images/bg-button-important.gif) no-repeat top right;
}


.prevBtn .bcontent,
.prevBtn .t,
.prevBtn .b,
.prevBtn .b div {
 background:url(/Template/Images/prevBtn.gif) no-repeat top right;
}




.button .bcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 20px 0px 0px; /*JS*/
}

.button .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.button .b {
 /* bottom */
 position:relative;
 width:100%;
}

.button .b,
.button .b div {
 height:5px; /* height of bottom cap/shade */
 font-size:1px;
}

.button .b {
 background-position:bottom right;
}

.button .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.button a {padding-top: 10px;padding-bottom: 10px;display: block; width:100%;text-decoration: none; color: #ffffff; }
.button a:link, .button  a:visited, .button a:hover {text-decoration: none; color: #ffffff}
.btitle {font: 24px/1.2 Arial, Helvetica, sans-serif; color: #ffffff; margin: 0px 0px 5px 0px;}





/*------ calculator ----*/
.calculator {width:740px; background: url(/Template/Images/calculatorbg.gif) no-repeat bottom left; color: #ffffff;
padding-bottom:20px;margin-top: 10px;margin-bottom: 10px; }
.calculator H1 { background: url(/Template/Images/calculatorbg.gif) no-repeat top left;
font-size:30px; color:#ffffff; text-align: center;padding: 10px}

.calculator .left_col  {width: 330px; float: left; overflow:hidden;margin-left: 20px;display: inline; 
}
.calculator .right_col {width: 330px; float: right; overflow:hidden;margin-right: 20px;display: inline;
margin-top: 120px;  
}
.calculator .bullet {width: 48px; height: 44px; padding-top:4px; text-align: center; font-size: 30px; color: #7e7e7e;
background: url(/Template/Images/calculator-num-bullet.gif) no-repeat top left;float:left;}
.calculator .input {width: 270px; float:right;}
.calculator h2 {margin: 0px 0px 5px 0px;text-transform: uppercase;color:#ffffff}
.calculator h3 {margin: 0px 0px 5px 0px;text-transform: uppercase;color:#ffffff}
.calculator h4 {color:#ffffff}
.calculator table {border-collapse: collapse;width:100%}
.calculator td {color: #ffffff; font: 14px Arial, Helvetica, sans-serif;}
.step_separator {margin-bottom: 10px;clear:both;} 
.tright{text-align:right;}
.chf {text-align:right;color: #C5C5C5; }
.chf input {width: 90px;font-size:18px}
.total td {border-top: 5px double #707070; }
.tresult {margin-bottom:10px;}
.tresult td {font-size: 20px;}
.huge {font-size: 30px;color: #FFEF8F}
td.finalresult {color: #FFEF8F; width: 160px;text-align:right;}


/*----biglist with huge numbers---------*/
.biglist .listnumber {width: 80px; height: 150px;  text-align: right; font-size: 120px; color: #c7c7c7;float:left;}
.biglist .listtext {width: 640px; float:right;margin-top: 18px;}
.biglist .listseparator {clear:both;} 


/*---------Wizard-------*/
/* Step by Step Menu, Author: Femi Hasani at www.vision.to */
/* Single Image Solution */
/*for free use please leave this credit intact, thank you */
ul.wizard { list-style-type: none;width:100% }

ul.wizard li{

  position:relative;
  float: left;
  color: #C2C2C2;
  background: url('/Template/Images/wizard.gif') left -15px no-repeat;
  height: 60px;

  line-height: 60px;
  font-weight: bold;
  font-size: 14px;
  margin-bottom:3px;
  text-align:center;
  overflow:hidden;
}

ul.w5steps li {
  width:128px;
}

ul.w4steps li {
  width:165px;
} 

ul.w3steps li {
  width:226px;
  
} 

ul.wizard li.empty{
    background-position: left -15px;
}
ul.wizard li.start {
	color: #fff;
    background-position: left -515px;
}
ul.wizard li.next{
    background-position: left -115px;
}
ul.wizard li.current{
    color:#fff;
    background-position: left -215px;
}

ul.wizard li.prevDone{
	color: #fff;
    background-position: left -415px;
}

ul.wizard li.lastDone, ul.wizard li.done {
	color: #fff;
    background-position: left -315px;
}

/*--- mainform ---*/
.mainform {background: #dbdbdb; padding: 20px;margin-bottom: 10px;}
.mainform H2 {font-weight: bold; text-transform: uppercase;
border-top: 1px solid #eee;margin: 15px -20px 0px -20px;
padding: 20px 20px 10px 20px;
}
.mainform H2.firsttitle {
border: none;margin: 0px -20px 0px -20px;
padding: 0px 20px 10px 20px;
}
.mainform table {border-collapse: collapse;width:100%}
.mainform td {color: #464646; font: bold 14px Arial, Helvetica, sans-serif;padding-bottom: 10px;}
.mainform td.mandatory {width: 300px; text-align: left; padding-right: 20px;}
.mainform td.optional {width: 300px; text-align: left; padding-right: 20px; }

.formbuttons {border-top: 1px solid #eee;margin: 15px -20px 0px -20px;
padding: 15px 20px 0px 20px;
}
.formbuttonleft {width:47%; float:left;}
.formbuttonright {width:47%; float:right;}