/*NOTES
+CONTENT COLUMN SIZE 560 (banners etc)
+LEFT/RIGHT COLUMN SIZE 200 (banners 180px)
+CONTENT 1/2 banners banners 275px (with margin 10px)
+CONTENT 1/3 banners banners 180px (with margin 10px)
+CONTENT 1/4 banners banners 130px (with margin 10px)
*/

* {margin: 0; padding: 0;}
/*form {margin: 0; padding: 0;}*/

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

html, body {
  background: url(../images/template/body.png) repeat-x;
  text-align: center;
  font:0.9em 'Trebuchet MS',tahoma,sans-serif;
  line-height: 1.5em;
  height: 100%;
  width: 100%;
  margin: 0 0 1px 0;/*force scrollbar always on - all browsers*/
  padding: 0;
}


a:link, a:visited, a:active {
  color:#007DC7;
  text-decoration: none;
}

a:hover	{
  color:#000000;
	text-decoration: underline;
}

.abutton:link, .abutton:visited, .abutton:active{
  padding: 1px 5px;
  background: url(../images/template/middlebox_bg.png) repeat-x;
  border: 1px solid #ddd;
  font-size: 0.9em;
}

.abutton:link:hover{
  border: 1px solid #333;
}

hr {
  height: 1px;
  background-color: #ddd;
  color: #ddd;
  border: none;
  padding: 0;
  margin: 1px 0;
  clear: both;
}

table {
  /*border: 1px solid #ddd;*/
  /*background: url(../images/template/middlebox_bg.png) repeat-x;*/
  /*margin-bottom: 10px;*/
  /*padding: 9px;*/
}

.tablebox {
  border: 1px solid #ddd;
  /*background: url(../images/template/middlebox_bg.png) repeat-x;*/
  margin-bottom: 10px;
  padding: 9px;
}

tr {
	/*margin-bottom: 5px;*/
}

td {
	/*border-bottom: 1px dashed #615E5E;*/
	vertical-align: top;
	padding: 1px;
}

.tablerowhead {
  background: url(../images/template/middlebox_bg2.png) repeat-x;
  font-size: 0.9em;
  font-weight: bold;
}

.tablerowhead td {
  padding: 2px 2px 0 5px;
}

.tablerow_odd {
  background: url(../images/template/middlebox_bg0.png) repeat-x;
  font-size: 0.9em;
}

.tablerow_odd td {
  padding: 2px 2px 0px 5px;
}

.tablerow_even {
  background: url(../images/template/middlebox_bg.png) repeat-x;
  font-size: 0.9em;
}

.tablerow_even td {
  padding: 2px 2px 0px 5px;
}

h1 {
  margin: 10px 0;
}

h4 {
  margin: 0;
  font-size: 1.2em;
	margin-bottom: 1.0em;
}

pre {
	font-size: 1.1em;
	line-height: normal;
	background: #fefecd;
	border: 1px dashed #615E5E;
	overflow: hidden;
	color: black;
	width: 100%;/*required for ie*/
	text-align: left;
}

img {
  border: 0px;
}

input {
  border: 1px solid #ddd;
  padding: 0;
  margin: 0;
}

/*// Form styles //*/
.qs-input {
  border: 1px solid #817F7F;
  background-color: white;
  color: #312E2E;
  padding: 1px 3px;
  margin-bottom: 4px;
  margin-right: 5px;
  width: 110px;
}

.qs-input:focus {
  background-color: #F8FABA;
}

.qs-inputbut {
  border: 1px solid #817F7F;
  background-color: white;
  /*background: white url(../images/template/middlebox_bg.png) repeat-x left top;*/
  padding: 0px 3px;
  margin-bottom: 4px;
  width: auto;
}

#pagewrapper {
  width: 980px;
  min-width: 980px;
  text-align: left;
  margin: 0 auto;
	position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/*// header ---------------------------------------------------------------------------------------------------------------------------------------//*/
#header {
  height: 100px;
}

#logo {
  /*float: left;*/
  position: absolute;
	left: 0;
	top: 0;
  background: url(../images/template/logo.png) no-repeat;
	width: 560px;
	height: 100px;
}

/*#logo:hover{*/
/*  background: url(../images/template/logo_hover.png) no-repeat;*/
/*}*/

