﻿body,div,span,p,ul,li,td,th,input,select,textarea,button 
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

body
{
	margin: 0px auto;
	padding: 0px;
	font-family: Sans-Serif;
	background: #D6D6D6;
	background: #c0c0c0 url(../images/bg.gif) repeat-x;
	text-align: center; /* center-align the application (IE+FF) */
}


.CustomTab
{
    background-color:Green;
    color:Red;
}

#div_to_popup 
{
    display:none;
    background-color:white;
    border:1px solid gray;
    padding:20px;
    text-align:left;
               
 }

.countryButton
{
    width:120px;
}
.floatfix
{
    clear:both;
}

.smallLabel
{
   font-size:10px;
   font-weight:bold;
   padding-top:5px; 
   color:#436486;
}

.validationErrors
{
    font-size:10px;
    font-style:italic;
    display:block;
    padding:0px;
}

.errorMessageBox
{
    border:1px solid gray;
    background-color:#ffb7b7;
    text-align:left;
    width:480px;
    padding:5px;
    font-size:10px;
    color:red;
    margin:10px 0px 10px 0px;
}

.goodMessageBox
{
    border:1px solid gray;
    background-color:#ffb7b7;
    text-align:left;
    width:480px;
    padding:5px;
    font-size:10px;
    color:red;
    margin:10px 0px 10px 0px;
}

.errorGroup
{
    border:1px solid gray;
    background-color:#ffb7b7;
    text-align:left;
    width:480px;
    padding:5px;
    font-size:10px;
    color:red;
    margin:10px 0px 10px 0px;
}
.redFont
{
    color:Red;
}

a.blankButton, a.blankButton:visited
{
    width:180px;
    height:45px;
    line-height:40px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    display:block;
    background: #c0c0c0 url(../images/blankbutton.png) no-repeat;
}

a.blankButton:hover
{
    color:silver;
    
}

/*Forms */
.inputStyle
{
    background-color:#e8e8ff;
}

/*Forms */

/*Generic Table Design */

td.tblHeader
{
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:White;
    background-color:#2a5781;
}

td.tblHeaderSpec
{
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:gray;
    background-color:silver;
}


td.dataRow
{
    padding:5px;
    background-color:#d7e6f3;

}

.backlogtbl
{
    border:1px solid black;
}

.tblHeader
{
    background-color:Black;
    color:white;
    font-weight:bold;
    padding:5px;
}

.tblcellHeader
{
    background-color:navy;
    color:white;
    font-weight:bold;
    padding:5px;
}

.tblcell
{
    padding:5px;
}

/* END Generic Table Design */


