/* Start of CMSMS style sheet 'default' */
body,html{
margin: 0;
padding: 0;
font-family: Helvetica, "Trebuchet MS",  sans-serif;

color: white;
}

a{
color: #00aeef;
}

address{
font-style: normal;
display: block;
padding: 10px;
background: url('images/832552.jpg') no-repeat bottom right;
height: 300px;
}

.hidden,.hidden *{
display: none !important;
float: left;
}

span.red{
color: red;
}

strong.center{
display: block;
text-align: center;
}

body{
background: #2f2f2f url('images/background.png') repeat-x;
}

div#container{
background: url('images/floral.jpg') no-repeat center bottom;
width: 100%;
min-height: 1000px;
margin: auto;
padding-bottom: 20px;
}

div#header{
height: 160px;
width: 1000px;
margin: auto;
background:  url('images/header.jpg') no-repeat 130px bottom;
}

div.home_image_box{
margin: 10px;
width: 204px;
height:204px;
float: left;
}

div.home_image_box img{
z-index: -1;
border: 0;
}

div.home_image_box a{
display: block;
background:  url('images/home/shadow.png') no-repeat 130px bottom;
z-index: 100;
}

div.home_image_box a:hover{
background:  url('images/home/shadow.png') no-repeat 130px bottom;
}

div#header img{
border: 0;
margin: 10px 10px 0 10px;
}

div#menu{
height: 56px;
width: 1000px;
margin: auto;
}

div#menu ul{
display: block;
list-style: none;
margin: 0;
float: left;
width: 920px;
height: 48px;
padding:4px 20px;
background: url('images/menu.jpg');
}

div#menu ul li{
float: left;
height: 48px;
padding-right:2px;
background: url('images/li.jpg') no-repeat top right;
}

div#menu ul li a{
line-height: 48px;
display: block;
font-size: 20px;
color: white;
text-decoration: none;
text-align: center;
padding: 0 25px;
}

div#menu ul li.current a,div#menu ul li a:hover{
background: url('images/button.jpg') repeat-x;
}

div#menu span.menuleft,div#menu span.menuright{
width: 20px;
height:56px;
display: block;
float: left;
}

div#menu span.menuleft{
background: url('images/menuleft.jpg');
}

div#menu span.menuright{
background: url('images/menuright.jpg');
}

div#submenu{
float: left;
}

div#submenu a:hover{
color: #00aeef;
text-decoration: underline;
}

div#submenu a.currentpage{
color: #00aeef;
}

div#submenu ul{
display: block;
list-style: none;
padding: 0;
margin: 20px;
width: 200px;
}

div#submenu ul li{
padding: 0 20px;
line-height: 28px;
display: block;
border-top: 1px solid #6c6c6c;
color: white;
font-weight: bold;
font-size: 14px;
}

div#submenu ul li:first-child{
border-top: none;
}

div#submenu ul li a{
color: white;
font-weight: bold;
text-decoration: none;
display: block;
font-size: 14px;
}



div#submenu ul.subsubmenu{
padding: 0;
margin: 0;
}

div#submenu ul.subsubmenu li{
padding: 0 20px;
border: 0;
}

div#submenu ul.subsubmenu li a{
font-size: 12px;
font-weight: normal;
}

div#breadcrumbs{
font-size: 12px;
font-weight: bold;
width: 980px;
margin: auto;
padding: 10px;
line-height: 20px;
}

div#breadcrumbs a,div#breadcrumbs span{
color: #00aeef;
text-decoration: none;
}

div#search{
float: right;
line-height: 20px;
}

div#search .hidden,div#search .hidden *{
height: 0px; 
width: 0px;
margin: 0;
padding: 0;
display: none;
}

div#search *{
float: left;
}

div#search input.text, div#search input.button{
color: #252525;
margin: 0 5px;
padding: 1px;
font-size: 12px;
}

div#search input.button{
border: 1px solid #808080;
font-weight: bold;
}


div#breadcrumbs a:hover{
text-decoration: underline;
}

