/* CSS Document */

/**********************************************************************/

/*    G E N E R A L                                                   */

/**********************************************************************/

/* Suggested order:

 * display

 * list-style

 * position

 * float

 * clear

 * width

 * height

 * margin

 * padding

 * border

 * background

 * color

 * font

 * text-decoration

 * text-align

 * vertical-align

 * white-space

 * other text

 * content

 *

 */

body {

	margin: 0;

	border: 0;

	padding: 0;

	height: 100%;

	font-size: 76%;

}

p {

	margin-top: 0;

	margin-bottom: .6em;

	text-align: justify;

}

div, p, table, td, th {

	font-family: Tahoma,Helvetica,Arial,sans-serif;

	line-height: 1.3em;

	font-size: 1em;

	color: #333333;

}





a:link, a:visited {

	color: #1B57B1;

	text-decoration: none;

	font-weight: normal;

}



a:hover {

	color: #0000CC;

	text-decoration: underline;

	font-weight: normal;

}



img {

	margin: 0;

	border: none;

	padding: 0px;

	text-decoration: none;

}



a img {

	margin: 5;

	border: none;

	padding: 0;

	text-decoration: none;

}



.error {

	margin: .5em;

	border: 1px dashed #666;

	padding: 0.5em 0.5em 0.5em 2.5em;

	background-color: #F99;

	background-image: url(../images/error.gif);

	background-attachment: scroll;

	background-position: 5px 5px;

	background-repeat: no-repeat;

	color: #000;

	font-weight: normal;

}

.warning {

	margin: .5em;

	border: 1px dashed #666;

	padding: 0.5em 0.5em 0.5em 2.5em;

	background-color: #ff9;

	background-image: url(../images/warning.gif);

	background-attachment: scroll;

	background-position: 5px 5px;

	background-repeat: no-repeat;

	color: #000;

	font-weight: normal;

}

.message {

	padding: 5px;

	margin: 0 0 5px 0;

	color: #009900;

	font-weight: bold;

	font-style: italic;

}



.highlight {

 	padding: 0;

	color: #0000FF;

	background-color: #FFFF00;

}



.code {

	margin: 0;

	border: 1px solid #BBBBBB;

 	padding: 0;

	font-family: "Courier New", Courier, mono;

	background-color: #DDDDDD;

}



form {

/* removes space below form elements */

	margin: 0;

	border: 0;

 	padding: 0;

}



/* index */

ul {

	list-style-type: square;

}

ul li {

}



ol{

}

ol li{

}



dl {

	margin-top: 0;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0.2em 0 1em 1em;

}



/* text style */

h1{

	margin: 1em 0 .5em 0;

	/*

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.6em;

	font-weight: normal;

	*/

	font-size: 1.6em;

	font-weight: bold;

	color: #C13610;

	

	letter-spacing: 0;

	text-transform: none;

}



h2{

	margin: 1em 0 .5em 0;

	border-bottom: 1px solid #cccccc;

	line-height: 1.4em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	letter-spacing: 0;

	text-transform: none;

}



h3 {

	margin: 1em 0 .3em 0;

	border-bottom: 1px solid #cccccc;

	line-height: 1.3em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	font-weight: bold;

	letter-spacing: 0;

	text-transform: none;

}

h4 {

	margin: .3em 0 .1em 0;

	line-height: 1.2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	letter-spacing: 0;

	text-transform: none;

}

/* paragraph left spacing */

.h1,

.h2,

.h3,

.h4{

	padding-left: 1em;

}



div.center,

p.center {

	text-align: center;

}



div.right,

p.right {

	text-align: right;

}

div.it,

p.it{



}

div.en,

p.en{



}

div.de,

p.de{



}



a.pdf,

a.doc,

a.zip{

	font-size: .8em;

}



/**********************************************************************/

/*   F R A M E                                                        */

/**********************************************************************/



body {

	/* background: #D8811A;*/

	background-image: url(../images/bg.png);

	background-repeat: repeat;

}

div.center{

	text-align: center;

}



.clear{

	margin: 0;

	border: 0;

	padding: 0;

	clear: both;

}

.clear_l{

	clear: left;

	height: 0;

}

.clear_r{

	clear: right;

	height: 0;

}