/*<ul id="navig" onmouseover="style.background='url(grafik/nav_over.gif) no-repeat';" onmouseout="style.background='none';">*/
/*#logo a {*/
/*  background: url(../images/template/foliettologo.gif) no-repeat;*/
/*  margin-top: 10px;*/
/*	width: 126px;*/
/*	height: 63px;*/
/*	display: block;*/
/*}*/
/**/
/*#logo a:hover span{*/
/*  background: url(../images/template/foliettologo_hover.gif) no-repeat;*/
/*}*/

#logo span {
  display: none;
}

#headerlinks {
  padding-top: 10px;
	text-align: right;
}

#headerlinks a:link, .headerlinks a:visited, .headerlinks a:active {
}

#headerlinks a span {
  border-left: 1px dotted #aaa;
  padding-left: 0.25em;
  padding-right: 0.50em;
	color: #007DC7;
}

#headerlinks a:hover span {
  text-decoration: underline;
}


#headerlinks a:hover{
  text-decoration: underline;
}

#searchbar {
  width: auto;
  height: 22px;
  float: right;
  margin-top: 40px;
  /*color: white;*/
  /*position: relative;*/ /*da probs so c ie6*/
}

/*
#searchbar_icon {
  position:  absolute;
	background: url(../images/template/icon_search.gif) no-repeat;
	height: 12px;
	width: 12px;
	top: 5px;
  left: -19px;
}
*/

/*// SlideTab ---------------------------------------------------------------------------------------------------------------------------------------//*/
#slidetabsmenu {
  width: auto;
  height: 40px;
  font-size: 0.9em;
  line-height: 12px;
  padding-top: 10px;
	/*margin-bottom: 10px;*/
}

/** html div#slidetabsmenu {
  margin-top: 12px;
  margin-bottom: 0px;
}*/

#slidetabsmenu ul {
  list-style-type: none;
  margin:0;
  margin-left: 0;
  padding:0;
}

#slidetabsmenu li {
  display:inline;
  margin:0;
  padding:0;
}

#slidetabsmenu a {
  float:left;
  background:url(../images/template/slidetab2_left.png) no-repeat left top;
  margin-right: 2px;
  padding:0 0 0 10px;
  text-decoration:none;
}

#slidetabsmenu a span {
  float:left;
  display:block;
  background:url(../images/template/slidetab2_right.png) no-repeat right top;
  padding:10px 15px 8px 6px;
  /*font-weight:bold;*/
  color:white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {/* End IE5-Mac hack */
  float:none;
} 

#slidetabsmenu a:hover span {
  color: white;
}

#slidetabsmenu #slidetabsmenucurrent a {
  background:url(../images/template/slidetab1_left.png) no-repeat left top;
  /*background-position:0 -92px;*/
}

#slidetabsmenu #slidetabsmenucurrent a span {
  background:url(../images/template/slidetab1_right.png) no-repeat right top;
  /*background-position:100% -92px;*/
  color: black;
}

#slidetabsmenu a:hover {
  background:url(../images/template/slidetab3_left.png) no-repeat left top;
  /*background-position:0% -46px;*/
}

#slidetabsmenu a:hover span {
  background:url(../images/template/slidetab3_right.png) no-repeat right top;
  /*background-position:100% -46px;*/
}
/*// Content ---------------------------------------------------------------------------------------------------------------------------------------//*/
#contentwrapper {
  float: left;
  width: 100%;
  background-color: White;
}

#contenttitle {
  clear: both;
  overflow: hidden;
  font-size: 1.5em;
  line-height: 1.0em;
	height: 1.1em;
}

#contentlocation {
  color: #aaa;
  clear: both;
  overflow: hidden;
  font-size: 1.0em;
  line-height: 1.0em;
	height: 1.1em;
}

#contentcolumn {
  margin: 0 0px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  overflow: hidden;/* prevents overlarge elements breaking out of column */
}

#contentcolumn p {
	text-indent: 0em;
	padding-bottom: 1.0em;
}

#contentcolumn h3 {
	text-indent: 0em;
	padding-bottom: 1.15em;
	padding: 2px 0;
	font-weight: lighter;
	
}

