html, body {
    
    height:100%;
}
.bodyscroll
{
    position: relative;
    height: 100%;
    text-align: center; /* IE center alignment ... Remember to add back for Mozilla*/    
    width: 100%;
    z-index: 3;
    display: block;
    min-height: 100%;
    bottom:0;
}
.template_style
{
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: left;     
    background:#FFFFFF;
}


/*---- General Stlyes ----*/
img
{
    border:0px;
}

.header_wrap
{
    text-align: center;
	background:url(images/header_bg.jpg) repeat-x;
	width:100%;
	height:128px;
}

.header
{		
	background:none;
	height:128px;
	width:850px;
	margin: 0px auto;	
	text-align: left;
}


.logo
{
	float:left;
	background:none;
	height:128px;
	width:261px;
}

.header_images
{
	float:right;
	height:128px;
	width:452px;
}

.page
{	
	width:950px;
	height:600px;
	margin: 0px auto;	
	text-align: left;
}

.sidebar
{
	float:left;
	height:600px;
	width:260px;
	text-align:center;
}

.content
{
	float:left;
	height:600px;
	width:604px;
}

.content_text p
{
    font-family:Arial;
    font-size:14px;
    text-align:justify;
}
.welcome
{
	background:url(images/welcome_header.jpg) 0% 5% no-repeat;
	height:300px;
	width:604px;
	padding-top:50px;
}

.ContentPane
{
	/*height:222px;
	width:604px;
	background:url(images/welcome_box.jpg) no-repeat;*/
}

.welcome_text
{
    float:left;
    width:450px;
    margin:10px;
    padding-top:20px;
    font-size:14px;
    line-height:20px;
    text-align:justify;
}

.products
{
	background:url(images/products_header.jpg) 0% 5% no-repeat;
	height:300px;
	width:604px;
	padding-top:50px;
}

.product_images img
{
    margin-right:20px;
    text-decoration:none;
    border:none;
}

.product_images a:hover
{
    text-decoration:none;
    border:none;
}

.product_images img:hover
{
    text-decoration:none;
    border:none;
}

.BottomPane
{
	height:150px;
}

.footer_wrap
{
	float:left;
	background:url(images/footer_bg.jpg) repeat-x;
	width:100%;
	height:31px;
	bottom:-1;
	padding: 0px 28px;
    position: fixed;
    z-index: 4;
    display: block;
    left:0;
}

.footer
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;
	height:31px;
	margin: 0 auto;
	padding-top:7px;
	text-align: left;
	width: 960px;
}
.footer-left
{    
    float: left;
    margin: 0px;
    padding: 0px;    
}
.footer-right
{    
    float: right;
    margin: 0px;
    padding: 0px;    
}



.product_box
{
    height:125px;
    width:500px;
    border:#e0e0e0 1px solid;
    background:#f7f7f7;
    margin-top:15px;
    padding:5px;
}

.product_box_left
{
    border: #e0e0e0 1px solid; 
    float: left; 
    width: 110px;  
    height: 110px;
}

.product_box_right
{ 
    float: right; 
    width: 350px; 
    height: 110px;
}

.product_box_right h1
{ 
    font-family:Arial;
    font-size:14px;
    margin-bottom: 4px;
    font-weight:normal;
    color: #000000;
}

.product_box_right p
{ 
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    text-align:justify;
}

.product_box_right a
{ 
    color:#3ea8f2;
}

.product_box_right a:hover
{ 
    color:#2c70a1;
}



/*-------- design style --------*/
.CVInc
{
    margin: 1px;
    color: #4091c9;
    font: 7pt arial;
}
a.CVInc_Link, .Login:link
{
    color: #4091c9 !important;
    font: 7pt arial;
}
.CVInc_Link:Hover, .Login:hover
{
    color: #FFFFFF !important;
    font: 7pt arial;
}
#copy_style
{
    float: left;
}

.productTable
{
    width:400px;
}

.productTable td
{
    height:28px;
    font-size:12px;
    padding:5px;
    
}

.productTableRow
{
    height:28px;
    background:#78a1ed;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

.title
{
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    color:#222;    
    width: 200px;   
}

.desc_text
{
    font-size:14px;
    color:#000000;
    font-family:Arial;
    text-align:justify;
}

.BackToCatalog
{    
    float: right;
    margin-right: 10px;  
    text-align: right;
    width: 60px;
}

.BackToCatalogText
{         
     font-weight: bold;
     font-size: 12px;
}
.spec_sheet
{
    width:100%;
    float:left;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;    
}

.SpecSheetTable
{    
    float: right;
    margin-bottom: 50px;     
    margin-right: -70px; 
    padding: 0px;
}

.SpecSheetColumn
{
    padding: 15px 0px;       
    font-size: 12px;
    font-weight: bold;   
}

.SpecSheetColumn img
{
    border: solid 1px #e0e0e0;
}

.SpecSheetDetails
{            
    background: #f7f7f7; 
    float: right;     
    margin: 0px;     
    padding: 10px;     
    border: #e0e0e0 1px solid;
}
.spec_sheet h1
{
    font-size:14px;
    color:#000000;
}

.spec_sheet p
{
    line-height:20px;
}

.spec_sheet li
{
    margin-bottom:10px;
}

/* Styles for the eDrawing popup window */

a.edrawing-button {
	display: block;
	width: 218px;
	height: 68px;
	background: url(/portals/0/images/button-bg.jpg) no-repeat top left;
	text-align: center;
	line-height: 68px;
	font-weight: bold;
	font-size: 16px;
	color: #1f4c9f;
	text-decoration: none;
}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container p {
	margin: 0 0 12px 0;
	color: #000;
	line-height: 14px;
}
#simplemodal-container h3 {
	color: #000;
	margin: 0;
	width: 320px;
 	font-weight: bold;
 	font-size: 16px;
}

#basic-modal-content {
	height:450px; 
	width:560px; 
}

#simplemodal-container h4 {
	color:#2e57a9;
	margin: 18px 0 0 0;
	font-weight: bold;
	font-size: 14px;
}

#simplemodal-container {
	height:475px; 
	width:600px; 
	color:#bbb; 
	background-color:#fff; 
	border:4px solid #2C70A1; 
	padding:12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	font-family: Tahoma, Arial;
	font-size: 12px;
}

#simplemodal-container ol 
{
    padding: 0;
    color: #000;
    margin: 0 0 12px 25px;
}

#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg 
{
    background:url(/portals/0/images/x.png) no-repeat; 
    width:35px; height:35px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:-15px; 
    right:-16px; 
    cursor:pointer;}

#simplemodal-container a.modal-button {
   border: 1px solid #c9c9c9;
    background: #eeeeee; /* old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
   padding: 4.5px 12px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: #2E57A9;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin: 0 0 12px 0;

   }
#simplemodal-container a.modal-button:hover {
   border-top-color: #a1a1a1;
   background: #d6d6d6;
   }
   
 a.filename {
 	color: #8b1414;
 	font-size: 20px;
 	margin-right: 12px;
 	text-decoration: none;
 }