html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	width:100%;
	min-width:750px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image:url("body-bg.jpg");
	background-repeat:repeat-x;
}

div {
	padding:0px;
	margin:0px;
}

a, a used {
	text-decoration:none;
	color:#333333;
	color:#666666;
	font-weight:bold;
}

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

/* need this to fix a problem in IE (at least in older versions)*/
a.footerlinks {
	width:174px;
	height:11px;
	padding:0px;
	margin:0px;
}

ul#menu, li.menu {
	padding:0px;
	margin:0px;
	text-indent:0px;
}

h2 {
	color:#54779B;
}

h3 {
	color:#54779B;
	font-size:18px;
}

#wrap { /* wraps everything */
	width:980px;
	min-width:740px;
	height:100%;
	margin:0 auto;
	text-align:left;
	margin-top:0px;
	border:1px solid #dddddd;
}

#soccer_header {
	background-color:#FFFFFF;
	background-image:url("./h_brasse.jpg");
	background-image:url("./abstractheader1.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	height:167px;
	margin-top:0px;
	border-top:1px solid #999999;
	border-bottom:3px groove #99FF99;
	/*border:1px solid red;*/
}

/*html>body #header {*/
#header {
	/*position:fixed;*/
	/*z-index:10; /* Prevent certain problems with form controls */
}

.brazColorBar {
	color:white;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:0.8em;
	background-color:#2828DC;
	background-image:url("braz_color_bar.jpg");
	background-repeat:no-repeat;
	width:100%;
	height:20px;
	margin-top:118px;
	position:relative;
	border-top:1px solid #999999;
}

/*html>body #content-wrap {*/

/* the section that lies in between the header and the footer */
#content-wrap {
	width:100%; /* % of the div "wrap" */
	min-height:600px;
	display:block;
	overflow:visible;
	background-color:#FFFFFF;
	/*border:1px solid blue;*/
}

#content {
	padding:0px;
	width:100%;	/* 100% of the content wrap */
	position:relative;
	overflow:visible;
	display:table;
	font-size:11px;
	/*border:1px solid red;*/
}

#body {
	background-color:#FAFAFA;
	padding-bottom:2em; 
	float:right;
	position:relative;
	display:block;
	width:830px;
}

#footer {
	width:100%;
	height:84px;
	padding-top:1em;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
	background-image:url("f_kicker_and_abstract.jpg");
	background-repeat:no-repeat;
	background-position:left;
	/*border:3px solid red;*/
}

#footer a {
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#8B8A8A;
}

img {
    border:none;
}

img.floated_left {
	float:left;
}

img.floated_right {
	float:right;
}

img.reflogo {
	max-width:200px;
}

table {
	color:#666666;
	font-size:11px;
}

.centerwrapper {
	display:block;
	width:1px;
	overflow:visible;
	margin-left:40%;
	/*border:5px solid red;*/
	
}

.centercontent {
	padding-top:5px;
	display:table;
	text-align:center;
	width:61px;
	/*border:1px dotted green;*/
}

.vspacer {
	height:30px;
	width:100%;
	position:relative;
	display:table;
	/*border:1px solid red;*/
}

.hspacer {
	width:40px;
	float:left;
	position:relative;
	display:table-cell;
	/*border:3px solid red;*/
}

.pheader {
	float:left;
	height:30px;
	width:600px;
	/*position:relative;*/
	display:table;
	padding-top:20px;
}

.headbar {
	float:left;
	clear:both;
	width:760px; /* this one makes the "body" div expand in width! */
	height:35px;
	background-image:url("h2back.jpg");
	background-image:url("graygradient_10x30.jpg");
	background-image:url("greenheadback.jpg");
	background-image:url("hback2.jpg");
	background-image:url("h-bg.jpg");
	text-indent:25px;
	padding-top:5px;
	font-size:20px;
	font-weight:bold;
	/*margin-bottom:0.5em;*/
	color:white;
	/*border-bottom:1px solid #339900;*/
	width:100%;
	border-left:1px solid #dddddd;
	/*border:1px solid green;*/
}

