﻿html
{
    background-color: white;
    height:100%;
    margin:0;
    overflow: -moz-scrollbars-vertical;
}
body
{
    margin: 40px auto;
    padding: 0 0 40px 0;
    font-family: Arial, Tahoma;
    font-size:13px;
    color: #414141;
    text-align:center;
}

form
{
    width: 970px;
    text-align: left;
    margin:0 auto;
    padding:0;
}
a
{
    text-decoration: none;
    color: #0286d0;
}
a:hover
{
    text-decoration: underline;
}

#divtop
{
    width:100%;
}
#divtop .left
{
    width: 200px;
    margin:0;
    padding:0;
    float:left;
    text-align:center;
}
#divtop .right
{
    margin:0;
    padding:0;
    float:left;
    width:770px;
}

#divtop .right .links
{
    background: white url('/images/vdots.gif') no-repeat left bottom;
    padding: 13px 0 0 15px;
    float:right;
    text-align:right;
    font:normal 0.85em arial;
}

#divtop .right .links ul
{
    display:inline;
    margin:0;
    padding:0;
}
#divtop .right .links li
{
    display:inline;
}

#divtop .right .links li a.last 
{
    background: transparent url('/images/right.gif') no-repeat left center;
    padding-left: 11px;
    margin-right: 0px;
    color: #333;
    text-decoration: none;
}

#divtop .right .links li a
{
    background: transparent url('/images/right.gif') no-repeat left center;
    padding-left: 11px;
    margin-right: 10px;
    color: #333;
    text-decoration: none;
}
#divtop .right .links li a:hover
{
    background: transparent url('/images/right-over.gif') no-repeat left center;
    color: #494949;
    text-decoration: underline;
}

#divtop .right .menu
{
    width:100%;
    text-align:left;
    margin:68px 0 0 0;
}

#divmiddle
{
    clear:both;
    width:970px;
    border-top: 5px solid #64b3df;
    padding-top: 3px;
    padding-bottom: 3px;
    float: none;
}
#divmiddle .left
{
    float:left;
    width:198px;
    border: 1px solid white;
    border-top: 0px;
    margin-bottom: 3px;
}
#divmiddle .left .productsmenu
{
    height:auto;
    float:none;
}

#divmiddle .middle
{
    float: left;
    margin: 0 3px 20px 3px;
    width: 564px;
}
#divmiddle .middle .banner
{
    float: left;
}

#divmiddle .content
{
    clear:left;
    float: left;
    width: 534px;
    padding: 15px;
    color: #494949
}

#divmiddle .content .ProductImage
{
    margin: 0 0 40px 40px;
    
}

#divmiddle .right
{
    float: left;
    width: 200px;
}

#LoginDiv
{
    margin: 3px 0 3px 0;
    background: #e0e0e0 url("/photogenhd.ashx?img=/images/icons/lock_32.gif&width=28&addeffect=y") no-repeat right 4px;
    padding: 13px 13px 0px 13px;
    border: 1px solid #c0c0c0;
    font: normal 0.8em arial;
}
#LoggedInDiv
{
    margin: 3px 0 3px 0;
    background: #e0e0e0 url("/photogenhd.ashx?img=/images/icons/unlock_32.gif&width=28&addeffect=y") no-repeat right 4px;
    padding: 13px 13px 0px 13px;
    border: 1px solid #c0c0c0;
    font: normal 0.8em arial;
}

#LoginDiv .LoginTitle, #LoggedInDiv .LoginTitle
{
    font: bold 0.85em verdana;
    padding-bottom: 5px;
    text-transform:capitalize;
    border-bottom: 1px solid #f0f0f0;
}
#LoginDiv .LoginBox, #LoggedInDiv .LoginBox
{
    padding: 5px 0 5px 0;
}
#LoginDiv .LoginButton, #LoggedInDiv .LoginButton
{
    font:normal 0.9em arial;
}
#LoginDiv .LoginError, #LoggedInDiv .LoginError
{
    color: #ff0000;
    margin: 5px 0 5px 0;
    font: bold 1.0em verdana;
    text-align: center;
}
#LoginDiv .LoginTextbox, #LoggedInDiv .LoginTextbox
{
    background-color: #494949;
    color: White;
    font: normal 1em arial;
}
.wLoginTextbox
{
    background-color: #999999;
    color: White;
    font: normal 1em arial;
}
#LoginDiv .LoginLinks, #LoggedInDiv .LoginLinks
{
    padding-left: 7px;
    line-height: 1.6em;
}
#LoginDiv a, #LoggedInDiv a
{
    text-decoration: none;
    color: #606060;
}
#LoginDiv a:hover, #LoggedInDiv a:hover
{
    color: #000;
    text-decoration: underline;
}

