@charset "utf-8";
/* CSS Document */

/* /////////////////////////////////// Main Body Stylesheet Information /////////////////// */

a.menu:link, a.menu:visited  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	text-align: center;
	font-size: 100%;
}
a.menu:hover	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display:block;
	text-align: center;
	background-color:#FFFFFF;

}
a.menu:active	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display:block;
	text-align: center;
	background-color: #0000CC;

}



BODY 
{
font-weight: normal; 
font-size: 70%; 
color: #666666; 
line-height: 150%; 
font-style: normal; 
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #ffffff;
margin-top: 20px;


}



/* ///////////////////////////////// General Page Positioning Styles ////////////////////// */
#position 
{
min-height: 100%; 
width: 100%; 
height: auto; 
background-color: #ffffff;
}


/* //////////////////////////////// Main Header Information //////////////////////////////// */
#header 
{
padding-top: 0.5em;
float: left; 
width: 765px; 
height: 125px; 
background-color: white; 
text-align: left;
}

#masilis_logo 
{
float: left; 
width: 160px; 
background-color: #ffffff;
}
#banner {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFB100;
}


#top_navigation 
{
float: right; 
width: 550px; 
height: 100%; 
background-color: #ffffff; 
text-align: right;
}

.top_menu 
{
margin-top: 26px; 
margin-right: 0px;
}

A.top_nav 
{
font-weight: normal; 
color: #8f8e8e; 
font-family: verdana, arial, helvetica, sans-serif; 
text-decoration: underline;
}

A.top_nav:link 
{
padding-bottom: 0px;
padding-top: 0px;
text-decoration: none;
color: #8f8e8e;
}

A.top_nav:visited 
{
padding-bottom: 0px; 
padding-top: 0px; 
text-decoration: none;
color: #8f8e8e;
}

A.top_nav:hover 
{
padding-bottom: 0px; 
color: #088ec8; 
padding-top: 0px; 
text-decoration: underline;
}

SPAN.separator 
{
padding-right: 0.6em; 
padding-left: 0.6em; 
padding-bottom: 0em; 
padding-top: 0em;
}



/* ////////////////////////////// End of Main Header Information //////////////////////// */


/* ///////////////////////////// Primary Page Navigation /////////////////////////////// */

#PageHeader-Navigation 
{ 
clear: both;
padding-top: 1.0em; 
font: 100% verdana, arial, helvetica, sans-serif; 
text-transform: uppercase; 
} 
#PageHeader-Navigation ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#PageHeader-Navigation ul li 
{ 
z-index: 1000; 
background: #a2a2a2; 
float: left; 
width: 151px; 
margin-right: 1px; 
position: relative; 
} 
#PageHeader-Navigation ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 3px; 
padding-bottom: 3px; 
padding-top: 3px; 
text-align: center; 
text-decoration: none; 
} 
#PageHeader-Navigation ul li a:link 
{ 
color: #FFFFFF; 
} 
#PageHeader-Navigation ul li a:visited 
{ 
color: #FFFFFF; 
} 
#title {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFB100;
}

#PageHeader-Navigation ul li a:hover 
{ 
background: #014da1; 
color: #FFFFFF; 
} 
#PageHeader-Navigation ul li a:active 
{ 
color: #FFFFFF; 
} 

#PageHeader-Navigation ul li.last 
{ 
width: 152px; 
margin-right: 0px; 
} 
#PageHeader-Navigation ul li.selected 
{ 
background: #014da1; 
} 


/* ////////////////////////////////////// End of Primary Page Navigation ///////////////////////////// */ 

/* ///////////////////////////////////// Main Banner Area - Random Banner Image ////////////////////// */
#main_banner 

{clear: both;
}



/*///////////////////////////////////// Breadcrumb Navigation Styles ///////////////////////////////*/

#breadcrumb 
{
width: 760px;
margin: 0px 0px 5px; 
background-color: #ffffff;
color: #014da1;
font-family:  verdana, arial, helvetica, sans-serif;
border-bottom: #ccc 1px solid;
padding-bottom: 5px;
}
#container {
	position: absolute;
	top: 0px;
}


A.breadcrumb_nav 
{
text-decoration: none;	
color: #014da1;
}

A.breadcrumb_nav:link 
{
text-decoration: none;
color: #014da1;
}

A.breadcrumb_nav:visited 
{
text-decoration: none;
color: #014da1;
}

A.breadcrumb_nav:hover 
{
color: #014da1; 
text-decoration: underline;
}

A.breadcrumb_nav:active 
{
color: #014da1; 
text-decoration: none;
}


