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

body { padding:1em 0; }

div {
	padding:0;
	margin:0;
}

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:0;
	margin:0;
}

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

h2 {
	color:#54779B;
}

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

h4 { font-size:1em; }

#wrap { /* wraps everything */
	width:980px;
	min-width:740px;
	/*height:100%;*/
	margin:0.5em auto;
	text-align:left;
	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:0;
	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" */
	display:block;
	overflow:visible;
	background-color:#FFFFFF;
	/*border:1px solid blue;*/
}

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

#rightside {
}

#body {
	background-color:#FAFAFA;
	padding-bottom:2em; 
	float:right;
	position:relative;
	/*display:table-cell;*/
	/*width:830px;*/
	width:829px;
	min-height:600px;
	border-left:1px solid #A9C692;
	overflow:auto;
}

#footer {
	width:100%;
	height:84px;
	padding-top:1em;
	/*border-top:1px solid #B8DCAA;*/
	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;
}

h1.headbar {
	margin-top:0;
	height:30px;
	background-image:url("h-bg.jpg");
	padding:5px 0.5em;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	border-left:1px solid #dddddd;
}

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

.centeredtext#welcome{
	color:#666666;
}

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

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

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

.button h4 { margin-top:0; margin-bottom:0.25em; border-bottom:1px solid #7fdb71; }
.button.quality,
.button.print,
.button.webshop { 
	width:430px; 
	height:100px; 
	margin:0 auto; 
	padding:20px 20px 20px 150px; 
	color:white; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.75em;
}

.button.quality { background:url('../img/icons/button-quality2.png') no-repeat; }
.button.print { background:url('../img/icons/button-print2.png') no-repeat; }
.button.webshop { background:url('../img/icons/button-webshop2.png') no-repeat; }

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

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

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

.box {
	float:left;
	width:330px;
	overflow:visible;
	display:block;
	margin-bottom:0;
	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 {
	overflow:auto;
	margin:0 0 1em 0;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	padding:0.25em;
	/*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-size:1.1em;
	font-weight:bold;
}

.fullprice {
	font-size:0.75em;
}

.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%;*/
	width:100%;
	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;
}

.colors {
	overflow:auto;
}

.colors .color { 
	width:24%;
	float:left;
	border:1px solid #eeeeee;
	margin:0 0.25em 0.25em 0.25em;
	text-align:center;
}

.colors .color img {
}

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

.refimgwrap {
	text-align:center;
}

.refimg {
	width:100%;
}

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

/****************************************
*										*
*		  PRODUCTS, LIST VIEW			*
*			 							*
****************************************/
.prodlist {
	margin-bottom:4em;
	overflow:auto;
}

.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:0 0.5em;
	width:70%;
	float:left;
	/*background:orange;*/
	/*border:1px solid red;*/
}

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

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




/****************************************
*										*
*			FRONTED PRODUCTS			*
*			 							*
****************************************/
.product.fronted {
	width:48%;
	float:left;
	margin-right:1.01%;
}

.product.fronted .productimage {
	margin:0 0.5em 0.5em 0;
}

.product.fronted .productimage img {
	width:140px;
	float:left;
}

.product.fronted h4 {
	margin-top:0;
	margin-bottom:0.25em;
	font-size:1.1em;
}

.product.fronted .info {
	float:left;
	width:215px;
	display:inline;
	padding:0;
	margin:0;
}

.product.fronted .price {
	padding-top:0.25em;
	float:none;
	clear:both;
	text-align:right;
}

.two-prod-wrapper { 
	overflow:auto;
	margin-bottom:1em;
}



/****************************************
*										*
*			  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:0;
	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:0 -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;
	width:100%;
	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:0 2px;
	background-color:#b4f79f;
}

a.navLink_sub .text {
	display:block;
	padding:3px 0 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;*/
}

.space-before { margin-top:3em; }