#contentcolumn ul { /*font-size: 1.0em; color: white;*/}
#contentcolumn li { list-style: square; list-style-position: inside;}
/*REMOVED DAVA PROBS*/
/*#contentcolumn ul li { line-height: 16px; padding-left: 10px; background: url(../images/addons/sponsorbullet_white.gif) no-repeat 0 0.25em;}*/
#contentcolumn ul li { /*line-height: 16px;*/}

/*#contentcolumn p {*/
	/*text-indent: 0.5em;*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*margin: 1.0em 0;*/
/*}*/

#leftcolumn{
  float: left;
  width: 200px; /*Width of left column in percentage*/
  /*margin-left: -100%; dava probs c ie ao fazer refresh*/
  margin-left: -980px;
  overflow: hidden;/* prevents overlarge elements breaking out of column */
}

#rightcolumn{
  float: left;
  width: 200px; /*Width of right column in pixels*/
  margin-left: -200px; /*Set margin to that of -(RightColumnWidth)*/
  overflow: hidden;/* prevents overlarge elements breaking out of column */
}


.innertube{
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}

/*// Footer ---------------------------------------------------------------------------------------------------------------------------------------//*/

#footer-border {
	position: relative;/*required, else links doesnt work*/
	clear:both;
	background: white url(../images/template/footer.png) repeat-x left top;
	width: 100%;
	margin: 0px auto; text-align: center;
	height: 200px;
	margin-top: -200px;
}

#hideContainerFooter {
	height: 200px; /*fixs opera and safari*/
	font-size: 0;
	clear: both;
  /*border: 1px solid green;*/
}

#footer {
	clear:both; width: 980px; padding-top: 40px; margin: 0px auto; text-align: left; color: white;
	/*background: url(../images/template/footer_watermark.png) no-repeat;*/
	/*background-position: right -141px ;*/
}

#footerbin1 { width: 306px; float: left; border-right: 1px solid #615E5E;}
#footerbin2 { width: 306px; float: left; border-right: 1px solid #615E5E; padding: 0px 20px 0px 20px;}
#footerbin3 { width: 306px; float: left; padding: 0px 0px 0px 20px;}
#footerbin3 img  {vertical-align: middle; padding-left: 5px;}
#footerbin4 { clear:both; width: 980px; padding: 10px 0px 10px 0px; text-align: center; }
#footer p { font-size: 11px; color: #555; /*#8E8C8C*/ ;}
#footer a:link, #footer a:active, #footer a:visited { /*text-decoration: none;*/}
#footer a:hover { text-decoration: underline;}/*#00749E*/

/*#footerwatermarktop {*/
/*	position: absolute;*/
/*	background-color: #404;*/
/*	background-image: url(../images/template/footer_watermart_top.png);*/
/*	right: 0px;*/
/*	top: -140px;*/
/*	width: 420px;*/
/*	height: 160px;*/
/*	z-index: -1;*/
/*}*/
/**/
/*#footerwatermarkbot {*/
/*	position: absolute;*/
/*	background-color: #440;*/
/*	right: 0px;*/
/*	top: 20px;*/
/*	width: 420px;*/
/*	height: 160px;*/
/*	z-index: -1;*/
/*}*/

/*// Boxs ---------------------------------------------------------------------------------------------------------------------------------------//*/
/*REMOVED*/
/*// Left Side 234px //*/

/*// thumbnails ---------------------------------------------------------------------------------------------------------------------------------------//*/
/*.thumbs {margin: 10px; list-style: none; background-color: red;}*/
/*.thumbs li { float:left; margin:0 10px 10px 0}*/
/*.thumbs li a img { padding: 1px; border:3px solid #ddd;}*/
/*.thumbs li a:hover img { border-color: #118EB7; }*/
/*ul.thumbs a { border:none; background:none }*/
/* Hidden from IE */
/*html>body ul.flickrthumbs li a img { background:url(../images/template/presentation/semiTransparent.png) } */