.footline {
	border-left:1px solid #A9C692;
	border-bottom:1px solid #B8DCAA;
	/*border-right:1px solid #A7C1B8;*/
	padding-bottom:10px;
	padding-top:20px;
	float:left;
	position:relative;
	width:100%;
	min-height:400px;
}

.centeredtext, .centeredText {
	text-align:center;
}

.centeredtext#welcome{
	color:#666666;
}

.plaintext, .plainText {
	padding:1em;
	color:#666666;;
}

.redText, .redtext {
	color:#FF0000;
}

.redText a, .redtext a:hover, .redText a:used {
	color:#FF0000;
}

.aboutText {
	display:table;
	width:92%;
}

.illImg {
	padding:1em;
	float:right;
}

.frontedproducts {
	padding:0px;
	margin:0px;
	width:100%;
	display:table;
	/*border:1px solid red;*/
}

.box {
	float:left;
	width:330px;
	overflow:visible;
	display:block;
	margin-bottom:0px;
	padding-right:10px;
	margin-right:10px;
	/*border:1px solid red;*/
}

.box img {
	padding-right:5px;
	padding-bottom:5px;
}

.frontedproducts a {
	font-size:12px;
}

.tab {
	background-image:url("tab_head.jpg");
	background-repeat:no-repeat;
	background-color:white;
	width:340px;
	height:30px;
	text-indent:10px;
	display:table;
	/*border:1px solid green;*/
}

.tab_link {
	padding-top:5px;
	color:#EEEEEE;
}

.tab_link a {
	font-size:14px;
	color:#EEEEEE;
}

.tab_link a:hover {
	color:#FFFFFF;	
}

.boxcontent {
	margin:10px;
	margin-right:10px;
	color:#333333;
	/*border:1px solid red;*/
}

.boxcontent img {
}

.boxcontent img.ref {
	max-width:200px;
	display:inline-table;
}

.undertab {
	background-image:url("undertab_content.jpg");
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	display:table;
	height:180px;
	width:340px;
	/*border:1px solid red;*/
}

.boxbottom {
	background-image:url("undertab_content.jpg");
	background-repeat:repeat-y;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	color:red;
	color:#D10014;
	padding-right:10px;
	border-bottom:1px solid #AAAAAA;
	margin-bottom:5px;
	display:block;
	width:330px;
	/*border:1px solid red;*/
}

/****************************************
*										*
*		PRODUCTS, DETAIL VIEW			*
*			 							*
****************************************/
.product {
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	width:700px;
	border:1px solid #AAAAAA;
	background-color:#FFFFFF;
	/*border:3px solid red;*/
}

.productinfowrap {
	display:block;
	float:left;
	padding:1%;
	width:500px;
	min-height:50px;
	overflow:visible;
	/*border:3px solid red;*/
}

.productinfowrap#alignleft {
	float:left;
	/*border:3px solid red;*/
}

.producthead, .productinfo {
	float:left;
	position:relative;
	height:100%;
	display:table;
	/*border:1px solid red;*/
}

.producthead {
	background-image:url("tab_head_wide.jpg");
	background-repeat:no-repeat;
	font-size:16px;
	height:30px;
	width:500px;
	font-weight:bold;
	text-indent:10px;
	/*border-top:1px solid #AAAAFF;*/
}

.productinfo_underTab {
	display:block;
	float:left;
	width:500px;
	background-image:url("undertab_content_wide.jpg");
	background-repeat:repeat-y;
	border-bottom:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	/*border:1px solid red;*/
}

.productinfo {
	width:460px;
	padding:20px;
}

.boxleftwrap {
	float:left;
	margin-left:2px;
	width:130px;
	width:200px;
	height:150px;
	height:250px;
	display:table;
	text-align:center;
	/*vertical-align:middle;*/
	/*border:1px solid black;*/
}

.boxrightwrap {
	width:400px;
	height:250px;
	display:table;
	padding-top:5px;
	float:right;
	/*border:1px solid red;*/
}

.boxupperwrap {
	width:100%;
	float:left;
	/*border:1px solid red;*/
}

