@import "homepage.css";

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: Verdana,Arial,Sans-Serif;
   background-image: url('../_images/layout/bg_body.gif');
   background-repeat: repeat-x;
   background-color: #e4e4e4;
}

/* set the height of the asp.net form, will not work in firefox if this is not set */
form {
   margin:0;
   bottom: 0px;
   height:100%;
}

a
{
    color: #0066aa;
}

a:hover
{
    color: #003366;
}

h1 
{
 font-family: Verdana,Arial,Sans-Serif;
 color: #666666;
 font-size: 0.8em;   
 margin:0px 0px 10px 0px;
 padding:0px;
}

p
{
 color: #666666;  
}
hr
{
	color:#ccc;
	height:1px;
}

#logoarea 
{
 padding-top:10px;
 padding-left:10px;
 border: 0px solid #000000;
 float:left;
 width: 260px;
}

#searcharea
{
 padding-top:10px;
 padding-right:10px;
 border: 0px solid #000000;
 float:right;
 width: 300px;
 font-size: 0.7em;
 text-align:right;
}

#searcharea a
{
 text-decoration:none;
 color: #000000;
}

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

#wrapper { 
 margin: 0 auto; 
 width: 954px;
 min-height: 100%; 
 height: auto !important; 
 height: 100%; 
 background-color: #ffffff;
 background-image: url('../_images/layout/bg_page_body.gif');
 background-repeat: repeat-y;
 padding-left:0px;
 padding-right:0px;
 position:relative;
 float:inherit;
 overflow:auto;
}

/* IE 6 Fix */
* html #wrapper {height: 100%;overflow:visible} 

#header {
 background-image: url('../_images/layout/bg_header.gif');
 width: 954px;
 float: left;
 padding: 0px;
 padding-top: 20px;
 height: 75px;
}

#menu {
 background-color: #333333;
 width: 947px;
 float: left;
 height: 28px;
 background-image: url('../_images/layout/bg_menu.gif');
 background-repeat: repeat-x;
 padding-left:5px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
}

#contentholder 
{
border: 0px solid #000000; 
bottom:0px;
float:inherit;
}

#breadcrumb 
{
float:left;
width:954px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
background-image: url('../_images/layout/bg_breadcrumb.gif');
background-repeat: repeat-x;
border: 0px solid #000000;
height:21px;
margin:0px;
padding-top:5px;
overflow:hidden;
}

#breadcrumbleft
{
float:left;
width:500px;
border: 0px solid #000000;
padding:0px;
margin:0px;
overflow:hidden;
padding-left: 10px;
}

#breadcrumbright
{
border: 0px solid #000000;
float:right;
width:230px;
overflow:hidden;
}

.sendemail
{
    float:left
}

#breadcrumbright a
{
color: #000000;
text-decoration: none;
}

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

#breadcrumbleft a
{
color: #0066aa;
text-decoration: none;
}

#breadcrumbleft a:hover
{
color: #0066aa;
text-decoration: underline;
}

#leftcolumn 
{
 float:left;
 margin: 15px 0px 150px 10px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 width: 680px;
 background-image: url('../_images/layout/bg_left_header.gif');
 background-repeat: no-repeat;
 background-color: #ffffff;
 position:relative;
 border:0px solid #ffcc00;
}

/* IE 6 Fix */
* html #leftcolumn {margin: 0px 0px 150px 5px;} 

#bodycopy
{
 float:left;
 padding:10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 0.8em;
 min-height: 300px;
}

#bodycopy h1 
{
 font-family: Verdana,Arial,Sans-Serif;
 color: #666666;
 font-size: 1.0em;   
 border:0px solid #000000;
 margin:0px 0px 10px 0px;
 padding:0px;
}

#bodycopy h2 
{
 font-family: Verdana,Arial,Sans-Serif;
 color: #727171;
 font-size: 0.9em;   
}

#bodycopy li
{
 list-style: disc; 
 color: #5a7184;
}

#bodycopy ul
{
 list-style-position: outside; 
 margin-left:10px;
 padding-left:10px;
}