/*.thumbs {border: 1px solid #DADADA; background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;padding: 10px 15px 10px 15px;}*/
.thumbs p {font-size: 0.9em}
.thumbs h1 {line-height: 18px; font-size: 18px; color: #312E2E; font-weight: bold;}
.thumbs a img { margin: 3px 3px 0 0; padding: 1px; border:3px solid #ddd;}
.thumbs a:hover img {border-color: #118EB7}

.colapsecontent li {list-style: none; margin-bottom: 3px; color: black; padding-top: 5px;}
/*.colapsecontent {border: 1px solid #DADADA; background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;padding: 10px 15px 10px 15px;}*/
/*.colapsecontent  {list-style: none;background: green; list-style-image: none; list-style-image: none; list-style-position: outside; list-style-type: decimal}*/
/*.colapsecontent li {list-style: none; margin-bottom: 3px; color: black;list-style-image: none; list-style-image: none; list-style-position: outside; list-style-type: decimal}*/
/*.colapsecontent li {margin-bottom: 3px; color: black;}*/
/*.colapsecontent li:before {content: "\00BB \0020";}*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*TABS*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.tabbin {
  clear: both;
}

.tabbin ul{
	width: 100%;
}

.tabbin li{
	float: left;
	padding-right: 2px;
}

.tabbin li a{
	display: block;
	padding: 2px 5px;/*10px 20px 11px*/
	border-top: 3px solid #DDD9D0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-decoration: none;
	outline: 0;
}

.tabbin li a:hover{
	border-top: 3px solid #33a7bf;
}

.tabbin li a.current{
	border-top: 3px solid #00749E;
	background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;
}

.tabbin .content {
	border: 1px solid #DADADA;
	background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;
	padding: 10px 10px 10px 10px;
	clear: left;
  overflow: hidden;
}

.tabbin .content ul li {
	width: 100%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*Start Join it Here*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.font_textwarning {
  color: Red;
  font-weight: bold;
  /*font-size: 2.0em;*/
}

.font_textnote {
  color: #777;
  font-size: 0.9em;
}


.font_textprice1 {
  font-size: 1.2em;
  color: #3a3;
  font-weight: bold;
}

.font_textprice2 {
  color: #aaa;
  font-size: 0.9em;
}

.font_textlastprice {
  font-size: 0.85em;
  text-decoration: line-through;
  color: #a33;/*#aaa*/
}

.msg_error {
  /*border: 1px dashed #ddd;*/
  /*background: #ff8;*/
  background: url(../images/template/middlebox_bg.png) repeat-x;
  border: 1px solid #ddd;
  padding: 10px;
  color: red;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.debugoutput {
	text-align: left;
  line-height: 1.0em;
  overflow: hidden;
  border: 1px dashed #ddd;
  font-size: 1.1em;
  background: black;/*#eea*/
  color: white;
  clear: both;
	padding: 10px;
}

.debugoutput h3 {
  font-weight: bold;
  color: red;
  /*background: #dd9;*/
  /*font-style: oblique;*/
  margin: 0;
  border: 1px dashed #ddd;
  padding-left: 5px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*pageNumNav*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.pageNumNav { /*box around it*/
  text-align: center;
  border: 1px solid #ddd;
  background-color: #FFF;
  background: url(../images/template/middlebox_bg.png) repeat-x;
  background-repeat: repeat-x;
  color: #333333;
  font-weight: bold;
  /*font-family: Verdana, Helvetica, Arial, sans-serif;*/
  margin-top: 5px;
  padding: 0.50em;/*0.25em*/
  clear:both;
}

.pageNumNav span {
  text-decoration: none;
  padding: 0.25em;/*0.25em*/
}

.pageNumNav span.selected{
  text-decoration: none;
  color: red;
  background-color: #eee;
}

.pageNumNav span.disabled{
  text-decoration: none;
  color: #ddd;
}

.pageNumNav span a {
  text-decoration: none;
  color: #888;
}

.pageNumNav span a:hover {
  color: #222;
}

.pageNumNav input{
  font-size: 1.0em;
  border: 1px solid #bbb;
  margin: 0;
  padding: 1px;
  width: 70px;
  _border-style: inset; _border-top: 2px; _border-right: 1px; _border-bottom: 1px; _border-left: 2px;/*ie6*/
  #border-style: inset; #border-top: 2px; #border-right: 1px; #border-bottom: 1px; #border-left: 2px;/*ie7*/
}

.pageNumNav input:hover {
  border: 1px solid red;
}

.pageNumNav input:focus {
  border: 1px solid green;
}

.pageNumNav select {
  font-size: 1.0em;
  border: 1px solid #bbb;
  /*text-align: right;*/
  margin: 0;
  width: 70px;
}

.pageNumNav select:hover {
  border: 1px solid red;
}

.pageNumNav select:focus {
  border: 1px solid green;
}

.pageNumNav .button {
  border: 1px solid #bbb;
  background-color: #FFF;
  /*background-repeat: repeat-x;*/
  color: #333333;
  /*font-size: 0.9em;*/
  /*font-weight: bold;*/
  margin: 0;
  padding: 0;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*FREEBOX*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.freebox {
  text-align: left;
  border: 1px solid #ddd;
  /*background: white url(../images/template/middlebox_bg.png) repeat-x;*/
  /*background: url(../images/template/middlebox_bg_inverted.png) repeat-x bottom;*/
  /*background-color: red;*/
  color: #333333;
  /*margin: 0 5px 5px 0;*/
  margin-bottom: 10px;
  padding: 9px;/*se se usar 10px como devia ser, no ie claro oferece uma xtra px*/
	position: relative;
  overflow: hidden;
	/*width: 540px;*/
	/*532px*/
}

.freebox:hover {
  border: 1px solid #bbb;/*#00749E*/
}

.freebox #corner {
  /*images inside div ;) for on the fly changes and share same #corner class*/
  /*background: url(../images/corner_pick.png) ;*/
  height: 41px;
  width: 41px;
	top: 0px;
	right: 0px;	
	position: absolute;
}

.freebox img {
  /*border: 1px solid #ddd;*/
  /*background: white;*/
  color: #666;
  margin: 0;
}

.freebox h4 {
  color: #666;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2em;
	/*font-weight: lighter;*/
	/*font-variant: small-caps;*/
}

/*.freebox .freeboxbutton {*/
.freeboxbutton {
  padding: 5px;
  background: url(../images/template/middlebox_bg.png) repeat-x;
  border: 1px solid #ddd;
  font-size: 0.9em;
  /*margin-top: 5px;*/
  /*width: 210px;*/
  /*position: absolute;*/
  /*bottom: 5px;*/
  /*left: 5px;*/
}

/*.freebox .freeboxbutton:hover{*/
.freeboxbutton:hover{
  border: 1px solid #333;
}

/*.freebox ul {}*/
/*.freebox li { list-style: none;}*/
/*.freebox ul li { padding-left: 10px; background: url(../images/addons/sponsorbullet_white.gif) no-repeat 0 0.25em;}*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*POPUP Links*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.popuplinks  {  /*finalmente o truque para ficar posicionado era sem span logo na class AFINAL E O SPAN :(*/
  /*z-index: 10;*/ /*era o q dava problemas com o opera*/
  position: relative;
  text-align:  left;
}

/*.popuplinks a {*/
/*  text-decoration: none;*/
/*}*/

.popuplinks ul {
  /*list-style: none;*/
  padding: 0.5em;
  margin: 0;
  /*overflow: hidden;*/
  border: 1px solid #aaa;
  /*font-size: 0.82em;*/
  /*text-decoration: none;*/
  background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;
  position: absolute;
  top: 2.0em;
  /*right: 10px;*/
  left: 0px;
  filter:alpha(opacity=92);
  opacity:.92;
  z-index: 10; /*era o q dava problemas com o opera*/
}

.popuplinks ul li {
  list-style: none;
	text-align: left;
}

.popuplinks ul li a:link, .popuplinks ul li a:visited, .popuplinks ul li a:active {
  /*text-decoration: none;*/
  position: relative;
  color:#006039;
}

.popuplinks ul li a:hover	{ 
  /*color:#000000;*/
  /*text-decoration: underline;*/
  /*FIX SHAKES IN FF, 1 h to solve this sh€€t - aprece q c o onclick return abort ja nao da gralha*/
  position: static;
}

.popuplinks ul li a.selected {
  font-weight: bold;
  /*text-decoration:  underline;*/
}

.popuplinks .flag {
  padding-right: 5px;
  margin: 0px;
}

.popuplinks .downarrow {
  border: 1px #ddd solid;
  padding: 2px;
}

.popuplinks input {
  border: 1px solid #ddd;
  background: url(../images/template/middlebox_bg.png) repeat-x;
  padding: 3px;
}

/*.popuplinks input:focus {
  border: 1px solid #ddd;
  padding: 2px;
}*/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*linkopacity*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*Shots with alpha OPACITY*/
a.linkopacity img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70; 
  opacity: 0.70;
  -khtml-opacity: 0.70;
}


a.linkopacity:hover img {
  filter:alpha(opacity=100);   
  -moz-opacity: 1.0;   
  opacity: 1.0;
  -khtml-opacity: 1.0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*navsite*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
#navsite {
  width: auto;
  /*padding: 20px;*/
  /*margin-bottom: 10px;*/
  /*width: auto;*/
  /*padding: 10px;*/
  /*width: auto;*/
  margin-bottom: 10px;
  /*line-height: 1.0em;*/
  height: 100%;/*req 4 ie...time to find it :( */
  /*border: 1px solid #dadada;*/
  /*background: #FFF url(../images/template/middlebox_bg.png) repeat-x left top;*/
}

#navsite h5 {
  display: none;
}

#navsite a {
	/*overflow: hidden;*/
	/*color: #4d2500;*/
}

#navsite a.down {
  display: none;
}

