﻿

.body {font-family:  Sans-Serif,  Arial, Helvetica;
	font-size: 12px;
	line-height:Normal;
	color: #111;
}

.borderImage{border:1px solid #b22222; padding:2px; margin:2px;}


.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;
    background-image:url(images/bg_wrapper.jpg);
    background-repeat:repeat-y;
    margin-top:25px;}

#container{width:980px;
    text-align:left;
    position:relative;
    background: url('_images/bg_con.jpg') no-repeat;
    border:0px solid #606060;
}
    
#header{width:980px;
    height:199px;
    background-image:url(images/hdr_slice.jpg);
    background-repeat:repeat-x;
    position:relative;
    z-index:9999;
    margin:0 0 0 0;
    border-bottom: 0px;}
    
#logo{width:183px;
    height:199px;
    background-color:Transparent;
    float:left;
    position:relative;
    z-index:9999;}  
     

#navTop{background-image:url(_images/navTop.jpg); 
    background-repeat:repeat-x;
    width:600px;
    height:25px;
    position:absolute;
    left:300px;
    top:0px;
    text-align:center;}   
    
#dateTime{position:absolute;
    top:27px;
    right:0;
    color:#f5f5f5;
    font-size:9px;
    font-weight:bold;
    z-index:99999;
    }
 
#htmlLinks{position:absolute;
    top:4px;
    right:0;
    font-weight: normal;
    font-size:12px;
    font-family:Trebuchet MS, Tahoma, Arial;
    z-index:99999;
    color:#ccc;}

#htmlLinks a:link, #htmlLinks a:visited{
	color: #ccc; font-weight:normal;
	text-decoration:none;
}

#htmlLinks a:active{
	color: Red;
}

#htmlLinks a:hover{
	color: #fff;
	text-decoration:underline;
} 
 
#htmlLinks select{font-size:8px;
    font-family:Trebuchet MS , Arial, Tahoma ;
    border:0px solid #ccc;
}
    
#topMenu{position:absolute;
    top:154px;
    left:5px;
    font-size:12px;
    font-family: Trebuchet MS , Tahoma , Verdana ;
    z-index:99999;
    text-transform: capitalize;
    }
 

  
#leftCol{background-image:url(_images/bg_left_col.jpg); 
    float:right;
    min-height:400px;
    width:202px;
    padding:0px;
    text-align:left;
    position:relative;
    margin-top:22px;
    margin-left:0;
    margin-right:0;
    line-height:normal;
    z-index:999;
    font-size:11px;
    color:#333;}
    
#leftCol div.sectiontitle{font-weight:bold;
    background-image:url(images/bg_side_content_hdr.gif);
    color:#fff;
    padding-top:5px;
    margin:0;
    text-align:center;
    height:20px;} 

#leftCol a:link, #leftCol a:visited{
	color: #0000ff;
}

#leftCol a:active{
	color: Red;
}

#leftCol a:hover{
	color: Red;
	text-decoration:none;
}
 
#leftCol a:hover img {Filter: Alpha(Opacity=70); -moz-opacity:.70;opacity:.70; border:0px solid;}
    
#leftCol div.contentBody{border:1px solid #ccc;
    border-top:0px;
    margin-bottom:22px;
    padding:5px;
    background-color:#fff;
}    

#homeArticleBox{border: 1px solid #ccc;
    padding:4px;
    float:left;
    margin-right:30px;
    width:180px;
    font-size:11px;
    line-height:normal}

#content #homeArticleBox div.sectiontitle{font-weight:bold;
    color:#b22222;
    font-size:12px;
    padding:1px;
    text-align:center;
    background: #f5f5f5;
    }

#contentGenerator{border:0px solid #ccc;
    background-color:Transparent;
}

#newProducts{width:390px;
    font-size:11px;
    border:1px solid #ccc;
    float:right;
    padding:10px;}
    
#newProducts .itemListings{
    padding:5px;}

.leftMenuSelected a:link, .leftMenuSelected a:visited{color:#fff;}   

.leftMenu{width:260px;
    background-color:Transparent;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:20px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    min-height:140px;
    position:relative;
    padding-right:5px;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    background-image:url(_images/bg_menu.jpg);
    background-repeat:repeat-x;}    

    
#bottomCurve{background-image:url(images/bot_curve.jpg);
    width:178px;
    height:178px;
    position:relative;
    clear:both;}    
    
#content{float:left;
    width:742px;
    padding:0;
    min-height:240px;
    margin-right:0;
    margin-bottom:20px;
    margin-left:0;
    margin-top:20px;
    position:relative;}   
    
#content div.sectiontitle, #content .sectiontitle span
{  
   background-image:url(images/bg_content_hdr.jpg);
   background-repeat:no-repeat;
   background-color:#2f67a6;
   height:28px;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   font-family: Trebuchet MS, Arial, Helvetica,  Tahoma;
   line-height:normal;
   padding-left:20px;
   padding-top:4px;
}

#content .sectiontitle a:link, #content .sectiontitle a:visited{
	color: #f5f5f5;
	text-decoration:underline;
}

#content .sectiontitle a:active{
	color: Red;
}