/* default link colors */
a { color: #009; }
a:link { color: #009; }
a:visited { color: #009; }
a:hover { color: #009; }
a:active { color: #009; }

/* removes borders from linked images */
a img { border: 0px; }

#topper
{
    background-color:#6287b1;
    height:20px;
}

#tagLine
{
    background-color:#6287b1;
    height:5px;
}

#container 
{
	margin: 0px auto;
	padding: 0px;
	width: 970px; 
	background: #FFFFFF;

}

#wrapper {
	width: 100%;
	border-top: 0px;
}

#header 
{
	clear: both;
    background-repeat:no-repeat;
    height:140px;
    text-align:left;
    padding-left:20px;
    background-image:url(../images/header.png);
    text-align:center;
}

#header .headerTopMenu
{
    text-align:right;
    padding-right:5px;
    padding-top:2px;
    font-size:10px;
    height:20px;
}

#header .headerTopMenu a, #header .headerTopMenu a:visited
{
    text-decoration:none;
    line-height:20px;
    display:inline-block;
    color:Black;
}

#header .headerTopMenu a:hover
{
    text-decoration:underline;
}

.headerNavMenu
{
    text-align:left;
    padding-top:45px;
    padding-left:0px;
}

.headerSearchBox
{
 padding-top:1px;
 padding-left:20px;
 text-align:left;   
}    

.searchBox
{
    font-size:10px;
    width:130px;
}    
    
#app 
{
	/* width is always relative to #wrapper */
	width: 950px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	float: left;
	text-align:left;
	background-color:White;
	/*min-height: 420px;*/
	
	
}

.BreadCrumbLink
{
    font-size:10px;
    color:Gray;
    padding-bottom:5px;
    float:left;
    width:700px;
}

/* IE 6 HACK FOR MIN-HEIGHT */
* html #app {
	height: 420px;
}

#footerBar 
{
	background-image:url(../images/footerBG.png);
	background-repeat:repeat-x;
	background-color:#6287b1;
	clear: both;
	height:25px;
	color:white;
}

.footerTopMenu a, .footerTopMenu a:visited
{
    text-decoration:none;
    line-height:25px;
    display:inline-block;
    color:white;
}

#footer 
{
	clear: both;
	font-size: 8pt;
}


a.footerLink
{
    color:white;
    text-decoration:none;
}

a.footerTopLink
{
    font-size:12px;
    font-weight:bold;
    color:white;
    text-decoration:none;
}

#copyWriteTag
{
    padding:5px 10px 5px 10px;
    font-size:10px;
    text-align:left;
    float:left;
}

#cCode
{
    font-size:10px;
    text-align:left;
    display:inline;
    width:100px;
}

#copyWriteTag2
{
    padding:5px 10px 5px 10px;
    font-size:10px;
    text-align:left;
    float:right;
}


#ContentBlock
{
    padding:10px;
}


/*HOME PAGE*/
.homeLeftPanel
{
    background-color:#c5c8cd;
    width:210px;
    height:370px;
    padding:0px 10px 10px 10px;
    float:left;
}

.homeCenterPanel
{
    background-color:white;
    width:680px;
    height:380px;
    padding:0px 10px 0px 10px;
    float:left;
    
}

.leftMenuContainer
{
    padding-top:10px;
}

.leftMenuParent, .leftMenuParent a
{
   font-size:13px;
   font-weight:bold;
   padding:5px 5px 10px 5px; 
   color:#436486;
}

.leftMenuChild 
{   width:200px;
    height:20px;
    background-color:#ffffff;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    padding:5px;
    margin-bottom:7px;
}

.leftMenuChild a
{   
    text-indent:10px;
    text-decoration:none;
    color:#867845;
}

.leftMenuChild a:hover
{   
    color:#c5a415;
}

.homeBannerTop
{
     background: url(../images/homeBannerTop.png) no-repeat;
     width:100%;
     height:35px;
     line-height:35px;
     color:#c8a50c;
     font-weight:bold;
     font-size:15px;
     text-align:center;
}

.homeBannerMiddle
{
     background: url(../images/homeBannerMiddle.png) no-repeat;
     width:100%;
     height:175px;
     overflow:hidden;
     padding:5px;
     
}

.homePanels
{
    float:left;
}

.leftBannerPart 
{
    text-align:left;
    width:300px;
    
}

.centerBannerPart
{
    text-align:left;
    display:inline-block;
    width:300px;
}

.rightBannerPart
{
    text-align:left;
    width:300px;
}


.homeFooterTag
{
    background-color:#dadbde;
    line-height:30px;
    text-align:center;
    color:#436486;
    padding:5px;
    width:960px;
    
}

.KMBannerPart
{
    padding-top:10px;
    width:200px;
    overflow:hidden;
    text-align:center;
}
.kmBannerTop{
 background-color:black;
     width:200px;
     height:35px;
     line-height:35px;
     color:#c8a50c;
     font-weight:bold;
     font-size:15px;
     text-align:center;
}
.kmBannerMiddle
{
    margin-bottom:10px;
}


/*END HOME PAGE*/

/*Left Control */
.ucLeftDivHolder
{
    background-color:#c6c8ce;
}

.ucLeftMenuParent, .leftMenuParent a
{
   font-size:13px;
   font-weight:bold;
   padding:10px 5px 10px 5px; 
   color:#436486;
}

.ucLeftMenuChild 
{   width:175px;
    height:20px;
    background-color:#ffffff;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    padding:5px;
    margin-bottom:7px;
}

.ucLeftMenuChild a, .ucLeftMenuChild a:visited
{   
    text-indent:10px;
    text-decoration:none;
    color:#867845;
}

.pickedMenuItem, .pickedMenuItem:visited
{   
    font-weight:bold;
    text-decoration:underline;
    color:black;
}

.ucLeftMenuChild a:hover
{   
    color:#c5a415;
}

.ucLeftCatChild
{
    padding:5px 5px 5px 10px;
    text-decoration:none;
}

.ucLeftCatChild a
{
    text-decoration:none;
    color:Black;
    font-size:10px;
}


/*Left Control */


/*Web Page*/
    .pageTitle
    {
        font-size:18px;
        font-weight:bold;
        color:#6287b1;
        padding-bottom:5px;
    }
    
    .pageSubTitle
    {
        font-size:15px;
        font-weight:bold;
        color:gray;
        padding-bottom:5px;
    }
    .pageContent
    {
        width:700px;
    }

.LeftContentPanel
{
    display:inline-block;
    float:left;
    width:200px;
    height:100%;
    min-height:400px;

}

.MainContentPanel
{
    display:inline;
    float:left;
    width:740px;
    height:100%;
    min-height:400px;
    
}

/*End Web Page*/

/*Product Categories*/
.CategoryHolder
{
    text-align:center;
    margin:5px;
    border:1px solid gray;
    float:left;
    padding:10px;
    width:150px;
    height:170px;
    font-size:10px;
    text-decoration:none;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;

}

.CategoryListHolder
{
    text-align:left;
    margin:5px;
    padding:10px;
    font-size:10px;
}


a.categoryLink
{
    font-size:14px;
    text-decoration:none;
    color:Navy;
}

a.categoryLink:hover
{
    text-decoration:underline;
    color:gray;
}


.lastViewHolder
{
    text-align:center;
    margin:5px;
    border:1px solid gray;
    padding:10px;
    width:150px;
    height:150px;
    font-size:10px;
    text-decoration:none;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
}
.productHolder
{
    text-align:center;
    margin:5px;
    border:1px solid gray;
    float:left;
    padding:10px;
    width:150px;
    height:200px;
    font-size:10px;
    text-decoration:none;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
}

.ProductImageHolder
{
    height:105px;   
}
.CategoryImageHolder
{
    height:100px;   
}

.productListDetail
{
    padding:5px;
    text-align:left;
    font-size:10px;
}

.prodListPriceHolder
{
    padding-top:5px;
    text-align:right;
}

.prodListPriceOnSaleList
{

}

.pageControl
{
    font-size:10px;
    background-color:#e4e4e4;
    padding:5px;
    width:720px;
    
}
/*End Product Categories*/



/*Product Style*/
.ProductTitle
{
   margin-top:20px;
   font-size:18px;
   color:#000000;
   font-weight:bold; 
   width:375px;  
 }
 
 .ProductDescription
 {
    width:400px;
    font-size:10px;
 }
 
.ProductPartNumber
{
    font-size:12px;
    margin-bottom:10px;
    font-weight:bold;
} 
  .listPrice
 {
    
 }
 .listPriceSale
 {
    color:Blue;
 }
 .listPriceStrike
 {
    color:Red;
    /*text-decoration:line-through;*/
 }
  
  
 .listPriceStrikeLbl
 {
    display:inline;
    color:Red;
 }
 
 div.priceLabel
 {
    width:150px;
    display:inline-block;
    text-align:right;
    padding-right:10px; 
    border:none;
 }
 
 .imgHolder
 {
  w idth:500px;
  float:left;
  text-align:center;  

 }
 
 .productSection
 {
  width:400px;
  float:left;
  text-align:left;  
  padding-left:20px;
 
 }

.productTabSection
{
    float:left;
}

.pageTabView
    {
        border: 1px solid #898c95;
        border-top: none;
        margin-top: -1px;
        height: 300px;
        overflow:auto;
        
    }
.tabContent
{
   padding:20px 10px 10px 10px;
}

.divSupportDocument
{
    padding:5px 5px 5px 15px;
}

/*Shopping Cart*/

td.AddReq
{
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:White;
    background-color:gray;
}

tr.addReqItem
{
     background-color:#EEEEEE;
}

tr.addReqItem td
{
     padding:5px;
}

table.shopCart
{
    font-size:12px;
}

table.shopCart td.cartHeader
{
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:White;
    background-color:#2a5781;
}

table.shopCart td.cartRow
{
    padding:5px;
    background-color:#d7e6f3;

}

table.shopCart td.cartFooterRow
{
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:black;
    background-color:#cdc3c4;
}

.checkoutRow
{
    padding:5px;
    background-color:#d7e6f3;
    font-size:10px;
}

a.shopCartPN
{
    font-size:10px;
}


.txtCartQty
{
    width:50px;
    text-align:right;
}

.smallText
{
    font-size:10px;
}

.addtoCart
{
     background: url(../images/addToCart.png) no-repeat;
     width:150px;
     height:34px;
     border:none;
     border:0;   
                          
     
}

.addBack
{
    background: url(../images/addBack.png) no-repeat;
    width:330px;
    height:57px;
    line-height:50px;
    padding-left:10px;
}

.qtyBox
{
    width:30px;
    text-align:right;
}

.qtyLabel
{
    font-size:12px;
    font-weight:bold;
    line-height:30px;
}

.outofstock
{
   width:75px;
   height:15px;
   background: url(../images/outofstock.png) no-repeat;
   display:inline-block;
}

.instock
{
   width:75px;
   height:15px;
   background: url(../images/instock.png) no-repeat;
   display:inline-block;
}

.divImageHolder
{
   border:2px solid gray;
   height:55px;
   width:55px;
   display:inline-block;
   margin:3px;
}

.divImageHolder:hover
{
   border:2px solid gold;
   height:55px;
   width:55px;
   display:inline-block;
   margin:3px;
}

.otherImageNav
{
     
}



/*End Product Style*/

/*Begin Validation Styles*/
.validationError
{
    width: 376px;
    height: 38px;
    line-height: 38px;
    top: 165px;
    left: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 51px;
    
    background: transparent url("../Images/error-sm.gif") no-repeat top left;

}

.addtoCartPanel
{
    background-color:#ffb0b0;
    padding:5px;
    border: 1px dashed gray;
    text-align: left;
}
.infoBlock
{
    
}


/*Nav Box */
div.navBoxTop
{
    width:183px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:White;
    font-weight:bold;
    background:url("../Images/navboxTop.png") no-repeat top left;
}

div.navBoxMiddle
{   padding:10px;
    width:175px;
    text-align:left;
    color:black;
    background:url("../Images/navboxMiddle.png") repeat-y top left;
}

div.navBoxMiddle a
{
    font-size:10px;
    text-decoration:none;
}
  
div.navBoxBottom  
{   height:6px;
    width:183px;
    background:url("../Images/navboxBottom.png") no-repeat top left;
}
  
div.navBoxTop2
{
    width:275px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:White;
    font-weight:bold;
    background:url("../Images/navboxTop2.png") no-repeat top left;
}

div.navBoxMiddle2
{   padding:5px;
    font-size:10px;
    width:275px;
    text-align:left;
    color:black;
    background:url("../Images/navboxMiddle2.png") repeat-y top left;
}
  
div.navBoxBottom2
{   height:6px;
    width:275px;
    background:url("../Images/navboxBottom2.png") no-repeat top left;
}


div.delvTop
{
    width:335px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:White;
    font-weight:bold;
    background:url("../Images/delvtop.png") no-repeat top left;
}

div.delvMiddle
{   padding:5px;
    font-size:10px;
    width:335px;
    text-align:left;
    color:black;
    
    background:url("../Images/delvmiddle.png") repeat-y top left;
}
  
div.delvBottom
{   height:10px;
    width:335px;
    background:url("../Images/delvBottom.png") no-repeat top left;
}
/*End Nav Box*/


/*Account Management */
.fsAccount
{
    width:250px;
    height:250px;
    padding:20px 5px 10px 5px;
    margin:10px;
}

.fsLegend
{
    color:#6287b1;
    font-weight:bold;
}


/*End Account Management */

/*Telerik Controls*/
.rpLink 
{  
    white-space: normal !important; 
}

/*End Telerik Controls*/


/*Tab View*/
	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}
	
	/*End Tab View*/
	
	td.lbl
	{
	    background-color:Black;
	    color:White;
	    padding:5px;
	}
	
	td.quickCell
	{
	    padding:5px;
	    border:1px solid black;
	    background-color:#dedede;
	}
	
	td.quickError
	{
	    padding:5px;
	    border:1px solid black;
	    background-color:#ffb3b3;
	}
	
	#trigger
	{
	    border:1px solid black;
	    background-color:#4c4c4c;
	    padding:5px;
	    color:White;
	    width:120px;
	    cursor: help; 
	    text-align:center;
	}
	
	#toggle_container
	{
	    display:none;
	    border:1px solid black;
	    background-color:silver;
	    padding:10px;
	    width:300px;
	}