#divfooterbox
{
    clear:both;
    height: 75px;
    border-bottom: 5px solid #64b3df;
    background-color: #e0e0e0;
    font:normal 0.85em arial;
    color: #666;
}
#divfooterbox .left
{
    width:198px;
    float:left;
}
#divfooterbox .middle
{
    width:564px;
    float:left;
    text-align:right;
}
#divfooterbox .middle .imagebox
{
    margin: 8px;
}

#divfooterbox .right
{
    width:180px;
    float:right;
    margin:8px;
    font:normal 0.9em arial;
}

#divbottom
{
    clear:both;
    width:100%;
    border-top: 0px solid #64b3df;
    font:normal 0.85em arial;
    color: #666;
}
#divbottom .left
{
    float:left;
    width:45%;
    margin: 5px;
}
#divbottom .right
{
    float:right;
    width:45%;
    text-align:right;
    margin: 5px;
}

#divbottom .credits
{
    clear:both;
    font: normal 0.95em arial;
    color: #888;
    margin-top: 25px;
    text-align:right;
}
#divbottom .credits A
{
    color: #888;
    text-decoration:none;
}
#divbottom .credits A:Hover
{
    color: #000;
}


#ImageBox
{
    background-color: #e0e0e0;
    padding: 0;
    margin: 0 0 3px 0;   
    width: 200px
}
#ImageBox a
{
    text-decoration: none;
}
#ImageBox a:hover
{
    text-decoration: none;
    color: Yellow !important;
}

.ProductsMenuTitle
{
    background-color: #494949;
    color: #fff;
    padding: 5px 0 5px 15px;
    width:183px !important;
    
}

#divmiddle .content h1.BannerTitle
{
    font:normal 1.2em arial;
    letter-spacing:0px;
}


#divmiddle .content h1
{
    font:bold 1.2em arial;
    letter-spacing:0px;
    color: Black;
}
#divmiddle .content h2
{
    font:bold 1.0em arial;
}
#divmiddle .content h3
{
    font:normal 1.0em arial;
}
#divmiddle .content h4
{
    font:normal italic 1.0em arial;
}

#divmiddle .content li
{
    margin-bottom: 7px;
}

#divmiddle .content b, #divmiddle .content strong
{
    font: bold;
}

.rssImage
{
	border: 0;
	margin:0 0 10px 10px;
}
.NewUserFS
{
    color:#606060;
    font: normal 0.85em arial;
}
.NewUserFS legend
{
    color:#858585;
    font: normal 1.3em arial;
    padding: 2px 6px;
}
.FieldsetDiv
{
    margin: 10px 10px;
}

/* Contact Us Form */
#ShortForm
{
    width:auto;
    padding: 15px;
    font-size: 0.9em;
    border:0px solid #e0e0e0;
    margin:0 0 0 0;
}
#ShortForm h1, #ShortForm h2
{
    margin-top:0;
}
#ShortForm input, #ShortForm textarea
{
    font: normal 12px arial;
}
#ShortForm img
{
    float:right;
    margin-bottom: 30px;
    margin-left: 20px;
}



/* Cost Calculator */
.ToolTipContent .CostCalcCol1 
{
    width: 130px !important;
    text-align: right;
    font: normal 0.9em tahoma;
    color: White;
    text-decoration: none;
    background-color: Gray;
    padding:3px !important;
}
.CostCalcCol2
{
    width: 1px;
}
.CostCalcCol3
{
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    width:360px;
}
#ccDiv .CostCalcCol4
{
    text-align: right !important;
    font:normal 1em arial;
    width: 70px;
}
.CostCalcTitle
{
    font: Bold 1.2em Arial;
}

#ccDiv TD
{
    padding: 5px !important;
}
.ccTable
{
    border-collapse:collapse;
    border-color: White;
    border:solid white;
}

