/* CSS Document made by angelo moreira on 26-03-2008*/
/* This is the main css should be related just with common css for all the website */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	padding-bottom: 8px;
}
hr {
/* for IE */
	color:#ffffff;
/* for Opera and mozilla */
	background-color:#ffffff;
	height:1px;
	width:100%;
	border:0;
}

strong
{
    font-weight:bold;
}

div#container
{
    margin:0 auto; 
    width: 990px;
    height: 100%;
}



div#container div#header div#menu 
{
	float:left;
	margin:95px 0px 0px 20px;
	padding:0px 0px 0px 70px;
	height:28px;
}

/** Drop down menu */
div#container div#header div#menu ul#dd 
{
	margin-top:0px;
	margin-top:12px;
/*	border:1px solid #000;*/
	height:28px;
	/*float:left;*/
	list-style-position:inside;
}

div#container div#header div#menu ul#dd li 
{
      list-style:none;
      float:left;
      font-size:12px;
}

div#container div#header div#menu ul#dd li a.menu 
{
    display:block;
    height:22px;
    text-align:center;
    padding:0px 10px 0px 10px;
    padding-top:2px;
    color:#ffffff;
    text-decoration:none;

}

div#container div#header div#menu ul#dd li a.menu:hover
{
	background-color:#e1ecf8;
	color:#0082c8;
}

div#container div#header div#menu ul#dd li a.top 
{
    display:block;
    height:20px;
    text-align:center;
    padding:1px 10px 0px 10px;
    color:#ffffff;
    text-decoration:none;

}

div#container div#header div#menu ul#dd li div.submenu 
{
    font-size:12px;
    background-color:#0082c8;
    visibility:hidden;
    position:absolute;
    z-index:1;
    margin-left:1px;
}

div#container div#header div#menu ul#dd li div.submenu a 
{
    display:block;
    text-align:center;
    text-decoration:none;
    padding:5px 5px;
    color:#0082c8;
    background-color:#ffffff;
    margin:2px 0px 0px;
}
/** */   


div#container div#header div#menu div.spacer
{
    float:left;
    background-image:url('/themes/default/graphics/bg/spacer.gif');
    background-repeat:no-repeat;
    width:3px;
    height:20px;
    margin-top:-24px;
}

div#container div#content 
{
	margin: 15px 0px 0px 0px;

}

/* General Elements */
.floatRight
{
    float:right;
}

.clearLeft
{
    clear:left;
}

.clearRight
{
    clear:right;
}

.clearBoth
{
    clear:both;
}

.align-center
{
    text-align:center;
}


.blue {
	color:#003399;
}
.gray {
	color:#666666;
}
#topBanner{
    position:relative;
    left: 50%; 
    width: 990px;
    height: 60px;
    margin-left: -495px; /* half of the width */
	padding-bottom:10px;
/*    border: 1px solid #000;*/
/*	background-color:#FFFFFF;*/
}
#topBanner img{
	float:right;
}

table#tablePrices{ width:500px; }
table#tablePrices td{ padding:5px; border:1px solid #000; }
table#tablePrices th{ padding:5px; border:1px solid #000; background-color:#0066FF; color:#fff; }

.separateImages{
	clear:both;
	height:2px;
	padding:18px 0;
	background:url("/themes/default/graphics/hr.gif") repeat-x 10px;;
}


.fieldError { color:#cc0000; }

/*ul.newsticker
{
    position:relative;
    margin:0px;
    padding:0px;
}

ul.newsticker li
{
    float:left;
    display:inline;
}*/

/*  =================================== FOR TICKER PLUGIN =============================== */

.tickercontainer 
{ 
    /* the outer div with the black border */ 
    width: 99%; 
    margin: 0px; 
    padding: 0px;
    overflow: hidden; 
}
.tickercontainer .mask 
{ /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left:0px;
    top:2px;
    overflow: hidden;
}
ul.newsticker 
{ /* that's your list */
    position: relative;
    left: 750px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.newsticker li 
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    display:inline;
    margin:0px;
    padding:0px;
}

ul.newsticker li p
{
    margin:0px 20px 0px 0px;
}