div#main{
min-height: 400px;
width: 1000px;
margin: auto;
overflow: hidden;
}


div#bottom{
background: url('images/text_background.png');
width: 100%;
height: 190px;
border-top: 10px solid #c0c0c0;
border-bottom: 10px solid #c0c0c0;
}

div#slides{
height: 180px;
width: 1000px;
margin:auto;
}

div#slides ul.slidesList{
list-style: none;
margin: 0;
}

div#slides ul.slidesList li{
float: left;
display: block;
width: 150px;
height: 150px;
margin: 15px 75px;
vertical-align: middle;
background: white;
border: 1px solid gray;
}

img#prevSlide,img#nextSlide{
margin-top: 74px;
cursor: pointer;
}
img#prevSlide{
float: left;
}
img#nextSlide{
float: right;
}

div#bottom div.inner{
width: 1000px;
margin: auto;
color: #363636;
font-size: 12px;
line-height: 24px;
}

div#footer{
width: 1000px;
margin: auto;
border-top: 2px solid #A8A8A8;
line-height: 40px;
}

div#footer *{
color: white;
font-size: 12px;

}

div#bottom div.inner div.productBox{
margin: 4px 20px;
}

div#bottom div.inner h3{
margin: 0;
border-bottom: 2px solid #00aeef;
font-size: 16px;
line-height: 26px;
width: 460px;
}

div#bottom div.inner div.box{
width: 480px;
padding: 0 10px;
float: left;
height: 180px;
text-align: justify;
}

div#content{
color: #252525;
width: 716px;
padding: 10px 20px;
font-size: 14px;
line-height: 24px;
background: url('images/text_background.png');
min-height: 400px;
margin: 10px 0;
border: 2px solid #858585;
overflow: hidden;
text-align: justify;
}

div#flash_slideshow{
margin: 10px 0;
border: 2px solid #858585;
float: left;
background: url('images/text_background.png');
height: 490px;
}

div#flash_slideshow *{
margin: 0;
}

div#content fieldset.fieldset50{
width: 425px;
margin: 10px;
height: 350px;
float: left;
}

div#content.narrow{
width: 710px;
float: left;
}

div#content.col50{
width: 460px;
float: right;
height: 470px;
}

div#content.wide{
width: 940px;
margin: 10px auto;
}


div#content h1{
margin: 0 0 10px 0;
font-size: 18px;
line-height: 28px;
border-bottom: 1px solid #6c6c6c;
}

div#content img{
border: 1px solid #6c6c6c;
margin: 15px;
}

div#content li.thumb img{
margin: 0 !important;
}

div#content h2{
  font-size: 16px;
}

div#content h3{
  font-size: 14px;
}

p{
text-indent: 3em;
}

ol.roman{
  list-style-type: upper-roman;
}

ul.formlist{
list-style: none;
padding: 0;
margin: 0;
}

ul.formlist li{
display: block;
height: 30px;
}

form.f1 label,form.f1 input,form.f1 textarea{
display: block;
float: left;

}

form.f1 label{
text-align: right;
padding-right: 10px;
width: 100px;
}

form.f1 input.button{
float: left;
width: 60px;
}

form.f1 input,form.f1 textarea{
width: 300px;
}

table.powerPlateTable td,table.powerPlateTable th,table.powerPlateTable{
border: 1px solid #363636;
font-size: 11px;
}

table.powerPlateTable td,table.powerPlateTable th{
padding: 5px;
background-color: white;
text-align: center;
vertical-align: top; 
}

table.powerPlateTable td p{
text-align: left;
text-indent: 0;
}

table.fot800 td{
vertical-align: top !important;
text-align: left !important;
width: 98px !important;
padding-right: 13px !important;
font-size: 11px;
line-height: 14px;
}

table.powerPlateTable img{
border: 0 !important;
}

td.narrow{
width: 90px;
}

table.technicalData{
width: 80%;
margin: auto;
font-size: 12px;
}

table.technicalData td{
text-align: left;
margin: 0;
padding: 3px 5px;
width: 50%;
vertical-align: top; 
}
table.technicalData th{
padding-top: 10px;
font-size: 14px;
}