a#corner {

	position: absolute;

	right: 0;

	top: 0;

	display: block;

	height: 90px;

	width: 90px;

	background: url(../images/msf_donate.png) top right no-repeat !important;

	background: none;

	text-indent: -999em;

	text-decoration: none;

	cursor: hand;

}



div#wrapper {

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	min-width: 750px;

	max-width: 1050px;

	_width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1050? "1050px": "auto" );

	background: #F7F7F7 url(../images/shadow_l.png) 0 0 repeat-y;

}

div#wrapper_r {

	padding-bottom: 8px;

	background: url(../images/shadow_r.png) 100% 0 repeat-y;

}



div#header {

	background: url(../images/header_t.png) 0 0 repeat-x;

}

div#header_l {

	background: url(../images/header_tl.png) 0 0 no-repeat;

}

div#header_r {

	height: 110px;

	background: url(../images/header_tr.png) 100% 0 no-repeat;

}



div#tabarea {

	background: url(../images/tab_bg.png) 0 0 repeat-x;

	margin: 0 10px;

}

div#tabarea_l {

	background: url(../images/tab_cap.png) 0 0 no-repeat;

	padding-left: 1px;

}

div#tabarea_r {

	height: 42px;

	background: url(../images/tab_cap.png) 100% 0 no-repeat;

	padding-right: 1px;

}



/* top module stuff */

#topmodule {

	padding: 8px 10px;

	width: auto !important;

	width: 100%;

}



/* white box suff */

#whitebox {

	margin: 0 18px 0px 18px;

	background: #fff;

	width: auto !important;

	width: 100%;

}

#whitebox_t {

	background: url(../images/greyline.png) 0 0 repeat-x;

}

#whitebox_tl {

	background: url(../images/box_white_tl.png) 0 0 no-repeat

}

#whitebox_tr {

	height: 8px;

	overflow: hidden;

	background: url(../images/box_white_tr.png) 100% 0 no-repeat;

}

#whitebox_m {

	border-left: 1px solid #CDCDCD;

	border-right: 1px solid #CDCDCD;

	width: auto !important;

	width: 100%;

	padding: 1px 8px;

}

#whitebox_b {

	background: url(../images/greyline.png) 0 100% repeat-x;

}

#whitebox_bl {

	background: url(../images/box_white_bl.png) 0 0 no-repeat;

}

#whitebox_br {

	height: 8px;

	overflow: hidden;

	background: url(../images/box_white_br.png) 100% 0 no-repeat;

}









/* footer suff */

div#footer {

	background: url(../images/shadow_b.png) 0 0 repeat-x;

}

div#footer_l {

	background: url(../images/shadow_bl.png) 0 0 no-repeat;

}

div#footer_r {

	height: 50px;

	background: url(../images/shadow_br.png) 100% 0 no-repeat;

}

div#footer_r div {

	text-align: center;

	padding-top: 8px;

	font-size: .90em;

	color: #aaa;

}

div#footer_r a:link, div#footer_r a:visited  {

	color: #999;

}



div#author{

	text-align: right;

	margin-right: 40px;

	padding-top: 0;

	font-size: .90em;

	color: #AA5500;

}

div#author a:link, div#author a:visited{

	color: #AA5500;

}



#bottom{

	margin-top: 10px;

	text-align: center;

}

#bottom table{

	text-align: center;

}





/** tab menu stuff **/

#tabmenu {

	padding: 0;

	white-space: nowrap;

	float: left;

}

#tabmenu ul {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}

#tabmenu li {

	float: left;

	margin: 0;

	padding: 0;

}

#tabarea li a {

	background: url(../images/tab_off_end.png) no-repeat;

}



#tabarea li.active_menu{

	background: url(../images/tab_on_end.png) no-repeat;

}

#tabmenu li a {

	background-position: 100% 0; 

}

#tabarea a:link, #tabarea a:visited {

	float: left;

	display: block;

	padding: 4px 20px 11px 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .94em;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

#tabarea a:hover {

  color: #DDDDDD;

  background: url(../images/tab_on_orange.png) repeat-x;

}





/* grey menu */

#greymenu {

	float: right;

	padding: 0;

	white-space: nowrap;

}