.body_text
{
    color: #666666;
}

#leftfooter
{
    float: left;
    border: 0px solid #000000;
    margin-bottom: 0px;
    height:50px;
    margin: 0px 0px 0px 0px;
    background-image: url('../_images/layout/bg_left_footer.gif');
    background-repeat: no-repeat;
    background-color: #dee1e4;
    width: 680px;
}


#rightcolumn
{
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 245px;
 border: 0px solid #000000;
 margin: 15px 10px 0px 0px;
}

/* IE 6 Fix */
* html #rightcolumn {margin: 0px 5px 0px 0px;} 

#nav_header
{
    background-image: url('../_images/layout/bg_nav_header.gif');
    background-repeat: no-repeat;
    height:27px;
    padding-left:10px;
    padding-top:10px;
}

#nav_promo
{
    margin-top:10px;
}

#nav_links
{
    background-image: url('../_images/layout/bg_nav_links.gif');
    background-repeat: repeat-y;
    border: 0px solid #000000;
}

#nav_links ul
{
    white-space: nowrap;
    padding-top: -10px;
    margin:0px;
    display:inline-block;
    list-style:none; 
    list-style-type:none;
    width:100%;
}

#nav_links li
{
    left: 0px;
    height:30px;
    border: 1px solid #0000000;
    padding-left:10px;
    padding-top:10px;
    margin-left:3px;
    margin-right:10px;
    background-image: url('../_images/layout/bg_nav_ul.gif');
    background-position:right;
    background-repeat: no-repeat;
}

#nav_links li a
{
    color: #0066aa;
    font-family: Arial,Verdana,Sans-Serif;
    font-size:0.8em;
    text-decoration: none;
}

#nav_links li a:hover
{
    color: #0066aa;
    font-family: Arial,Verdana,Sans-Serif;
    font-size:0.8em;
    text-decoration: underline;
}

#nav_footer
{
    background-image: url('../_images/layout/bg_nav_footer.gif');
    background-repeat: no-repeat;
    height: 13px;
}

#footer 
{
 clear:both;
 float:left;
 background-image: url('../_images/layout/bg_footer.gif');
 background-color:#999999;
 height: 128px;
 position:absolute;
 bottom: 0px;
 padding-right: 10px;
 padding-top:0px;
 width:944px;
}

* html #footer {bottom: -1px;} 

#copyright
{
 color: #999999;
 width:300px;
 float:left;
 padding-left:10px;
 font-size: 0.6em;
 padding-top:12px;
}

#footerlinks
{
 width:300px;
 float:right;
 text-align:right;
 color:#999999;
 font-size: 0.7em;
 padding-top:17px;
}

#footerlinks a
{
 text-decoration:none;
 color:#999999;
}

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

.Tree
{
 font-size: 0.5em;
}

.nodelevel1
{
 font-size: 0.5em;
}


#myMapDetails
{
    background-image: url('../_images/layout/bg_map_details.gif');
    background-repeat: no-repeat;
    border:0px solid;
    height: 100px;
    width: 635px;
    color: #000000;
    font-size: 0.9em;
    padding:10px;
}

#myMapTel
{
 border: 0px solid #000000;
 padding-top: 20px;
}


#rotator
{
	border: 0px;
	overflow: hidden;
	position: relative;
	width: 660px;
	height: 125px;
}

#rotator img
{
	width: 660px;
	height: 125px;
}

#new_product
{
    background-image: url('../_images/layout/bg_products.gif');
    background-repeat: no-repeat;
    width:660px;
    height:150px;
    float:left;
    margin-bottom:10px;
}

#new_product_home
{
    background-image: url('../_images/layout/bg_products_panel.jpg');
    background-repeat: no-repeat;
    width:630px;
    height:150px;
    float:left;
    padding: 0px 20px 0px 10px;
    *padding: 7px 20px 0px 10px;
    margin-bottom:10px;
}

#new_product_home h2
{
    color: #ffffff;
    padding-top:0px;
}

#new_product_image
{
    float: left;
    width:195px;
    border: 0px solid #000000;
    padding-left:5px;
    padding-top:10px;
}

