﻿body {
    /*background-image:url(images/bg_page.jpg);
    background-repeat:repeat-x;
    background-color: #6699ff;*/
    background-color: #fff;
	font-family:  Verdana , Trebuchet MS , Tahoma , Sans-Serif,  Arial, Helvetica;
	font-size: .77em;
	color: #343434;
	z-index:-2;
	margin-top:25px;
	margin-bottom:30px;
}

h1{color: #ff0000;
   font-size: 28px;
   font-weight: bold;
   font-family:  Arial, Helvetica,  Tahoma;
   line-height:normal;
   background-image:url(images/bg_h1.jpg);
   background-repeat:repeat-x;
   border-top:1px solid #ccc; 
}
    
input {
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 1px;
	margin: 2px 0 5px 0;
}

h2{line-height:normal;
   font-size:24px;
   color:#000;
   font-family:Trebuchet MS , Tahoma, Arial;}
   
h3{line-height:normal;
    color:#ff0000;
    font-family:Trebuchet MS, Tahoma, Verdana;
    margin-bottom:5px;}

.body {font-family:  Sans-Serif,  Arial, Helvetica;
	font-size: 12px;
	line-height:Normal;
	color: #111;
}

.news {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	
}
.smallGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}


.subNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
}

#wrapper{width:980px;
    margin-top:25px;}

#container{width:980px;
    text-align:left;
    position:relative;
    background: #fff;
    /*background-image:url(images/bg_container.jpg);
    background-repeat:repeat-y;
    background-position:right;*/
    }

#containerHome{width:980px;
    text-align:left;
    position:relative;
    background: #fff;
    background-image:url(images/bg_conHome.jpg);
    background-repeat:no-repeat;
    border:1px solid #fff;}
    
#header{width:980px;
    height:191px;
    background-image:url(images/hdr_slice.jpg);
    background-repeat:repeat-x;
    position:relative;
    z-index:9999;}

#headerBanner{position:absolute;
              top:95px;
              left:240px;
}

#headerHome{width:980px;
    height:191px;
    background-image:url(images/hdr_sliceHome.jpg);
    background-repeat:repeat-x;
    position:relative;
    z-index:9999;}
    
#logo{width:183px;
    height:189px;
    background-color:Transparent;
    float:left;
    position:relative;
    z-index:9999;}  
    
#logoHome{width:183px;
    height:140px;
    background-color:Transparent;
    float:left;
    position:relative;
    z-index:9999;}     
  
    
#dateTime{position:absolute;
    top:-22px;
    right:0;
    z-index:99;
    color:#f5f5f5;
    visibility:hidden;
    }
 
#htmlLinks{position:absolute;
    top:-22px;
    right:0;
    font-weight: normal;
    font-size:12px;
    font-family:Trebuchet MS, Tahoma, Arial;
    z-index:99;
    color:#ccc;}

#htmlLinks a:link, #htmlLinks a:visited{
	color: Blue; font-weight:normal;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}

#htmlLinks a:active{
	color: #ccc;
}

#htmlLinks a:hover{
	color: #000;
	text-decoration:none;
	background-color:#cccfcf;
} 
 
   
#navBar{position:absolute;
    top:0;
    left:0;
    z-index:9999;
    background-image:url(images/bg_menu_bar.jpg);
    width:100%;
    height:34px;
}   
    
#topMenu{position:relative;
    left:10px;
    top:4px;
    z-index:99999;
    line-height:normal;
    font-size:11px;
    font-family:Trebuchet MS , Tahoma , Verdana , Arial ;
    }
 
#blockLinkListing{padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf;} 
#blockLinkListing a:link, #blockLinkListing a:visited{color: #666; display:block;text-decoration:none; }
#blockLinkListing a:active{color: Red;}
#blockLinkListing a:hover{color: #000; background-color:#f5f5f5;}
  
#blockLinkListing2{padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf;} 
#blockLinkListing2 a:link, #blockLinkListing2 a:visited{color: #666; display:block; text-decoration:none; background-image: url(images/SepOrange.gif); background-repeat:no-repeat; padding-left:15px; background-position:left;}
#blockLinkListing2 a:active{color: Red;}
#blockLinkListing2 a:hover{color: #000; background-color:#f5f5f5;} 
  
#leftCol{float:right;
    width:230px;
    text-align:left;
    position:relative;
    margin-top:15px;
    margin-right:0;
    line-height:normal;
    z-index:999;
    font-size:11px;
    color:#444;
}
    
#leftCol div.sectiontitle{font-weight:bold;
    color:#222;
    border-top:1px solid #ccc;
    padding:2px;
    text-align:center;
    background: #fff;
    font-size:14px;} 


 
#leftCol a:hover img {Filter: Alpha(Opacity=70); -moz-opacity:.70;opacity:.70; border:0px solid;}
    