#greymenu ul {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}

#greymenu li {

	float: left;

	margin: 0;

	padding: 0;

}

#greymenu li a {

	background-position: 0 0;

}





/** css buttons **/

#css_buttons {

	width: auto;

	white-space: nowrap;

	float: right;

	margin-top: 80px;

	margin-right: 20px;

}

#css_buttons a {

	margin-right: 1px;

}



/** search box **/

#search{

	width: auto;

	white-space: nowrap;

	float: right;

	margin-top: 80px;

	margin-right: 20px;

}

#search .inputbox{

}



/** language box **/

#language{

	margin: 0;

	border: 0;

	width: auto;

	white-space: nowrap;

	float: right;

	margin-top: 20px;

	margin-right: 20px;



}

#language select{

	font-size: .75em;

	color: #333333;

	background-color:;

}





/* main contenut frame stuff */

div#area {

	padding-top: 0px;

}

table.frame{

	margin:0;

	border: 0;

	padding: 0;

}

td#leftcolumn {

	padding: 0;

	padding-right: 15px;

	margin: 0;

	width: 160px;

	vertical-align: top;

}

td#maincolumn {

	vertical-align: top;

}

td#rightcolumn {

	padding: 0;

	padding-left: 15px;

	margin: 0;

	width: 160px;

	vertical-align: top;

}





/** contenut stuff **/

#banner {

	border: 0 0 0 0;

	margin: 0 0 0 0;

	padding: 3px;

	text-align: center;

}



#top {

<!--	border: 1px solid #CCCCCC; -->

	margin: 0 0 5px 0;

	padding: 2px 2px 2px 2px;

}



#pathway{

	border: 1px solid #CCCCCC;

	margin: 0 0 5px 0;

	padding: 2px 2px 2px 5px;

}



#pathway .pathway img{

	border: 0 0 0 0;

	vertical-align: middle;

}



#page{

	border: 0 0 0 0;

	margin: 0 0 0 0;

	padding: 5px 5px 5px 5px;

}



#user1{

	border: 0 0 0 0;

	margin: 0 0 0 0;

	padding: 0 5px 0 0;

	vertical-align: top;

}

#user2{

	border: 0 0 0 0;

	margin: 0 0 0 0;

	padding: 0 0 0 5px;

	vertical-align: top;

}











/**********************************************************************/

/*   M E N U                                                          */

/**********************************************************************/





/* MAIN MENU */

.moduletable a.mainlevel:link, .moduletable a.mainlevel:visited {

	display: block;

	margin: 0;

	margin-bottom: 1px;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #999999;

	border-right-color: #999999;

	border-top-color: #DDDDDD;

	border-left-color: #DDDDDD;

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #AAAAAA;

	background-color: #FFFFFF;

	text-decoration: none;

}



.moduletable a.mainlevel:hover {

	padding: 4px 2px 2px 4px;

	color: #000000;

	background-color: #FFFF99;

	text-decoration: none;

	border-bottom-color: #DDDDDD;

	border-right-color: #DDDDDD;

	border-top-color: #999999;

	border-left-color: #999999;

}



.moduletable a.mainlevel#active_menu {

	padding: 4px 2px 2px 4px;

	color: #FFFFFF;

	background-color: #C13610;

	text-decoration: none;

	border-bottom-color: #DDDDDD;

	border-right-color: #DDDDDD;

	border-top-color: #999999;

	border-left-color: #999999;

}



.moduletable a.mainlevel#active_menu:hover {

	color: #FFFFFF;

}



.moduletable a.sublevel:link, a.sublevel:visited {

	margin: 0;

	border: 0;

	padding: 2px 0 0 20px;

	font-size: 11px;

	font-weight: bold;

	color: #C64934;

}



.moduletable a.sublevel:hover {

	color: #990000;

	text-decoration: none;

}



.moduletable a.sublevel#active_menu {

	color: #333333;

	font-weight: bold;

}



/**********************************************************************/

/*   F R A M E   P A G E                                              */

/**********************************************************************/

table.content_table {

	margin: 0;

	padding: 0;

}



table.content_table tr td {

	margin: 0;

	padding: 0;

}



table td.body_outer {

	border: 1px solid #CCCCCC;

	padding: 2px;

}