#new_product_text
{
    float: left;
    width:410px;
    border: 0px solid #000000;
   
    padding-left:10px;
    color: #000000;
    font-size: 0.9em;
}

#new_product_text h2
{
    padding:0px;
    color: #0099cc;
    font-size: 1.1em;
}

#specification1
{
    width:100%;
    border-bottom:1px solid #cccccc;
    float:left;
}

#specification2
{
    width:100%;
}

#spec_title
{
    float:left;
    width: 300px;
    font-size:0.8em;
    font-weight:bold;
    color:#000000;
}

#spec_value
{
    float:right;
    font-size:0.8em;
    color:#000000;
    text-align:right;
}

#spec_holder
{
    float:left;
    width:65%;
}

#brochure_holder
{
    float:right;
    width:30%;
}

#product_details
{
    width:100%;
    float:left;
}

#p_holder
{
    width:325px;
    padding-bottom:10px;
    float:left;
    border:0px solid #000000;
}

#p_image
{
    width:150px;
    float:left
}

#p_info
{
    padding-top:5px;
    width:160px;
    float:left
}

#p_info h3
{
    font-weight:bold;
    font-size:0.9em;
}

#p_info a
{
    color: #6c86ad;
}

#p_info a:hover
{
    color: #435b80;
}

#video_holder
{
    width:660px;
    border: 0px solid #000000;
    background-image: url('../_images/layout/bg_video.gif');
    background-repeat: no-repeat;
    height:272px;
}

#video_holder1
{
    width:660px;
    border: 0px solid #000000;
    background-image: url('../_images/layout/bg_video1.gif');
    background-repeat: no-repeat;
    height:272px;
}

#video
{
    padding-top:39px;
    padding-left:15px;
    width:345px;
    border:0px solid #000000;
    float:left;
}

#video_options
{
    width:250px;
    border:0px solid #000000;
    float:left;
    padding-top:50px;
}

#video_details
{
    border:0px solid #000000;
    width:250px;
    padding-bottom:10px;
    color:#000000;
}

#video_details h3
{
    font-weight:bold;
    color: #000000;
    font-size:1.0em;
    padding:0px;
    margin:0px;
}

.video_details_img
{
    float:left;
    padding-right:10px;
}

.video_playing
{
    font-weight:bold;
    color: #cc3300;
    font-size:0.8em;
}

.Results
{
    border: 0px solid #000000;
    float:left;
}

.results_link
{
    color: #339933;
}

.searchinput
{
    height:17px;
    background: #ffffff;
    border: 1px solid #999999;
}

.formRow {
	clear: both;
	padding-top: 10px;
}	
.formLabel {
	float: left;
	width: 150px;
	padding-left: 0px;
}	
.formField {
	float: left;
}

.formRowBtn
{
    float:left;
    margin-left: 220px;
    padding-top:0px;
}

.modalPopup 
{
   background-color:transparent;  
   padding:1em 6px;
   font-size:0.8em;
}

.modalPopup2
{
   background-color:#ffffff;
   width:470px;
   vertical-align :top;
   padding: 10px;
}

.modalBackground 
{
 background-color:gray;
 filter:alpha(opacity=60);
 opacity:0.60;
}

#mapholder {width:660px; float:left; margin-bottom:20px;margin-top:10px;}
#map {width:660px;height:300px;float:left;background-color:#F2EFE9;border:solid 1px #000;}
#mapright {float:left; width: 210px; border:0px solid;padding-left:20px;}

.redbold
{
    color:#ff3333;
    font-weight:bold;
}

#videohometext
{
    float:left;
    border:0px solid #000000;
    width:630px;
    padding-right:10px;
}

#videohomevideo
{
    float:left;
    border:0px solid #000000;
    width:245px;
    height:177px;
}

#welcometext
{
    float:left;
    border:0px solid #000000;
    width:615px;
    padding-right:10px;
}

#highlightstext
{
    float:left;
    border:0px solid #000000;
    width:260px;
    height:177px;
}