#leftCol div.contentBody{border:1px solid #ccc;
    margin-bottom:22px;
    padding:7px;
}    


 
    
#content{float:left;
    width:720px;
    padding-left:0;
    padding-top:10px;
    margin-bottom:10px;
    position:relative;}   

#content b{color:#000;}

#content #homeArticleBox div.sectiontitle{font-weight:bold;
    color:#b22222;
    font-size:12px;
    padding:1px;
    text-align:center;
    background: #f5f5f5;
    }   

#content #mainContentArea{border:1px solid GhostWhite;
                          /*border-left:0;
                          border-right:0;*/
                          border-bottom:#ccc;
                          background-color: #fff;
                          background-image:url(images/bg_main_content.jpg);
                          background-repeat:repeat-x;  
                          padding:10px;} 
    
#content div.sectiontitle, #content .sectiontitle span
{  
   color: #6666ff;
   font-size: 22px;
   font-weight: bold;
   font-family: Trebuchet MS, Arial, Helvetica,  Tahoma;
   line-height:normal;
}

#content div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#content a:link, #content a:visited{color: #0000ff; text-decoration:underline;}
#content a:hover{color: Red; text-decoration:none;} 
#content a:hover img {Filter: Alpha(Opacity=70); -moz-opacity:.70;opacity:.70; border:0px solid;} 

#content div.contentBody{
    margin-bottom:22px;
}



#contentFull{float:left;
    width:100%;
    padding-left:0;
    padding-top:10px;
    margin-bottom:10px;
    position:relative;}   
  
#contentFull #homeArticleBox div.sectiontitle{font-weight:bold;
    color:#b22222;
    font-size:12px;
    padding:1px;
    text-align:center;
    background: #f5f5f5;
    }   

#contentFull #mainContentArea{border:1px solid GhostWhite;
                          border-bottom:#ccc;
                          background-color: #fff;
                          background-image:url(images/bg_main_content.jpg);
                          background-repeat:repeat-x; 
                          padding:10px;} 
    
#contentFull div.sectiontitle, #contentFull .sectiontitle span
{  
   color: #6666ff;
   font-size: 22px;
   font-weight: bold;
   font-family: Trebuchet MS, Arial, Helvetica,  Tahoma;
   line-height:normal;
}

#contentFull div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#contentFull a:link, #contentFull a:visited{color: #0000ff; text-decoration:underline;}
#contentFull a:hover{color: Red; text-decoration:none;} 
#contentFull a:hover img {Filter: Alpha(Opacity=70); -moz-opacity:.70;opacity:.70; border:0px solid;} 

#contentFull div.contentBody{
    margin-bottom:22px;
}


#subMainContentArea{background-color:#fff;padding:10px;}


#pageTitle{font-family:Trebuchet MS , Tahoma, Verdana;
    font-size:24px;
    color:#3300ff;
    margin-bottom:25px;}

#siteMap{position:absolute;
    top:-22px;
    left:0;
    height:15px;
    z-index:99999;}  

#siteMap a:link, #siteMap a:visited{
	text-decoration:none;
}
  
#siteMap a:hover{text-decoration:underline;
    color:#fff;}   
    
.currentNode{vertical-align:middle;
    text-transform:lowercase;} 

.siteMapNode{vertical-align:middle;
    text-transform:lowercase;} 

#loginbox{position:absolute;
          right:5px;
          top:44px;
   line-height:normal;
   width: 200px;
   background-color:Transparent;   
   font-size: 10px;
   text-align:left;
   color:#ccc;
   font-family:Arial, Trebuchet MS ;
}

#loginbox input
{
   font-size: 10px;
}

#loginbox a, #loginbox a:visited{color: #6699ff; display:block;}
#loginbox a:hover{text-decoration: underline; color:#33ccff;}

#loginBoxFrame{padding:7px;
    background-color:Transparent;}

#loginStatus{position:absolute;
    top:64px;
    right:25px;
    line-height:normal;
    color:#ccc;
    text-align:right;
    }

#loginStatus a, #loginStatus a:visited{color: #6699ff; display:block;}
#loginStatus a:hover{text-decoration: none; color:#33ccff;}

#welcomebox{text-align:left;}

#footer{width: 940px; 
    height: 70px; 
    color: #444444; 
    text-align: center; 
    vertical-align: middle; 
    font-size: .9em;
    margin:20px;
    clear:both;
    position:relative;
    line-height:normal;
}

#copyright{position:relative;
    text-align:center;
    color:#666;
    font-size:11px;
    margin-bottom:10px;}
    
#bottomLogo{position:relative;
    text-align:center;
    height:60px;}   

#siteLinks{position:absolute;
    left:15px;
    bottom:12px;
    font-size:10px;
    font-family:Arial, Tahoma ;
    color:#808080;}
    
#siteLinks a, #siteLinks a:visited{text-decoration: none; color: #fff;}
#siteLinks a:hover{ color:#ffcccc;}