#navsite a.folder {
  background-image: url(../images/addons/navsite/bullet_pageblue.png);
}

#navsite ul.open {
	display: block;
}

#navsite ul {
  margin: 0;
  padding: 0; 
  list-style: none;
  /*border mode*/
  /*border-top: 1px solid #778;*/
  /*border-left: 1px solid #778;*/
  /*border-right: 1px solid #778;*/
}

#navsite ul li {
  list-style: none;
}

#navsite ul li a {
  text-decoration: none;
  padding-left: 1.0em;
  /*border-bottom: 1px solid #778;*/
  /*background-color: #dde;*/
  background-image: url(../images/addons/navsite/bullet_page.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
  display: block; 
	height: 100%;/*REQUIRED for IE :(*/
}

/*#navsite ul li a:before {
  content: "\00BB \0020";
  content: url(../images/bullet_arrow.png);
}*/

#navsite ul li a:link {
  /*color: #448;*/
}

#navsite ul li a:visited {
 /*color: #667;*/
}

#navsite ul li a:link:hover,
  #navsite ul li a:visited:hover {
  /*color: #000;*/
  /*background-color: #aae;*/
  /*border mode*/
  border-color: #227;
  text-decoration: underline;
}

#navsite ul li a#navsitecurrent {
  /*background-color: #efefef; */
  /*border: 1px solid red;*/
  font-weight: bold;
}
#navsite ul li a#navsitecurrent:hover {
  /*background-color: red; */
}

