@charset "UTF-8";
/* Ambient Glow Technology CSS Document */


body{

background:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

/* layout */

#container{
width:auto;!important
height:auto;
min-width:1100px;
}


#header{
height:160px;
width:auto;!important
clear:both;
margin-top:10px;
margin-bottom:15px;
}

#tagline{
margin-top:8px;
background:#404040;
clear:both;
width:100%;
height:26px;
border-top:1pt #fff solid;
border-bottom:1pt #fff solid;

}


#leftcontainer{
float:left;
width:240px;
height:auto;
margin-right:25px;
}

#leftdiv{
float:left;
width:240px;
height:200px;
background:#404040;
margin-top:10px;
margin-left:0;
margin-right:15px;
padding-top:8px;
padding-left:8px;
border-top:1pt #fff solid;
border-bottom:1pt #fff solid;
border-right:1pt #fff solid;
color:#fff;
font-size:13px;
}


#bottomleft{
float:left;
clear:left;
padding-top:8px;
padding-left:8px;
width:240px;
height:230px;
background:#7F7F7F;
padding-top:8px;
border-bottom:1pt #fff solid;
border-right:1pt #fff solid;
color:#fff;

}

#bottomleft h2{
font-size:18px;
}

#bottomleft h4{
font-size:14px;
color:#404040;
line-height:22px;
font-weight:strong;
}

#bottomleft p{
font-size:12px;
color:#fff;
line-height:16px;

}
.externallink{
padding-left:4px;
}



.readmore{
font-size:10px;
color:#fff;
line-height:25px;
text-align:right;
padding-right:15px;
}


#middlediv{
float:left;
width:50%;
padding-top;:8px;
margin-top:10px;
margin-left:0;
margin-right:0;
color:#fff;
min-width: 500px;!important
}

#rightcontainer{
position:relative;
float:right;
/* margin-top:10px; */
z-index:5;
width:240px;
}


#rightdiv{
padding-top:8px;
padding-left:8px;
margin-top:10px;
float:right;
width:240px;
height:170px;
background:#7F7F7F;
margin-right:0;
margin-left:15px;
border-top:1pt #fff solid;
border-bottom:1pt #fff solid;
border-left:1pt #fff solid;
color:#fff;
clear:none;
}

#bottomright{
padding-top:8px;
padding-left:8px;
float:right;
clear:right;
width:240px;
height:240px;
background:#7F7F7F;
margin-right:0;
margin-left:15px;
border-bottom:1pt #fff solid;
border-left:1pt #fff solid;
color:#fff;

}

#footer{
text-align:center;
clear:both;
padding-top:20px;
margin-top:40px;
margin-bottom:20px;
line-height:16px;
}


/* left menu */

.leftmenu{
color:#fff;
font-size:14px;
line-height:25px;

}


.leftimagebullet{
padding-right:4px;
}




/* right menu */



.rightmenu{
color:#fff;
font-size:14px;
line-height:25px;

}

.lowerrightmenu{
color:#fff;
font-size:12px;
line-height:29px;

}

.distrorightmenu{
color:#fff;
font-size:14px;
line-height:29px;

height:29px;
}

h2{
font-size:18px;
font-weight::bold;
}


.rightimage{
margin-bottom:-8px;
padding-right:4px;

}



#toolsheader{
background:#404040;
border-bottom:1pt #fff solid;
width:100%;
padding-top:8px; 
padding-left:8px;
margin-top:-8px;
margin-left:-8px;
padding-bottom:4px;
}



.bottomright{
color:#fff;
font-size:13px;
height:15px;
background-image:url('images/pdf.gif') no-repeat -20px left top;
line-height:18px;
}




/*footer menu */

.footertext{
color:#fff;
margin-right:12px;
font-size:9px;

}


/* headers */

h1,h2,h3,h4{
color:#fff;
}




/* links */
a:link{
text-decoration:none;
}

.regularText a:link{

color:#66CCFF;
font-weight:bold;
}

a:hover{
text-decoration:none;
color:#fff;

}

a:active{
text-decoration:none;
color:#fff;
}

a:visited{
text-decoration:none;
color:#fff;
}




/* content columns */

#leftcolumn{
float:left;
margin-right:25px;
width:95%;
height:auto;
}

#rightcolumn{
float:left;
width:45%;
height:auto;
}

#topgraphic{
clear:both;
margin-bottom:10px;

}

.regularText{
font-size:12px;
color:#fff;
line-height: 16px;
margin-bottom:10px;
}

.tableText{
font-size:12px;
color:#fff;
line-height: 16px;
padding: 4px 4px 4px 4px;
}

.tablegrayText{
font-size:12px;
color:#333;
line-height: 16px;
padding: 4px 4px 4px 4px;
}



#middlediv h1{
font-size:20px;
margin-bottom:6px;
color:#fff;

}

#leftcolumn h3{
font-size:16px;
margin-bottom:6px;
color:#fff;

}

.regularText a{
font-weight:bold;
color:#999999;
}



/*product*/

#product{
clear:both;
margin-top:15px;
margin-bottom:25px; 
/* padding-bottom:25px; */
/* height:330px;  */
}

#productdescription{
float:left;
width:45%;
margin-right:10px;
/* height:auto; */
clear:left;
}



#photoholder{
float:right;
width:45%;
height:auto;

}



/* Forms  */


.formcontainer{
width:28em;
margin-left:12em;
}

form * {margin:0;padding:0; } /* Standard margin and padding reset, normally done on the body */

legend {
	color:#fff; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	padding-left:6px;
}
fieldset {
width:27em;
 border:1px solid #dedede;  /* Default fieldset borders vary cross browser, so make them the same */
 padding: 8px 8px 8px 8px;
}
fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
	margin-top:8px; 
}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
label {
	float:left; /* Take out of flow so the input starts at the same height */
	width:9em; /* Set a width so the inputs line up */
}

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:5em; /* Same width as labels */
}
.radio ul {
	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
	list-style:none; /* Dont want bullets */
}
.radio li {
	position:relative; /* Fix a bug in IE zoom functionality */
	display:inline; /* Display the inputs in a line */
	white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
	width:auto; /* Reset the width on the label from the 5em, set earlier */
	float:none; /* Reset the float from left on the label, set earlier */
	vertical-align:middle; /* Align the radio buttons with the inputs */
}

.formButtons{
margin-top:10px;
width:27em;

}

.legendTitle{
font-size:14px;


}


/* offer */

#offer{
margin-left:80px;

}

.product_image1{
border:1px #fff solid;
margin:8px;


}

#separator{
padding-left:80px;
margin-top:30px;
margin-bottom:30px;
display:block;
}



/* project  */


.project_descript{
padding:4px 4px 4px 4px;
text-align:left;
}

.project_image{
float:left;
}


#smallbox{
width:55%;
height:auto;
}