.NewUserTextBox
{
    width: 250px;
}
.NewUserTextBoxShort
{
    width: 125px;
}
#ProductImageDiv
{
    float:right;
    display: block;
    margin:0 0 30px 40px;
    text-align:center;
}
#ProductImageDiv .inner
{
    padding: 10px;
    border: 0px solid #eee;
}

.popupControl{
	background-color:#e4e5f0;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: #767676;
	border-width: 1px;
	text-align:left;
}

#FileManagerLaunch
{
    background: #e0e0e0 url('/images/CFM-LaunchBox.gif') no-repeat top left;
    width:200px;
    height:140px;
    cursor: pointer;
}
#FileManagerLaunch .inner
{
    padding: 115px 0 0 15px;
    color: #000000;
    font: bold 0.85em arial;
}

#NewsBox
{
    background-color: #e0e0e0;
    padding: 20px 20px 5px 20px;
    height: auto;
    margin: 0 0 3px 0;   
    width: 160px;
    font-family: Arial;
    font-size: 10px;
}
#NewsBox .date
{
    font: normal 0.9em arial;
    color: #777;
}
#NewsPreview ul
{
    margin:2px 15px 15px 15px;
    padding:0;
    list-style-image:url('/images/arrow-right.gif');
}
#NewsPreview li a
{
    color: #404040;
}
#NewsPreview li a:hover
{
    color: #0286d0;
}
#NewsPreview .Title
{
    font: bold 0.9em Arial;
    margin-bottom: 7px;
    color: #202020;
}
#NewsPreview .MainBody
{
    font: normal 0.85em Arial;
    margin-bottom: 7px
}

#NewsPreview .ReadMoreLink
{
    background: transparent url('/images/right.gif') no-repeat left center;
    padding-left: 11px;
    margin-right: 0px;
    color: #666;
    text-decoration: none;
    font: normal 0.85em Arial;
}
#NewsPreview .ReadMoreLink:Hover
{
    text-decoration: underline;
    color: Black;
}

.NewsList
{
    font:normal 12px arial;
    margin-bottom: 10px;
}
.NewsList a
{
    font: bold 0.9em arial;
    color: #404040;
}
.NewsList a:hover
{
    color: #0286d0;
}
.NewsList .date
{
    font: normal 0.9em arial;
    color: #777;
}
.NPButtons
{
    margin:0 10px;
}

#RelatedDivs ul
{
    margin:1px 15px 15px 15px;
    padding:0;
    list-style-image:url('/images/arrow-right.gif');
}
#RelatedDivs li a
{
    color: #0286d0;
    font: normal 0.9em arial;
}
#RelatedDivs li a:hover
{
    color: #000;
}

#QuoteDiv
{
}

#QuoteDiv td.HeaderColumn
{
    width: 180px;
    font: bold 11px arial;
    vertical-align: middle;
}

#QuoteDiv .Input
{
    width: 280px;
    font: normal 12px arial;
    margin:3px 0 3px 0;
}

#QuoteDiv .InputNoSize
{
    font: normal 12px arial;
    margin:4px 0 4px 0;
}


#Content
{
    font: normal 12px arial;
    clear:left;
    float: left;
    width: 534px;
    padding: 15px;
    color: #494949;
    line-height:1.5em;
}
#Content table, #Content td, #Content th
{
    font: normal 12px arial;
    color: #494949;
}

#Content .ProductImage
{
    margin: 0 0 40px 40px;
}

#Content h1
{
    font: normal 1.4em arial;
    color: #000;
}

#Content h2
{
    font: normal 1.1em arial;
    color: #000;
}

#Content h3
{
    font: bold 1.0em arial;
    color: #000;
}

#Content a
{
    color: #0286d0;
    text-decoration: none;
}
#Content a:hover
{
    color: #000;
    text-decoration: underline;
}

.pdf			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/pdf.gif') no-repeat left center; }
.doc			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/word.gif') no-repeat left center; }
.pdf			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/pdf.gif') no-repeat left center; }
.zip			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/zip.gif') no-repeat left center; }
.mdb			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/access.gif') no-repeat left center; }
.xls			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/excel.gif') no-repeat left center; }
.html			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/html.gif') no-repeat left center; }
.xml			{ line-height:25px; padding:0 0 0 25px; background:url('/images/icons/xml.gif') no-repeat left center; }