/**********************************************************************/

/*    C O N T E N T   P A G E                                         */

/**********************************************************************/

body.contentpane{

	margin: 25px;

	background-color: #FFFFFF;

	text-align: left;

}

table.contentpaneopen, table.contentpane{

	border: 0;

	border-collapse: collapse;

	border-spacing: 0;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}

table.contentpaneopen tr td.contentheading,

 table.contentpane tr td.contentheading,

 h1.title{ /* title */

	border: 0;

	padding: 0 0 1em 0;

	margin: 0 0 1em 0;

	font-size: 1.6em;

	font-weight: bold;

	color: #C13610;

	white-space: nowrap;

}



td.buttonheading{ /* icon buttons */

	border: 0;

	padding: 3px;

	margin: 0;

	text-align: right;

	width: auto;

}

td.buttonheading img{ /* icon button imgs */

	border: 0;

	padding: 0;

	margin: 0;

}



table.contentpaneopen tr td{ /* text page */

	border: 0;

	padding: 0 0 0 5px; <!--QUI -->

	margin: 0;

}

td.contentdescription{

	border: 0;

	padding: 0;

	margin: 0;

}

td.contentdescription img{

	border: 0;

	padding: 5px;

	margin: 0;

}



.small,

.createdate,

.modifydate{ /* author */

	border: 0;

	padding: 0;

	margin: .5em 0 1em 0;

	font-size: 0.8em;

	font-style: normal;

	color: #999999;

}







.article_seperator{



}





/* user page table */

table.contentpaneopen table{

	<!-- border: 1px solid #666666; -->

	border-collapse: separate;

	border-spacing: 2px;

	padding: 0 0 0 0;

	margin: 0 auto;

}



table.contentpaneopen table th{

	border: 1px solid #999999;

	padding: 3px;

	margin: 0;

	color: #FFFFFF;

	font-weight: bold;

	background-color: #666666;	

}

table.contentpaneopen table td{

	<!-- border: 1px solid #999999; -->

	padding: 3px;

	margin: 0;

}

