#content .sectiontitle a:hover{
	color: #fff;
	text-decoration:none;
}

#content h3{color:#fff;
    font-size:14px;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Helvetica,  Tahoma;
    line-height:normal;
    background-image:url(images/bg_h3_hdr.jpg);
    background-repeat:no-repeat;
    background-color:#ff6600;
    height:22px;
    padding-left:15px;
    padding-top:3px;
    margin-bottom:0;}
    
#content .contentBox
{
    border:1px solid #ccc;
    padding:7px;
    padding-right:20px; 
    BACKGROUND-COLOR: #f0f8ff;
    background-image:url(images/bg_h3box.jpg);
    background-repeat:repeat-x;
}

#content div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#content div.contentBody{border:1px solid #ccc;
    border-top:0px;
    margin-bottom:22px;
    padding:5px;
    background-color:#fff;
}

#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;
}




#contentCustomer{float:left;
    background:;
    width:870px;
    padding:5px;
    margin-top:15px;
    min-height:240px;
    margin-right:0;
    margin-bottom:10px;
    margin-left:50px;
    position:relative;
}   
    
#contentCustomer div.sectiontitle, #contentCustomer .sectiontitle span
{  
   color: #6666ff;
   font-size: 22px;
   font-weight: bold;
   font-family: Trebuchet MS, Arial, Helvetica,  Tahoma;
   line-height:normal;
}

#contentCustomer div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#contentCustomer a:link, #contentCustomer a:visited{color: #0000ff; text-decoration:underline;}
#contentCustomer a:hover{color: Red; text-decoration:none;} 
#contentCustomer a:hover img {Filter: Alpha(Opacity=70); -moz-opacity:.70;opacity:.70; border:0px solid;} 

#contentCustomer div.contentBody{
    margin-bottom:22px;
}



.GridLinks a:link, .GridLinks a:visited{color:#cccc99; text-decoration:underline;}
.GridLinks a:hover{color:#ffcc00; text-decoration:none;}

#siteMap{background-image:url(-images/bar_slice.jpg);
    background-repeat:repeat-x;
    position:absolute;
    top:4px;
    left:5px;
    height:15px;
    background-color:Transparent;
    vertical-align:top;
    text-align:right;
    z-index:99999;}  

#siteMap a:link, #siteMap a:visited{
	text-decoration:none;
}
  
#siteMap a:hover{text-decoration:underline;
    color:#fff;}   

#pageName{position:absolute; left:5px; top:191px; z-index:99; font-family:Trebuchet MS; font-weight: Bold; font-size: 11px;}
    
.currentNode{vertical-align:middle;
    text-transform:lowercase;} 

.siteMapNode{vertical-align:middle;
    text-transform:lowercase;} 

#loginbox{margin-bottom:15px;
   line-height:normal;
   width: 200px;
   background-color:Transparent;   
   font-size: 10px;
   text-align:left;
   color:#ccccff;
   position:absolute;
   top:50px;
   right:0;
}

#loginbox input
{
   font-size: 10px;
}

#loginbox a, #loginbox a:visited{color: #ccccff;}
#loginbox a:hover{text-decoration: none; color:#fff;}

#loginBoxFrame{padding:7px;
    border:1px solid #999;}

#loginStatus{position:absolute;
    top:55px;
    right:0;
    line-height:normal;
    }

#loginStatus a, #loginStatus a:visited{color: #fff;}
#loginStatus a:hover{text-decoration: none; color:#f5f5f5;}

#welcomebox{text-align:left;
    padding:5px;
    border:1px solid #ccc;
    color:#66ccff;}

#footer{width: 940px; 
    background: url(_images/bg_footer.jpg);
    height: 70px; 
    color: #444444; 
    text-align: center; 
    vertical-align: middle; 
    font-size: .9em;
    padding: 00;
    margin:20px;
    clear:both;
    position:relative;
}

#copyright{position:absolute;
    left:5px;
    bottom:5px;
    text-align:left;
    color:#333;
    font-size:11px;
    line-height:normal;}
    
#bottomLogo{position:absolute;
    right:5px;
    bottom:5px;
    height:60px;}   

#siteLinks{position:absolute;
    left:5px;
    bottom:0;
    font-size:10px;}
    
#siteLinks a, #siteLinks a:visited{color: #ff9900;}
#siteLinks a:hover{text-decoration: none; color:#ff9900;}

#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-image:url(_images/footerBar.jpg);
    background-color:Transparent;
    height:20px;
    width:976px;
    position:relative;
    margin:20px 2px 2px 2px;}     
    
    
    
    
/* -- 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;
}

.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:#f5f5f5;
   font-weight: normal;
   text-align: center;
}

.posttitle
{background-color:#2f67a6;
   padding: 3px;
   margin-bottom: 10px;
   color: #fff;
   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;
}

.P21GridComplete
{
    background-color:Gainsboro;
}

.P21GridNormal
{
    background-color:#fff;
}

.P21GridPastDue
{
    background-color:#ffe4e1;
}

.P21GridLockedOut
{
    background-color:#ffdab9;
}

.fieldname
{
    text-align:left;
    font-size:11px;
    font-weight:bold;
    padding-left:15px;
}