#navsite ul ul {	/*remove borders from all non root uls*/
  border: 0px;
  /*hide all ul chields here*/
  display: none;
}

/*indent level 1*/
#navsite ul ul li a{ 			
  padding-left: 2em;
  background-position: 1em 5px;
}	

/*indent level 2*/
#navsite ul ul ul li a{		  
  padding-left: 3em;
  background-position: 2em 5px;
}	

/*indent level 3*/
#navsite ul ul ul ul li a{		  
  padding-left: 4em;
  background-position: 3em 5px;
}

/*indent level 4*/
#navsite ul ul ul ul li ul li a{		  
  padding-left: 5em;
  background-position: 4em 5px;
}

/*indent level 5*/
#navsite ul ul ul ul li ul li ul li a{		  
  padding-left: 6em;
  background-position: 5em 5px;
}

/*indent level 6*/
#navsite ul ul ul ul li ul li ul li ul li a{		  
  padding-left: 7em;
  background-position: 6em 5px;
}

/*indent level 7*/
#navsite ul ul ul ul li ul li ul li ul li ul li a{
  padding-left: 8em;
  background-position: 7em 5px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*LIGHTBOX*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
#lightbox{
  background: White url(../images/template/middlebox_bg.png) repeat-x left top;  
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
  text-align: left;
}

#lightboxDetails{
	/*font-size: 0.8em;*/
	padding-top: 0.4em;
  line-height: 1.0em;
}	

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/other/lightbox/overlay.png); }