#credits{font-size:10px;
    position:absolute;
    right:5px;
    bottom:0;
    color:#ccc;}

#credits a, #credits a:visited{color: #ccc;}
#credits a:hover{text-decoration: none; color:#ffcc00;}
    
#footerBar{background-color:#000;
    background-image:url(images/bg_menu_bar.jpg);
    width:100%;
    height:34px;
    clear:both;
    position:relative;
    }     
    
    
    
    
/* -- Dynamic Content ---------------------------------------- */ 




.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #ccc;
}

.highlightstate
{
   background-color: #ccc;
}

.highlightcountry
{
   background-color: #ccc;
}

.articlebox
{  
   background: transparent;
   border-top:1px solid #ccc;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 32px;
   font-family: Times New Roman ;
   color: #cc3300;
   text-decoration: none;
   line-height:normal;
}

.articleabstract
{
   padding-top: 6px;
   font-size:16px;
   font-weight:bold;
}

.article
{
    font-size:12px;
    font-family:Verdana;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 10px;
   text-align:left;
   line-height:15px;
   position:relative;
   background-color:#f5f5f5;
   border:1px solid #ccc;
   margin-right:3px;
   padding-top:3px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{background-color:#444;
   font-weight: normal;
   text-align: center;
}

.posttitle
{background-color:#000;
   padding: 3px;
   margin-bottom: 10px;
   color: #ccc;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}

.shoppingcartbox
{
   font-size: 10px;
   margin-right:3px;
   margin-bottom:10px;
   border:1px solid #ccc;
   background-color: #f5f5f5;
   text-align:left;
   padding-top:3px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}

.titleLink{text-transform:capitalize; 
    letter-spacing:1.1;
    color:#006699;}
 
.bg_grid_grad{background-image:url(images/bg_grid_grad.jpg);
    background-repeat:repeat-x;
    border-bottom:1px solid #333333;
}

.CompanyName{font-weight:bold;
    text-transform:uppercase;
}



.detailsViewCol{width:100px; font-weight:bold; float:left;}

.hiliteHeader{border-top:1px solid #f5f5f5;
    border-bottom:1px solid #666;
    background:#ccff99;
    font-weight:bold;
    font-size:12px;
    cursor:hand;
    cursor:pointer;
    height:21px;
    padding-top:4px;
    padding-left:6px;
    padding-right:6px;
    color:#333;}

.hiliteBox{
    background:#fff;
    padding:10px;}    
    
.big_hdr
{
    border:1px solid #ccc;
    background: #f5f5f5;
    font-size:13px;
    padding-left:10px;
}

.account_menu_box
{
    border:1px solid #ccc;
    border-top:0px;
    padding:10px;
    font-size:11px;
}

.hdrproductimage{float:left;
    padding:4px;
    margin-right:20px;
    margin-bottom:15px;
    border:1px dashed #ccc;
    width:130px;
    text-align:center;
}

.hdrproducttext{margin-bottom:15px;}

.p21ProductMenuItem
{
    list-style: none;
    float: left;
    margin: 0;
    padding: 2px;
    display:block;
    width:190px;
    border:1px solid transparent;
}

.p21MenuItem{margin:1px;}

.p21MenuItem a:link, .p21MenuItem a:visited{
	text-decoration:none;
}
  
.p21MenuItem a:hover{text-decoration:underline;
    color:#fff;
    background-color:#fff;
    border:1px solid blue;}
    
#customername{font-size:12px;
    font-weight:bold;
    color:#66ff33;
    position:absolute;
    top:4px;
    right:190px;
    font-family:Trebuchet MS, Tahoma, Arial;
}


.fieldname
{
    text-align:left;
    font-size:11px;
    font-weight:bold;
    padding-left:15px;
}

#sideLinks{
    margin-bottom:20px;
}




#Contacts{
    line-height:normal;
    font-family: Trebuchet MS, Arial, Sans-Serif;}

#contactTitle{width:275px;
    float:right;
    text-align:right;
    margin-top:10px;
    margin-right:10px;}

#contactTabBox{width:225px; 
    float:left;
    background-color:#fff;
    border:0px solid #ccc;
    margin:10px;}
    
#contactTabText{width:225px;
    text-align:left;
    font-size:11px; } 

.contactItem{margin:10px;
    background:url(_images/contact_bar.jpg) repeat-y #fff;
    padding-left:0px; 
    border-top:1px solid #ccc;
    height:25px;
    position:relative;
    color:#333;}

.contactName{text-align:left; font-size:1em; margin-top:5px;}
.contactTitle{text-align:left; font-size:1em;}
.contactInfo{font-size: .80em; position:absolute; top:5px; right:5px; text-align:right; }
.contactEmail{position:absolute; top:5px; right:55px; font-size:.80em;}


#sideMenu{border:1px solid #003399;
          padding:5px;
}