#highlight
{
    width:260px;
    border:0px solid #000000;
    height:71px;
    font-size: 0.8em;
}

#highlight img
{
    padding-right:10px;
    border:0px;
}

#highlight h1
{
    margin-top:5px;
    font-size:1.0em;
    color:#cc0000;
    padding:0px;
    font-size: 1.2em;
}

#highlight h1 a
{
    color:#cc0000;
    text-decoration:none;
}

#highlight h1 a:hover
{
    color:#cc0000;
    text-decoration:underline;
}

#news
{
    float:left;
    margin-bottom: 20px;
}

#newsimage
{
    float:left;
    width:149px;
    border:0px;
}

#newsimage img
{
    border:0px;
}

#newsover
{
    float:left;
    width:500px;
}

#newsover h2 a
{
    color: #666666; 
    text-decoration:none; 
}

#newsover h2 a:hover
{
    color: #999999;
    text-decoration:none; 
}

#theform
{
    border: 0px solid #000000;
    float:left;
    width:470px;
}

#theaddress
{
    border: 0px solid #000000;
    float:left;
}

.validator {color: #ff3333; font-size: 0.8em}

#moba
{
    float:left;
    width:660px;
    margin-bottom:10px;
}

#moba_image
{
    float:left;
    width:160px;
}

#moba_text
{
    float:left;
    padding-top:4px;
}


#more
{
    float:left;
    height:119px;
    margin-top:10px;
    position:relative;
    width:885px;
    background:url(../_images/layout/bg_more_panel.gif)  0 0 no-repeat;
}

.more_items
{
    float:left;
}

.More_item_text
{
    float:left;
    width: 700px;
    color: #000000;
}

.More_item_text h2
{
    color: #336699;
    font-size:1.0em;
    font-weight:bold;
    margin-top:2px;
}

.More_image
{
    float:left;
    width:155px;
    padding-top:7px;
    padding-left:10px;
}

.More_item_arrows 
{
    float:left;
position:relative;
padding-left:10px;
}

.More_item_arrows a {
height:30px;
width:30px;
float:left;
}

.More_item_arrows a#arrow-prev {
background:url(../_images/layout/arrow_left.gif) 0 0 no-repeat;
margin-right:2px;
}


.More_item_arrows a#arrow-next {
background:url(../_images/layout/arrow_right.gif)  0 0 no-repeat;
}



#otherentities {width:500px;height:250px;padding:0 10px; border:solid 1px #000;text-align:center;display:none;position: absolute; top: 18px; z-index:1000;background:#fff url(../_images/layout/countrybg.gif) no-repeat top left;}
#otherentities #entityheader {margin-top:20px;}
#otherentities #entityheaderleft {font-size:1.0em;float:left;width:380px;font-weight:bold;text-align:left;}
#otherentities #entityheaderright {float:right;width:100px;text-align:right;font-size:0.8em;}
#otherentities h1 {width:90%;padding-left:10px;margin-bottom:10px;}
#otherentities #countriescontainer {width:480px;padding-top:20px;}
#otherentities #countriescontainer div {float:left;width:140px;margin-left:10px;height:100%;}
#otherentities #countriescontainer h3 {width:100%;font-size:1.3em;font-weight:600;background-color:#f7c106;text-align:center;}

#otherentities ul,li {list-style-type:none;text-align:left;margin:0;padding:0;}
#otherentities ul {clear:both;padding-top:15px;}
#otherentities li {line-height:20px;padding-left:25px; background:#ffffff url(../_images/homepage/homepagearrow.gif) no-repeat left;font-size:1.2em;}

img 
{
    border:none;
}

div.applications
{
    background-color:#FEC820;
    padding:2em;
   margin-top:1em;
    color:#000;
    overflow:hidden;
    }
   
.applications h2
{
 font-size:larger;   
  text-transform:uppercase;
  color:#000;
    
}

.col
{
 width:50%;
 float:left;    
}

ul#pavingNewsLinks 
{
    list-style:none;
    list-style-image:url(../_images/layout/r.gif);
    margin:1em;
    }