/*////////////////////////////////////// Left Area Division /////////////////////////////////////////*/

#Left
{
float: left; 
width: 150px;
background-color: #f4f4f4;




}

/*///////////////////////////////////// Main Body Styles //////////////////////////////////////////*/
#PageBody
{}


/*//////////////////////////////////// Main Menu Styling /////////////////////////////////////////*/


#MainMenu 
{ 
width: 150px;

} 
#MainMenu a 
{ 
text-decoration: none; 
} 
#MainMenu ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px 0px 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#MainMenu ul li 
{ 
padding-right: 0px; 
padding-left: 0px; 
background: #f4f4f4; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
border-bottom: #CCCCCC 1px solid; 
} 
html #MainMenu ul li 
{ 
clear: both; 
float: left; 
width: 100%; 
} 
#MainMenu ul li h2 
{ 
padding-right: 0px; 
padding-left: 15px; 
font-weight: bold; 
font-size: 100%; 
background: #FFFFFF; 
padding-bottom: 5px; 
margin: 0px; 
color: #014da1; 
padding-top: 0px; 
} 
#MainMenu ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 15px; 
padding-bottom: 3px; 
padding-top: 3px; 
} 
#MainMenu ul li a:link 
{ 
color: #666666; 
} 
#MainMenu ul li a:visited 
{ 
color: #666666; 
} 
#MainMenu ul li a:hover 
{ 
background: #faf9f9; 
color: #014da1; 
} 
#MainMenu ul li a:active 
{ 
color: #666666; 
} 
#MainMenu ul li img 
{ 
margin-top: 6px; 
float: left; 
margin-left: 3px; 
width: 9px; 
height: 7px; 
} 
#MainMenu ul li.separator 
{ 
background: #FFFFFF; 
height: 1.7em; 
} 
#MainMenu ul li.on a:link 
{ 
background: #faf9f9; 
color: #014da1; 
} 

#MainMenu ul li.on a:visited 
{ 
background: #faf9f9; 
color: #014da1; 
} 

#MainMenu ul li.on a:active 
{ 
background: #faf9f9; 
color: #014da1; 
} 

/*//////////////////////////////////// Current Stock /////////////////////////////////////////*/


#Current_Stock 
{ 
width: 150px;

} 
#Current_Stock a 
{ 
text-decoration: underline; 
} 
#Current_Stock ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px 0px 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#Current_Stock ul li 
{ 
padding-right: 0px; 
padding-left: 0px; 
background: #f4f4f4; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
border-bottom: #CCCCCC 1px solid; 
} 
html #Current_Stock ul li 
{ 
clear: both; 
float: left; 
width: 100%; 
} 
#Current_Stock ul li h2 
{ 
padding-right: 0px; 
padding-left: 15px; 
font-weight: bold; 
font-size: 100%; 
background: #FFFFFF; 
padding-bottom: 5px; 
margin: 0px; 
color: #014da1; 
padding-top: 5px; 
} 
#Current_Stock ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 15px; 
padding-bottom: 3px; 
padding-top: 3px; 
} 
#Current_Stock ul li a:link 
{ 
color: #666666; 
} 
#Current_Stock ul li a:visited 
{ 
color: #666666; 
} 
#Current_Stock ul li a:hover 
{ 
background: #faf9f9; 
color: #014da1; 
} 
#Current_Stock ul li a:active 
{ 
color: #666666; 
} 
#Current_Stock ul li img 
{ 
margin-top: 6px; 
float: left; 
margin-left: 3px; 
width: 9px; 
height: 7px; 
} 
#Current_Stock ul li.separator 
{ 
background: #FFFFFF; 
height: 1.7em; 
} 
#Current_Stock ul li.on a:link 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Current_Stock ul li.on a:visited 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Current_Stock ul li.on a:active 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

/*//////////////////////////////////// Customer Login //////////////////////////////////////*/


#Customer_Login 
{ 
width: 150px;
} 
#Customer_Login a 
{ 
text-decoration: none; 
} 
#Customer_Login ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px 0px 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#Customer_Login ul li 
{ 
padding-right: 0px; 
padding-left: 0px; 
background: #f4f4f4; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
border-bottom: #CCCCCC 1px solid; 
} 
html #Customer_Login ul li 
{ 
clear: both; 
float: left; 
width: 100%; 
} 
#Customer_Login ul li h2 