.boxlowerwrap {
	width:100%;
	float:left;
	padding:2%;
	/*border:1px solid red;*/
}

.productimagewrap {
	float:left;
	width:130px;
	height:130px;
	width:200px;
	height:200px;
	vertical-align:middle;
	padding-top:5px;
	/*border:1px solid red;*/
}

.productimage {
	float:left;
	display:table;
	text-align:center;
	overflow:visible;
	/*padding-left:5px;*/
	margin-left:5px;
	/*border:1px solid red;*/
}

.productimage a:hover {
	text-decoration:none;
}

.productimage img {
	max-height:190px;
	max-width:190px;
	/*border:1px solid green;*/
}

.productimage td {
	height:190px;
	width:190px;
	text-align:center;
}

.enlarge {
	float:left;
	width:100%;
	text-align:center;
	display:table;
	padding-top:5px;
}

.boxleftwrap a, .boxleftwrap a:hover, .boxleftwrap a:visited {
	width:120px;
	font-weight:lighter;
	text-decoration:none;
	color:#AAAAFF;
	/*border:1px solid red;*/
}

.productimage img.small  {	
	width:40px;
	/*max-width:40px;
	max-height:40px;*/
}

.pricebutton {
	width:150px;
	height:34px;
	padding-top:16px;
	background-image:url("blueglassbutton.jpg");
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	color:#FFFFCC;
	font-size:14px;
	font-weight:bold;
}

.description {
	color:#333333;
}

* html .productimage img.small { 
	/*height:40px; 
	width:40px;*/
}

.productSpecField {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:0.1em 0.3em 0.1em 0.15em;
	padding:2px;
	padding-left:5px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.productSpecValue {
	width:80%;
	padding-left:5px;
	border-right:1px solid #999999;
}

.product table.specTable {
	width:96%;
	color:#333333;
	/*padding-left:5px;
	padding-right:5px;*/
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

.price {
	float:right;
	color:red;
	color:#D10014;
	font-size:larger;
	font-weight:bolder;
}

.rank {
	font-size:10px;
	font-style:italic;
}

.refimgwrap {
	text-align:center;
}

.refimg {
	width:100%;
}

.refimg img.ref {
	max-width:200px;
}

/****************************************
*										*
*		  PRODUCTS, LIST VIEW			*
*			 							*
****************************************/
.productprice_list {
	color:red;
	color:#D10014;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	width:20%;
	float:right;
	text-align:right;
	padding-right:5px;
	/*border:1px solid red;*/
}

.producthead_list {
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	margin-left:5px;
	text-indent:5px;
	width:70%;
	float:left;
	/*border:1px solid red;*/
}

.productinfo_list {
	float:left;
	width:100%;
	padding-top:0px;
	font-size:10px;
	font-weight:lighter;
	color:#54779B;
}

.prodlist_cat {
	color:#666666;
	font-size:10px;
}





/****************************************
*										*
*			  REFERENCES				*
*			 							*
****************************************/
ul.references {
	font-size:12px;
}

.refwrap {
	position:relative;
	clear:both;
	display:table;
	width:100%;
	/*height:120px;*/
	padding-top:5px;
	padding-bottom:5px;
	/*border:1px solid red;*/
}

.refwrap#logo {
	text-align:center;
	border-bottom:1px solid #99CCCC;
}

.refleftwrap {
	position:relative;
	width:240px;
	/*height:120px;*/
	padding-left:20px;
	padding-right:20px;
	float:left;
	display:block;
	text-align:center;
	vertical-align:middle;
	/*border:1px solid blue;*/
}

.refrightwrap {
	position:relative;
	float:left;
	width:452px;
	display:block;
	/*height:110px;*/
	padding-top:10px;
	/*border:1px solid blue;*/
}

.refimg {
	float:left;
	display:block;
	width:100px;
	padding:7px;
	/*border:1px solid #CCCCCC;*/
}

.refimg img {
	width:100px;
}

.refimg_fullsize {
	float:left;
	display:block;
	padding:5px;
	width:720px;
	text-align:center;
	/*border:1px solid red;*/
}

.refimages#refimageswrap {
	clear:both;
	float:left;
	display:block;
	width:100%;
	border-top:1px solid #CCCCCC;
	/*border:1px solid red;*/
}



