/* ===================== BODY ======================== */

body 
{
color: #000000;
background-color: #daebe1;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 14px;
line-height: 20px;
background-image: url('/dynamic/media/1/images/surfaplus/bg.png');
background-repeat: repeat-x;
}


/* ===================== HEADINGS ======================== */

h1
{
color: #047734;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 30px;
line-height: 30px;
font-weight: bold;
margin-top: 23px;
margin-bottom: 23px;
}

h2
{
color: #007887;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 20px;
line-height: 20px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
}

legend,
div.siteobject_webshop_categorymenu li span,
h3
{
color: #007887;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 16px;
line-height: 16px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

h4
{
color: #007887;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 14px;
line-height: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

/* ===================== BUTTONS ======================== */

input[type=button], 
input[type=submit], 
input[type=reset]
{
color: #000000;
background-color: #F0F0F0;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
border: 1px solid #666666;
line-height: 20px;
		
	cursor				:	pointer;
}

/* css ie6, must be separated or styles wont work   */

.button,
.submit,
.reset,
.styledbutton,
.styledsubmit,
.styledreset,
.styledButton,
.styledSubmit,
.styledReset
{
color: #000000;
background-color: #F0F0F0;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
border: 1px solid #666666;
line-height: 20px;
		
	cursor				:	pointer;
}

/* ===================== INPUTS ======================== */

input[type=file], 
input[type=password], 
input[type=text],
textarea,
select
{
color: #351650;
background-color: #ffffff;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
border: 1px solid #666666;
		
}

/* css ie6, must be separated or styles wont work   */

.textfield,
.textarea,
.styledinput,
.styledselect,
.styledInput,
.styledSelect
{
color: #351650;
background-color: #ffffff;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
border: 1px solid #666666;
		
}

fieldset {
border: 1px solid #666666;
}

/* ===================== BREADCRUMBS ======================== */

#breadcrumbs
{
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 10px;
font-weight: normal;
color: #666666;
height: 27px;
line-height: 27px;
}

#breadcrumbs a
{
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 10px;
font-weight: normal;
color: #351650 !important;
text-decoration: underline !important;
}

#breadcrumbs a:hover
{
color: #666666 !important;
text-decoration: none !important;
}


/* ===================== HR'S ======================== */

hr
{
border: 0px none;
border-bottom: 1px solid #E2E2E2;
}

/* ===================== TOPMENU ======================== */

#topmenu 
{
color: #FFFFFF;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
height: 25px;
line-height: 25px;
}

#topmenu a
{
color: #FFFFFF;
text-decoration: underline;
	
}

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

/* ===================== SEARCH ======================== */

#pattern
{
color: #000000;
background-color: #FFFFFF;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
border: 1px solid #E6E1E5;
}

/* ===================== LEFT ( menu container ) ======================== */

#left 
{
background-color: #ffffff;
}

#left a
{
color: #351650;
text-decoration: underline;
	
}

#left a:hover
{
color: #666666;
text-decoration: none;
	
}


/* ===================== CONTENT ======================== */

.even {
background-color: #EEEEEE;
	
}

.odd {
background-color: #FFFFFF;
	
}

#homepageblock1
{
background-color: #e2edd5;
	
}

#homepageblock2
{
background-color: #dde4ef;
	
}

#homepageblock3
{
background-color: #fae3ca;
	
}

.homepageblockText ul li 
{
list-style-image: url('http://eaa-innovations.eu//templates/surfaplus/images/arrow.png');
}

#body,
#bodyhome
{
background-color: #ffffff;
} 

#body a,
#bodyhome a
{
color: #0099cc;
text-decoration: underline;
	
}

#body a:hover,
#bodyhome a:hover
{
color: #0099cc;
text-decoration: none;
	
}

#pageDescription 
{
font-weight: bold;
}

#main
{
} 

/* ===================== RIGHT ======================== */

#right 
{
background-color: #ffffff;
}

#right a
{
color: #351650;
text-decoration: underline;
	
}

#right a:hover
{
color: #666666;
text-decoration: none;
	
}

#rightcontent 
{
border: 0px;
border-right: 9px solid #FFFFFF;
}

/* ===================== MENU ======================== */

#menucontainer 
{
width: 234px;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
}

#menucontainer li.level1 a
{
color: #ffffff;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 14px;
font-weight: normal;
background-color: #047734;
height: 37px;
line-height: 37px;
border-bottom: 1px solid #cccccc;
}



#menucontainer li.level2 a
{
color: #047734;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
background-color: #e5ef9b;
height: 32px;
line-height: 32px;
border-bottom: 1px solid #FFFFFF;
}

#menucontainer li.level3 a
{
color: #047734;
font-family: Ubuntu, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
background-color: #f2f7cd;
height: 27px;
line-height: 27px;
}

#menucontainer li.level1 a:hover
{
color: #047734;
background-color: #daebe1;
}

#menucontainer li.level2 a:hover
{
color: #047734;
background-color: #ffffff;
}

#menucontainer li.level3 a:hover
{
color: #047734;
background-color: #ffffff;
}

#menucontainer li.level1 a.selected
{
color: #FFFFFF;
background-color: #047734;
background-repeat: no-repeat;
background-position: 10px center;
}


#menucontainer #menuitemborderlefttop {
background-color: #047734;
}

#menucontainer li.level2 a.selected
{
color: #047734;
background-color: #e5ef9b;
background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/arrow.png');
background-repeat: no-repeat;
background-position: 10px center;
 
}

	#menucontainer li.level2 a.selected span
	{
	padding-left: 10px;;
	}

#menucontainer li.level3 a.selected
{
color: #047734;
background-color: #f2f7cd;
background-repeat: no-repeat;
background-position: 10px center;
}


#menubordertop {
	background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/menubordertop.jpg');
background-repeat: no-repeat;
background-position: 225px top;
}

#menuborder {
	background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/menuborder.png');
background-repeat: repeat-y;
background-position: right top;
}

#menuborderbottom {
	background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/menuborderbottom.jpg');
background-repeat: no-repeat;
background-position: 225px top;
}

/* ===================== PRODUCTS ======================== */
.prodimage,
.siteobject_webshop_categorymenu li {
	background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/block_yellow.png');
background-repeat: no-repeat;
}

.siteobject_webshop_categorymenu li.product_image_hover {
	background-image: url('http://eaa-innovations.eu//templates/surfaplus/images/block_green.png');
background-repeat: no-repeat;
}

/* ===================== FOOTER ======================== */

#footer
{
color: #000000;
background-color: #FFFFFF;
font-family: Arial, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
font-size: 12px;
font-weight: normal;
}

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

#footer a:hover
{
color: #351650;
text-decoration: none;
	
}

#rightcontent
{
background-color: #f2f7cd;
	
}