table.technicalData img{
border: 0;
}

table.technicalData tr.odd td{
background-color: #ddccff;
}

table.technicalData td:first-child{
text-align: right;
font-weight: bold;
}


ul{
margin-top: 0;
}

a img{
border: 0;
margin: 10px;
}





div.textBox{
padding: 25px;
}

div.productBox{
float: left;
width: 150px;
height: 180px;
margin: 12px;
}

div.productBox img{
border: 0 !important;
margin: 0 !important;
}

div.productBox span.productThumb{
height: 120px;
overflow: hidden;
display: block;
width: 150px;
border: 1px solid gray;
float: left;
height: 150px;
background: white;
}

div.productBox span.productName{
display: block;
font-size: 14px;
text-align: center;
font-weight: bold;
}

div.productBox a,table.powerPlateTable a{
display: block;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #00aeef;
}

ul.imagesList{
list-style: none;
}

ul.imagesList li{
float: left;
}

div.clear{
float: none;
clear: both;
width: 100%;
}

div#slideshow{
height: 600px;
overflow: hidden;
width: 800px;
background: white;
margin: auto;
border: 1px solid #696969;
background: #F2F2F2;
cursor: pointer;
}

div#slideshow img{
margin: 0;
}

div#slideshow div#img1,div#slideshow div#img2{
position: relative;
left:0;
height:600px;
}

div#slideshow div#img1{
z-index: 1;
top: 0;
}

div#slideshow div#img2{
z-index: 0;
top:-600px;
}

img#next,img#prev{
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
cursor: pointer;
}

span.center{
width: 200px;
margin: auto;
}

span.left{
float: left;
}

span.right{
float:right;
}

li.thumb{
margin: 0 !important;
width:130px !important;
}

div.messageBox{
z-index:100;
opacity: 0.9;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;

position: absolute;
width: 300px;
background: white;
color: #3a3a3a;
padding: 10px;
border: 1px solid #808080;
}

div.messageBox img{
float: left;
margin-right: 5px;
}

div.messageBox img#close{
float: right;
}

div.messageBox p{
text-indent: 0;
}

ul.sitemap{
float: left;
padding: 10px 30px;
border-right: 1px dotted #191919;
height: 140px;
margin: 10px;
}

ul.sitemap, ul.sitemap ul{
list-style: none;
}

ul.sitemap ul{
padding: 0 10px;
}

ul.sitemap li{
margin: 0;
padding: 0;
line-height: 20px;
}

ul.sitemap a{
text-decoration: none;
}

ul.sitemap a:hover{
text-decoration: underline;
}

ul.sitemap a, ul.sitemap strong{
font-weight: bold;
color: #191919;
}

ul.sitemap ul li a{
font-weight: normal;
}


#tooltip { 
		background: #2e2e2e;
		border: 2px solid white;
    display:none; 
    font-size:12px; 
		text-align: justify;
    width:220px; 
    padding:15px; 
    color:#fff;     
}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 880px; 
    height:170px; 
		clear: both;
		margin: 10px auto;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:2000em; 
    position:absolute;
}
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div{ 
    float:left; 
		width: 170px;
		height: 170px;
		text-align: center;
		overflow: hidden;
		margin: 5px;
} 

div.scrollable div.items a{
    float:left; 
		height: 150px;
		width: 150px;
		display: block;
		overflow: hidden;
		border: 2px solid #575757;
}


div.scrollable div.items img{
margin: 0;
}

div.scrollable div.items strong{
	display: block;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	width: 150px;
	text-align: center;
}
 

/* you may want to setup some decorations to active the item */ 
div.items div.active { 

}

img.nextPage.browse.right, img.prevPage.browse.left {
	font-weight: bold;
	color: black;
	border: 1px solid #515356;
	position: relative;
	top: -185px;
	cursor: pointer;
}

img.nextPage.browse.right.disabled, img.prevPage.browse.left.disabled {
	display: none;
}
/* End of 'default' */