{ 
padding-right: 0px; 
padding-left: 15px; 
font-weight: bold; 
font-size: 100%; 
background: white; 
padding-bottom: 5px; 
margin: 0px; 
color: #014da1; 
padding-top: 5px; 
} 
#Customer_Login ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 15px; 
padding-bottom: 3px; 
padding-top: 3px; 

} 
#Customer_Login ul li a:link 
{ 
color: #666666; 
} 
#Customer_Login ul li a:visited 
{ 
color: #666666; 
} 
#Customer_Login ul li a:hover 
{ 
background: #faf9f9; 
color: #014da1;
text-decoration: none; 
} 
#Customer_Login ul li a:active 
{ 
color: #666666; 
} 
#Customer_Login ul li img 
{ 
margin-top: 6px; 
float: left; 
margin-left: 3px; 
width: 9px; 
height: 7px 
} 
#Customer_Login ul li.separator 
{ 
background: #FFFFFF; 
height: 1.7em; 
} 
#Customer_Login ul li.selection 
{ 
background: #FFFFFF; 
} 
#Customer_Login ul li.on a:link 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Customer_Login ul li.on a:visited 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Customer_Login ul li.on a:active 
{ 
background: #faf9f9; 
color: #088ec8; 
} 


/*//////////////////////////////////// Search Products //////////////////////////////////////*/


#Search_Products 
{ 
width: 150px;

} 
#Search_Products a 
{ 
text-decoration: underline; 
} 
#Search_Products ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px 0px 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#Search_Products ul li 
{ 
padding-right: 0px; 
padding-left: 0px; 
background: #f4f4f4; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
border-bottom: #CCCCCC 1px solid; 

} 
html #Search_Products ul li 
{ 
clear: both; 
float: left; 
width: 100%; 
} 
#Search_Products ul li h2 
{ 
padding-right: 0px; 
padding-left: 15px; 
font-weight: bold; 
font-size: 100%; 
background: white; 
padding-bottom: 5px; 
margin: 0px; 
color: #014da1; 
padding-top: 5px; 
} 
#Search_Products ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 15px; 
padding-bottom: 3px; 
padding-top: 3px; 
} 
#Search_Products ul li a:link 
{ 
color: #666666; 
} 
#Search_Products ul li a:visited 
{ 
color: #666666; 
} 
#Search_Products ul li a:hover 
{ 
background: #faf9f9; 
color: #014da1;
text-decoration: underline; 
} 
#Search_Products ul li a:active 
{ 
color: #666666; 
} 
#Search_Products ul li img 
{ 
margin-top: 6px; 
float: left; 
margin-left: 3px; 
width: 9px; 
height: 7px 
} 
#Search_Products ul li.separator 
{ 
background: #FFFFFF; 
height: 1.7em; 
} 
#Search_Products ul li.selection 
{ 
background: #FFFFFF; 
} 
#Search_Products ul li.on a:link 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Search_Products ul li.on a:visited 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Search_Products ul li.on a:active 
{ 
background: #faf9f9; 
color: #088ec8; 
} 


/*//////////////////////////////////// Trade Registration //////////////////////////////////////*/


#Trade_Registration 
{ 
width: 150px;

} 
#Trade_Registration a 
{ 
text-decoration: underline; 
} 
#Trade_Registration ul 
{ 
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px 0px 0px; 
padding-top: 0px; 
list-style-type: none; 
} 
#Trade_Registration ul li 
{ 
padding-right: 0px; 
padding-left: 0px; 
background: #f4f4f4; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
border-bottom: #CCCCCC 1px solid; 
border-top: #CCCCCC 1px solid; 
} 
html #Trade_Registration ul li 
{ 
clear: both; 
float: left; 
width: 100%; 
} 
#Trade_Registration ul li h2 
{ 
padding-right: 0px; 
padding-left: 15px; 
font-weight: bold; 
font-size: 100%; 
background: white; 
padding-bottom: 5px; 
margin: 0px; 
color: #014da1; 
padding-top: 5px; 
} 
#Trade_Registration ul li a 
{ 
padding-right: 3px; 
display: block; 
padding-left: 15px; 
padding-bottom: 3px; 
padding-top: 3px; 
} 
#Trade_Registration ul li a:link 
{ 
color: #666666; 
} 
#Trade_Registration ul li a:visited 
{ 
color: #666666; 
} 
#Trade_Registration ul li a:hover 
{ 
background: #faf9f9; 
color: #014da1;
text-decoration: underline; 
} 
#Trade_Registration ul li a:active 
{ 
color: #666666; 
} 
#Trade_Registration ul li img 
{ 
margin-top: 6px; 
float: left; 
margin-left: 3px; 
width: 9px; 
height: 7px 
} 
#Trade_Registration ul li.separator 
{ 
background: #FFFFFF; 
height: 1.7em; 
} 
#Trade_Registration ul li.selection 
{ 
background: #FFFFFF; 
} 
#Trade_Registration ul li.on a:link 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Trade_Registration ul li.on a:visited 
{ 
background: #faf9f9; 
color: #088ec8; 
} 