/****************************************
*										*
*				ADMIN 					*
*			 							*
****************************************/
img.adminframe {
	clear:both;
	/*float:left;
	position:relative;*/
	width:150px;
	/*height:150px;*/
	border:4px solid gray;
}

a.adminlink, a:hover.adminlink {
	text-decoration:none;
}

.editbutton, .deletebutton {
	width:47px;
	height:16px;
	overflow:visible;
	padding:0px;
	display:table;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	background-repeat:no-repeat;
}

a.editbutton {
	background-image:url("../img/icons/editbutton.jpg");
	font-size:11px;
}

a.deletebutton {
	background-image:url("../img/icons/deletebutton.jpg");
	font-size:11px;
}

a.editbutton:hover, a.deletebutton:hover {
	background-position:0px -16px;
	text-decoration:none;
}

.editbutton_large {
	width:150px;
	height:34px;
	padding-top:16px;
	background-image:url("redglassbutton.jpg");
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	text-align:center;
	color:#FFFFCC;
	font-size:14px;
	font-weight:bold;
}

.editbutton_small {
	float:right;
	width:90px;
	height:30px;
	padding-top:7px;
	margin-top:10px;
	margin-right:5px;
	background-image:url("redglassbutton_small.jpg");
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
	text-align:center;
	color:#FFFFCC;
	font-size:10px;
	font-weight:bold;
}

a .editbutton_large, a .editbutton_small, a.editbutton_large:hover, a.editbutton_small:hover {
	text-decoration:none;
}

.redtext#logininfo {
	border:1px solid red;
	background-color:#FFCCFF;
	background-color:#fad8d8;
	background-color:#FFFFCC;
	padding:20px;
	margin-bottom:10px;
}

.ol_img {
	display:table-cell;
	text-align:center;
	width:200px;
	background-image:url("../img/icons/grid3.gif");
	/*border:1px solid #AAAAAA;*/
}

.formframe {
	clear:both;
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding:5px;
	display:table;
	width:700px;
	border:1px solid #AAAAAA;
	background-color:#FFFFFF;
	/*border:3px solid red;*/
}

.formframe img {
	border:1px solid #DDDDDD;
}




/****************************************
*										*
*				NAVI					*
*			 							*
****************************************/
#navBlock {
	height:100%;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	width:150px;
	display:table;
	/*border-right:1px solid gray;*/
	/*border:1px solid red;*/
}

#navBlock ul {
	width:100%;
}

#navBlock li.menu, #navBlock li.submenu {
	position:relative;
	display:block;
}

a.navLink {
	display:block;
	background-image:url("menuitem-bg.jpg");
	height:20px;
	border-bottom:1px solid #76a965;
	border-top:1px solid #76a965;
}

a.navLink_sub {
	display:block;
	background-color:#d0f7c4;
	border-bottom:1px solid;
}

a.navLink_sub:hover {
	text-decoration:none;
	background-image:url("square.gif");
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-color:#b4f79f;
}

a.navLink_sub .text {
	display:block;
	padding:3px 0px 3px 15px;
	color:#333333;
}

a.navLink:hover {
	background-image:url("menuitem-hover-bg.jpg");
}

a.navLink, a.navLink:hover {
	text-decoration:none;
}

a.navLink .text {
	color:white;
	display:block;
	/*background-color:red;*/
	padding-left:10px;
	padding-top:3px;
}

a.navLink:hover .text, a.navLink_sub:hover .text {
	color:#333333;
	cursor:pointer;
}



/* MULTIMEDIA */
#videowrap {
	width:720px;
}

#videostream {
	float:left;
	width:720px;
	text-align:center;
	/*display:table;*/
}

#videobutton {
	float:left;
	width:400px;
	text-align:center;
	display:table;
	padding-left:280px;
	/*border:1px solid red;*/
}