.componentheading {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #666666;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



table.contentpaneopen fieldset {

	border: 0px;

	border-bottom: 1px solid #EEEEEE;

}



.inputbox {

	padding: 2px;

	border:solid 1px #CCCCCC;

	background-color: #FFFFFF;

}







.contentcolumn {

	padding-right: 5px;

}







/* buttons */

.back_button, .button, .pagenav {

	border: 1px solid #CCCCCC;

	padding: 0 5px;

	margin: 1px;

	text-align: center;

	font-weight: bold;

	color: #666666;

	line-height: 20px !important;

	line-height: 18px;

	background: url(../images/button_bg.png) repeat-x;

	width: auto;

}

.back_button{

	float: right;

}



.pagenavbar {

	float: right;

	margin-right: 10px;

}



/* image */

div.mosimage {

	border: 1px solid #CCCCCC;

}

.mosimage {

	border: 1px solid #CCCCCC;

	margin: 5px

}

.mosimage_caption {

	margin-top: 2px;

	padding: 1px 2px;

	color: #666666;

	text-transform: none;

	font-size: 9px;

}

















/**********************************************************************/

/*    M O D U L E                                                     */

/**********************************************************************/

.moduletable {

	border: 0;

	padding: 0;

	margin: 0 0 10px 0;

}



div.moduletable h3, table.moduletable th{

	border: 0;

	padding: 0 0 0 4px;

	margin: 0 0 2px 0;

	font-weight: normal;

	font-size: 10px;

	font-style: normal;

	text-transform: uppercase;

	color: #666666;

	background: url(../images/subhead_bg.png) repeat-x;

	line-height: 21px;

	height: 21px;

}



table.moduletable td {

	border: 0;

	padding: 0;

	margin: 0;

	font-weight: normal;

	font-style: normal;

}



table.moduletable td {







}





/**********************************************************************/

/*    C O M P O N E N T   T A B L E                                   */

/**********************************************************************/

.sectiontableheader {

	border-bottom: 1px solid #CCCCCC;

	border-top: 1px solid #CCCCCC;

	padding: 0;

	margin: 0 0 0 0;

	font-weight: normal;

	font-size: 10px;

	font-style: normal;

	text-transform: uppercase;

	color: #666666;

	background: #DDDDDD;

	vertical-align: middle;

	line-height: 21px;

	height: 21px;

}

tr.sectiontableentry1 td ,

tr.sectiontableentry2 td {

	border-bottom: 1px solid #E5E5E5;

	padding: 4px;

	margin: 0;

}



tr.sectiontableentry1{

	background-color: #F9F9F9;

}



tr.sectiontableentry2 {

	background-color: #FFFFFF;

}



tr.sectiontableentry1:hover,

tr.sectiontableentry2:hover {

	background-color: #F1F1F1;

}



td.sectiontablefooter {



}







/**********************************************************************/

/*    P O L L                                                         */

/**********************************************************************/



table.pollstableborder {

	border: 0;

	padding: 0;

	margin: auto;

	border-spacing: 0px;

	border-collapse: collapse;

}

table.pollstableborder tr{

	border: 0;

	padding: 0;

	margin: 0;

}



table.pollstableborder td.sectiontableheader {

	border: 1px solid #CCCCCC;

	padding: 0 5px 0 5px;

	margin: 0;

	font-weight: bold;

	font-size: 10px;

	background: #DDDDDD;

	color: #666666;

	line-height: 21px;

	height: 21px;

}

table.pollstableborder td.sectiontableheader img{

	border: 0;

	padding: 0 5px 0 5px;

	margin: 0;

}



table.pollstableborder tr.sectiontableentry1{

	border: 0;

	padding: 0;

	margin: 0;

}

table.pollstableborder tr.sectiontableentry1 td{

	border: 0;

	padding: 2px;

	margin: 0;

	background-color: #FFEEFF;

}

table.pollstableborder tr.sectiontableentry1 td table{

	border: 0;

	padding: 0;

	margin: 0;

	border-collapse: collapse;

	border-spacing: 0;

}



table.pollstableborder tr.sectiontableentry2{

	border: 0;

	padding: 0;

	margin: 0;

}

table.pollstableborder tr.sectiontableentry2 td{

	border: 0;

	padding: 2px;

	margin: 0;

	background-color: #FFFFCC;

}

table.pollstableborder tr.sectiontableentry2 td table{

	border: 0;

	padding: 0;

	margin: 0;

	border-collapse: collapse;

	border-spacing: 0;

}



table.pollstableborder td.sectiontablefooter {



}











/**********************************************************************/

/*    S H O P                                                         */

/**********************************************************************/



.shop_browser{

	margin: 3px 3px 3px 3px;

	border: 1px solid #999999;

	padding: 5px 5px 5px 5px;

}

.shop_browser .image{

	float: right;

	padding: 5px;

}

.shop_browser .title{

	font-size: 1.2em;

}

.shop_browser .sku{

	font-size: 0.8em;

}

.shop_browser .price{

	margin-top: 5px;

}

.shop_browser .desc{

	margin-top: 5px;

}

.shop_browser .rating{

	margin-top: 5px;

	text-align: right;

}

.shop_browser .addtocart{

	margin-top: 5px;

	text-align: center;

}





.shop_flypage{



}

.shop_flypage div.pathway{

	border: 1px solid #CCCCCC;

	margin: 0 0 5px 0;

	padding: 2px 2px 2px 5px;

}

.shop_flypage div.pathway img{

	margin: 0;

	border: 0;

	padding: 0;

	vertical-align: middle;

}

.shop_flypage .image{

	float: left;

	text-align: center;

}

.shop_flypage h1.title{

	/*

	font-size: 1.6em;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	*/

}

.shop_flypage .sku{

	font-size: 0.8em;

}

.shop_flypage .manufacturer{

	/*

	margin-top: 5px;

	margin-bottom: 5px;

	*/

	visibility: hidden;

	height: 0;

}

.shop_flypage .price{



}

.shop_flypage .addtocart{

	clear: both;

	padding-left: 30px;

}

.shop_flypage .packaging{



}

.shop_flypage .desc{

	margin: 0 0 10px 10px;

	border-top: 1px dashed #999999;

	padding: 5px 0 0 0;

}

.shop_flypage .box{

	margin: 10px 0 0 10px;

}