#Trade_Registration ul li.on a:active 
{ 
background: #faf9f9; 
color: #088ec8; 
} 
 


#MainContent h1 
{ 
font-weight: bold; 
font-size: 130%; 
margin: 0px 1.0em 0.5em 0.75em; 
color: #333; 
} 
#MainContent h2 
{ 
font-weight: bold; 
font-size: 120%; 
margin: 0.5em 1.0em 0.5em 0.85em; 
color: #333; 
} 
#MainContent h3 
{ 
font-weight: bold; 
font-size: 110%; 
margin: 0.5em 5px; 
color: #666 
}

#MainContent h6 {


margin: 0px 1.0em 0.5em 1.25em;
} 

#MainContent P 
{ 
margin: 0px 1.0em 0.5em 1.0em;
} 

#MainContent P.strong 
{ 
font-weight: bold;
margin: 0px 1.0em 0.5em 1.0em;
} 

 h2 
{ 
font-weight: bold; 
font-size: 120%; 
margin: 0.5em 1.0em 0.5em 0.85em; 
color: #333; 
} 


#MainContent table {
margin: 0px 1.0em 0.5em 1.0em;
font-weight: normal; 
color: #666666; 
line-height: 150%; 
font-style: normal; 
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #ffffff;
font-size: 100%; 
}

a:link { 
color: #014da1; text-decoration: none;
} 
a:visited { 
color: #014da1; text-decoration: none;
} 
a:active { 
color: #014da1; text-decoration: none;
} 
a:hover { 
color: #014da1; text-decoration: underline;
} 

IMG
{
border: 0px;
}


#MainContent

{
float: left; 
width: 460px;
}

.spacer
{
width: 10px;
}

#Right
{
float: left; 
width: 150px;
background-color: #f4f4f4;
}

#FooterWrapper 
{ 
clear: both; 
color: #ffffff; 
text-align: center; 
width: 760px; 
} 
#FooterWrapper a 
{ 
color: #ffffff;
text-decoration: none;
} 
.container #menu .style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 800;
}

#FooterWrapper a:visited 
{ 
color: #fffff;
text-decoration: none;
} 
#FooterWrapper a:hover 
{ 
color: #fffff;
text-decoration: underline; 
} 
#FooterText 
{ 
padding-right: 5px; 
padding-left: 5px; 
background: #014da1; 
padding-bottom: 2px; 
padding-top: 2px; 
border-bottom: #a2a2a2 3px solid 
} 
.footer {
	font-size: 85%;
	padding-left: 15px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.1em;
}

#FooterText p 
{ 
margin: 3px 0px; 
} 

/*////////////////////////////////////////////// Form Styles /////////////////////////*/
input.submit
{
background-color:#014da1; 
border:0px; 
padding:1.5px; 
color:#FFFFFF; 
margin-top:5px; 
font-size:9px;
}

textarea,input,select
{
font-family: arial, helvetica, sans-serif;
font-size: 1.00em; 
color: #666666;
border: #ccc 1px solid;

}

input.radio
{
border: none;
}

label.required
{
color:#088ec8;
}

span.required
{
color:#088ec8;
}

IMG.portfolio
{
margin-left: 10px;
border: 1px;
border-color: #b9b8b8;
border: #999999 1px solid;
}

IMG.portfolio2
{
margin-left: 10px;
border: 1px;
border-color: #b9b8b8;
border: #999999 1px solid;
}

IMG.portfolio3
{
margin-left: 7px;
border: 1px;
border-color: #b9b8b8;
border: #999999 1px solid;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.hintanchor2{ /*CSS for link that shows hint onmouseover*/
color: navy;
margin: 3px 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.hdr {
	padding-left: 15px;
	font-size: 150%;
	font-weight: 800;
	padding-top: 5px;
	padding-bottom: 5px;
}
#pics {
	text-align: center;
}

#body {
	margin: 5px;
	border: 1px solid #676767;
}
.container {
	top: 0px;
	left: 0px;
	position: absolute;
}

#address {
	margin: 5px;
	text-align: center;
	font-weight: 600;
}
td.formRowSeperator hr {
	margin : 0px;
	padding : 0px;
	height : 1px;
	border : 0px;
	border-bottom : 1px dashed #FFB100;
}
a.style1:link, a.style1:visited, a.style1:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #FFFFFF;
}