* html #overlay{/*ie*/
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/other/lightbox/overlay.png", sizingMethod="scale");
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*CART*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
#checkoutnavbottom_but0 {/*goto checkout*/
  font-size: 0.9em;
  background: White url(../images/template/middlebox_bg.png) repeat-x left top;
  height: 30px;
  width: 100%;
  border: 1px solid #4a4;
}
#checkoutnavbottom_but0:hover{
  border: 1px solid #333;
}

#checkoutnavbottom_but1 {/*prev checkout step*/
  font-size: 0.9em;
  background: White url(../images/template/middlebox_bg.png) repeat-x left top;  
  height: 30px;
  width: 120px;
  border: 1px solid #ddd;
}
#checkoutnavbottom_but1:hover{
  border: 1px solid #333;
}

#checkoutnavbottom_but2 {/*keep shopping*/
  font-size: 0.9em;
  background: White url(../images/template/middlebox_bg.png) repeat-x left top;  
  height: 30px;
  width: 120px;
  border: 1px solid #ddd;
}
#checkoutnavbottom_but2:hover{
  border: 1px solid #333;
}

#checkoutnavbottom_but3 {/*next checkout step*/
  font-size: 0.9em;
  background: White url(../images/template/middlebox_bg.png) repeat-x left top;  
  height: 30px;
  width: 120px;
  border: 1px solid #4a4;
}
#checkoutnavbottom_but3:hover{
  border: 1px solid #333;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*GRAPHCHARTS*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.graphbar1 {/*next checkout step*/
  font-size: 0.9em;
  background: White url(../images/template/graphbar1.png) repeat-y;  
  height: 10px;
  border: 1px solid #4a4;
  margin-top: 4px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*e-commerce/products css*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.product_pic {
	width: 150px;
  /*border: 1px solid #ddd;*/
  /*padding: 10px;*/
  padding-bottom: 10px;
}

.product_pic_small {
	width: 75px;
  /*border: 1px solid #ddd;*/
  padding: 2px;
}

/*.prodscreenshots {*/
.product_pic_thumbnails {
  /*padding: 2px 4px 2px 0;*/
	/*border: 2px solid GREEN;*/
  /*border: 1px solid #ddd;*/
  padding: 2px;
}

.product_brand {
  padding-bottom: 10px;
}


.cat_pic {
	width: 50px;
	/*border: 2px solid YELLOW;*/
}

.subcat_pic {
	width: 50px;
	/*border: 2px solid BROWN;*/
}

.product_info_adicional {
  font-size: 0.85em;
  /*line-height: 1.25em;*/
}

.product_discount_sticker {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 160px;
  text-align: center;
  background: transparent url(../images/addons/sticker_discount.png) no-repeat;    
  filter: alpha(opacity=85);
  -moz-opacity: 0.85; 
  opacity: 0.85;
  -khtml-opacity: 0.85;
}

* html .product_discount_sticker{/*ie*/
  background: transparent url(../images/addons/sticker_discount.gif) no-repeat;
}

.product_discount_sticker p {
  color: white;
  margin-top: 20px;
  /*font-weight: bold;*/
  font-size: 1.5em;
}

.product_discount_sticker_small {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 100px;
  text-align: center;
  background: transparent url(../images/addons/sticker_discount_small.png) no-repeat;    
  filter: alpha(opacity=85);
  -moz-opacity: 0.85; 
  opacity: 0.85;
  -khtml-opacity: 0.85;
}

* html .product_discount_sticker_small {/*ie*/
  background: transparent url(../images/addons/sticker_discount_small.gif) no-repeat;
}

.product_discount_sticker_small p {
  color: white;
  margin-top: 6px;
  font-weight: bold;
  font-size: 0.85em;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*begin product info tables*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.prodinfo_header {
  background-color: #efefef;
	text-align: right;
	font-weight: bold;
	border-top: solid #ddd 1px;
	width: 50%;
}

.prodinfo_collft {
	color: #878787;
	text-align: right;
	font-weight: bold;
	border-top: solid #ddd 1px;
	width: 50%;
}

.prodinfo_colrgt {
	text-align: left;
	border-top: solid #ddd 1px;
	padding-left: 10px;
	width: 50%;
}
/*begin product info tables------------------------------------------------------------------------*/