/**
 *
 *
 ******************************************************************************/
 /*To use png image transperancy in IE5+*/
 img { behavior: url(/pres/root/css/iepngfix.htc); }
 
/*
 * Following will reset the default setting of elements, to prevent 
 * cross browser descrepencies.
------------------------------------------------------------------>>> */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,option,select,p,blockquote,th,td,textarea{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
table, td, tr{vertical-align: top;}
img{border:0;}
strong{font-weight: bold;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a{text-decoration:none;}
a, a:VISITED, a:ACTIVE {text-decoration:none;border:0px;border-style:none;color:#0066cc;}
a:hover{text-decoration:none;border:0px;border-style:none;color:#ff6600;}
/*-----------------------------------------------------------------<<< */
html, body, table,dl,dt,dd,ul,ol,li,pre,fieldset,option,select,p,blockquote,input
{font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif; font-size: 11px; color: #444;}
table {font-size:inherit;color: #444;}
body{background: #f7f7f7;}

body {	text-align: center;}
a:link, a:visited { color: #99ff33; text-decoration: none; }
a.c:link, a.c:visited { color: #3366cc; text-decoration: none; }
a:hover, a:visited:hover, a.c:hover, a.c:visited:hover { text-decoration: underline; }

h2{font-size: 120%;}

.clearer {clear:both;display:block;font-size:1px;height:0pt;line-height:1px;margin:0pt;padding:0pt;}


@media screen{ 
#body0{width: 100%; height: 100%; text-align: center; }
     #contentTopDiv{height: 100%; width:1024px; text-align: left;   margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px;}
        #fillerTopDiv{width: 100%;  height: 40px; margin: 1px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;  }
           #fillerTopDiv_leftTop{  width:200px; margin: 1px; float: left; overflow: hidden;}
           #fillerTopDiv_middleTop{width:616px;  margin: 1px; float: left;overflow: hidden;}
           #fillerTopDiv_RightTop{ width:200px; margin: 1px; float: left; overflow: hidden;}
        #barTopDiv{width: 100%; height:200px; margin: 1px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;}
           #barTopDiv_leftTop{  width:200px; height:100%; margin: 1px; margin-top: 0px; margin-bottom: 0px;  float: left; overflow: hidden;}
           #barTopDiv_middleTop{width:616px; height:100%; margin: 1px; margin-top: 0px; margin-bottom: 0px; text-align: left; vertical-align: top; float: left;  border-bottom: solid 1px #eee;overflow: hidden;}
           #barTopDiv_RightTop{ width:200px; height:100%; margin: 1px; margin-top: 0px; margin-bottom: 0px;  float: left;overflow: hidden;}
        #menuTopDiv{width: 100%;  margin: 1px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;}
           #menuTopDiv_leftTop{  width:200px; margin: 1px; float: left; overflow: hidden;}
           #menuTopDiv_middleTop{width:616px; margin: 1px; float: left;  text-align: right;overflow: hidden;}
           #menuTopDiv_RightTop{ width:200px; margin: 1px; float: left;  text-align: left;overflow: hidden;}
        #contentDiv{width: 100%; margin: 1px; margin-top: 0px; margin-bottom: 0px; padding-bottom:35px; overflow: hidden;}
           #contentDiv_leftDiv{  width: 200px; margin: 1px; height: auto; float: left;overflow: hidden;}
           #contentDiv_middleDiv{width: 616px; margin: 1px; text-align: left; float: left;  padding-top:2px; overflow: hidden;}
           #contentDiv_rightDiv{ width: 200px; margin: 1px; height: auto;  float: left;overflow: hidden;}
        #menuBotDiv{width: 100%;  margin: 1px; margin-top: 0px; margin-bottom: 0px; overflow: hidden;}
           #menuBotDiv_leftTop{  width:200px; margin: 1px; float: left; overflow: hidden;}
           #menuBotDiv_middleTop{width:616px; margin: 1px; float: left;  text-align: right;overflow: hidden;}
           #menuBotDiv_RightTop{ width:200px; margin: 1px; float: left;  text-align: left;overflow: hidden;}        
        #fillerBottomDiv{width: 100%;  margin: 1px; margin-top: 0px; margin-bottom: 0px; padding-top:35px; overflow: hidden;}
           #fillerBottomDiv_leftTop{  width:200px; margin: 1px; float: left;overflow: hidden;}
           #fillerBottomDiv_middleTop{width:616px;margin: 1px; float: left; overflow: hidden;}
           #fillerBottomDiv_RightTop{ width:200px;margin: 1px; float: left;overflow: hidden;}
}
#barTopDiv{background: #333;}

@media print{
	html, body, table,dl,dt,dd,ul,ol,li,pre,fieldset,option,select,p,blockquote,input{
		font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif; font-size: 11px; color: #000;
	}
	table {font-size:inherit;color: #000;}
	
	#fillerTopDiv, #barTopDiv, #menuTopDiv, #contentDiv_leftDiv, #contentDiv_rightDiv, #menuBotDiv, #fillerBottomDiv{
		display: none; visibility: hidden;
	}
	#siteMsgMain{display: none; visibility: hidden;}
}



a.au, a.au:VISITED, a.au:ACTIVE {text-decoration:none;border:0px;border-style:none;color:#0066cc;}
a.au:hover{text-decoration:underline;border:0px;border-style:none;color:#ff6600;}
a.ax, a.ax:VISITED, a.ax:ACTIVE {background: url("/pres/root/img/global/outG.png") no-repeat right top; padding-right: 5px;}
a.ax:hover{text-decoration:underline;background: url("/pres/root/img/global/outR.png") no-repeat right top; padding-right: 5px;	}




#cartSummaryTopDiv{float: left; width: 250px; text-align: left;}
  #logUserInfo{position:relative; float:right; text-align: right; top:25px; }
  
  .tmItm, .tmItmF {color: #666; width: auto; margin-left: 2px; margin-right: 2px; text-align: center; padding-left: 1px; padding-right: 1px; }
  .tmItmF{width: 1px; border-left: 2px solid #ccc; }
  .tmItm A:link, .tmItm A:VISITED {color: #333; }
  .tmItm A:HOVER {text-decoration:underline;}
  a.myCartMenuEntryNonEmpty:link, a.myCartMenuEntryNonEmpty:VISITED{color:#ff6600;}  
  
.copyRight{color: #999; font-size: 85%;}
#topBarLeft_menuOM, #topBarLeft_menuOM A{width: 100%; text-align: center; color: #656565; font-weight: bold;}
#topBarLeft_menuOM A:HOVER {color: #fdfdfd;}



.tBarDesc{text-align: justify; padding-top: 25px; line-height: 18px;  font-weight: bold;}

#loginBlock00{text-align: center; vertical-align: middle; padding: 2px; }
#loginBlock01{text-align: center; vertical-align: middle; margin: 2px; background: #eee;}
#userName, #password{width: 150px; font-size: 12px; color: #0066cc; }
.userDispNameTop{color:#000; font-weight: bold;}
.lastLoginDate{color: #000;}

.wm-div{
	background: url("/pres/root/img/worldmap.jpg") no-repeat center;	
	width:554px; 
	height:200px; 
	position:relative; 
	float:left; 
} 
.wm-loc-div{
	position:absolute; 
	width: 9px; 
	height:9px;
}
a.wm-loc-link{
	background: url("/pres/root/img/bullet-orange.gif") no-repeat center;	
	text-decoration:none;
}
a.wm-loc-link:visited{
	background: url("/pres/root/img/bullet-orange.gif") no-repeat center;	
	text-decoration:none;
}
a.wm-loc-link:hover{
	background: url("/pres/root/img/bullet-green.gif") no-repeat center;	
	text-decoration:none;
}
.wm-img{
	border:0px;
	background:none;
	width:9px;
	height:9px;
	text-align: center;
	vertical-align:middle;
}

.padDiv3{padding: 3px;}
.padDiv5{padding: 5px;}

.retMsgDiv{
   position: relative;
   float: left;
   width: 100%;
   font-size: 12px;
}
#retMsgDivIn, .retMsgDivIn {color: #ffff00;  filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;
margin: 3px; padding:2px; margin-left: 5%; margin-right: 5%;  font-size: 110%;
}

.impMsg{background: #ffff99; color:#ff0000; border: double 2px #ff0000; }
.impMsg a{color: #0066cc;}


/**<<<< roodStyle.css*/









  .opqMain {background: #eee; filter:alpha(opacity=94); -moz-opacity:0.94; opacity: 0.94;}
  .opq99{background: #eee; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
  .opq95{color:#000; background: #eee; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;}
  .opq93{color:#000; background: #eee; filter:alpha(opacity=93); -moz-opacity:0.93; opacity: 0.93;}
  .opq90{color:#000; background: #eee; filter:alpha(opacity=85); -moz-opacity:0.90; opacity: 0.90;}  
  .opq85{color:#000; background: #eee; filter:alpha(opacity=80); -moz-opacity:0.85; opacity: 0.85;}  
  .opq80{color:#000; background: #eee; filter:alpha(opacity=75); -moz-opacity:0.80; opacity: 0.80;}      
  .opq75{color:#000; background: #eee; filter:alpha(opacity=70); -moz-opacity:0.75; opacity: 0.75;}  
  .opq70{color:#000; background: #eee; filter:alpha(opacity=65); -moz-opacity:0.70; opacity: 0.70;}      


a:link, a:visited { color: #069; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }

   textarea.ta{
   scrollbar-3dlight-color:#eee;
   scrollbar-arrow-color:#aaa;
   scrollbar-base-color:#fff;
   scrollbar-darkshadow-color:#fff;
   scrollbar-face-color:#ddd;
   scrollbar-highlight-color:#ccc;
   scrollbar-Track-Color:#fff;
   }
   
  input, textarea, select{
   background: #ffffcc;
   background-repeat: no-repeat;
   border: 1px #a2a2a2 solid;
   margin-top: 1px;   
   padding-left:2px;  padding-right:2px;
  }
  input, select, option {height: 17px; font-size: 11px;}
  
  input.rq, select.rq, option.rq{
   background: #ffff66;
   background-image: url('/pres/rs/img/global/iconRequired.gif');
   background-repeat: no-repeat;   
   padding-left:18px;
  }
  input.buck{
   background-image: url('/pres/rs/img/global/iconDollar.gif');
   background-repeat: no-repeat;   
   padding-left:18px;
  }
  input.username {
   background: #ffff66;
   background-image: url('/pres/rs/img/global/iconUsername.gif');
   background-repeat: no-repeat;   
   padding-left:18px;
  }
  input.password {
   background: #ffff66;
   background-image: url('/pres/rs/img/global/iconPassword.gif');
   background-repeat: no-repeat;   
   padding-left:18px;
  }  
  input.username, input.password, input.bt {height: 18px;}

  input.lovDateRQ {   background: #ffff66;  }
  input.lovDateRO {   background: #ccc;  }
  input.lovDate, input.lovDateRO, input.lovDateRQ {
   background-image: url('/pres/rs/img/global/datePicker.gif');
   background-repeat: no-repeat;   
   padding-left:18px;
  }
  input.search{
   background: #ffff44;
   background-image: url('/pres/rs/img/global/search.gif');
   background-repeat: no-repeat;  
   background-position:left center; 
   padding-left:18px;
   height: 18px;
  }
  input.bt {
   background: #666;
   color: #ffff99;
   cursor: pointer;
  }
  input.bt:FOCUS, input.bt:HOVER {background: #333; color: #ffff00;}
  input.cb {
   border: 0px #a2a2a2 solid;
   margin-top: 0px; 
   padding: 0px;
   background: none; 
  }


  .newAccountMainContainer
  {width: 615px; 
   height:450px; 
   vertical-align:middle; 
   margin:25px; padding:5px; padding-left:25px; padding-right:25px;
   background: #eee;
   color: #333;
  }
.nacTop{margin-top: 5px;}
.naHd{height: 30px; font-size: 20px;}
.naMainBlock{height: 400px; margin-top: 5px;}
.naLn{height: 45px; font-size: 9px; color: #666;}
.naFt{height: 30px; margin-top: 5px;}

.cmTitle{padding-right: 10px; text-align:right; font-size: 200%; background:#fff;  color: #000; border: solid 1px #000; border-left: solid 20px #000;border-right: solid 50px #000;}

.prodColorThum{border:solid 1px #996633;}
.prodColorMain{border:solid 0px #6666CC;position:absolute; top:25px; text-align: center; vertical-align: middle; display: none;}
.imageName{position: relative; float:left; width: 100%; color:#996633; font-size: 9px;}
.prodStyleNameTop{position:relative; width: 100px; float:right; font-size: 200%; text-align: right; padding-right: 5px; vertical-align: top;}
.prodStyleNameTop, .imageName, .prodColorThum{color:#ff0099;}

  .fbfLbl{color: #fff; text-align: right; padding-right: 2px;}
  
.pattern-img-box{width: 100%; height: 150px; border-top :solid 0px #ccc; border-bottom :solid 0px #ddd;}  
  


.bdyVip{background-image: url("/pres/vip/img/bg/vipBG.jpg"); background-attachment:fixed;  }
.div0{width: 100%; }
.divMain{width: 100%; clear: both;}
.defDiv{float:left;}
.main0{ width: 100%;  }

.transBG{filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.7; background: #eee;}

.usd{color: #ff0000;}
.lbl, .lblL, .lblR{color: #888;}
.lblL{ text-align: left; padding-left: 5px;}
.lblR{ text-align: right; padding-right: 5px;}
.valL{ text-align: left; padding-left: 2px;}
.valR{ text-align: right; padding-right: 2px;}


/*defHeader.jsp*/
  .hd0{top: 0px; left:0px; width: 100%; height: 100%;}
  .hdLogoBx{position: relative; float: left; width: 122px;}
  .hdBxRight{position: relative; float: right; width: 300px; text-align: right; vertical-align: font-size: 90%;}

/*defTopMenu.jsp*/
.catBanner{position: relative; float: right; width: 100%;
          vertical-align: middle;
          text-align: center;
          background-repeat: no-repeat;
          width: 100%; height: 200px;
          margin-bottom: 5px;
    }
  .tmBxRight{position: relative; float: left; width: 100%; vertical-align: bottom; text-align: center; font-size: 12px; }
/*Right/Left Content group/elements listing*/
   .elemGroupAL, .elemGroupAR {position: relative; float: left; width: 100% ; margin-bottom: 10px; }
   .elemGroupAR{float: right;}   
   .elemGroupHdAL, .elemGroupHdAR{width:100%; border-bottom: 2px solid #ccc; font-size: 110%; background: #eee;  font-weight: bold; text-align: left;}
   .elemGroupHdAR{text-align: right;}
   .elemGroupRows{float: none; font-size: 11px; padding-left: 3px;}
   .elemTdCnt{padding: 0px; width: 30px;}
   .elemNameAL, .elemNameAR{font-size: 11px; padding-left: 5px; padding-right: 5px; text-align: left;}
   .elemNameAR{text-align: right;}   


/*Moved from rs/css/defStyle.css >>>>>>*/


/*addToCart.jsp*/
.tdFiller{width: 10px;}

/*avlBlock.jsp*/
  .avlTxt{font-weight: bolder;}

/*prodCategoryBar.jsp*/
   .prodCatBanner{position: relative; float: left; width: 100%;text-align: left; width: 100%; padding-bottom: 5px; }
   .prodCatDiv{  position: relative; float: left; width: 100%; margin-bottom: 10px;}
   .prodCatSubDiv{float:right; width: 100%; }
   .prodCatName{text-align:right; padding-right: 5px; font-size: 150%;font-weight: bold; }
   .prodCatSubName{text-align:right; padding-right: 5px; border-right: double 1px #996633; font-size: 110%; font-weight: bold; }
   .curSec{filter:alpha(opacity=70); -moz-opacity:0.6; opacity: 0.7; background: #eee;}

/*prodStyleBlock.jsp*/
  .prodStyleBlock{position: relative; float: left; width: 100%;     }
  .trans{filter:alpha(opacity=80); -moz-opacity:.8; opacity: .8; background: #fff;}
  .opac{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; background: #fff;}

/*prodStyleBar.jsp*/
  .prodStyleBox{position: relative; float: left; width: 100%; height:100%; min-height: 400px; padding-top: 2px; padding-bottom: 10px; text-align: right;}
  .prodStyleName{ text-align: right; font-size: 12px;}
  .prodStyleCurInd{text-align: left; padding-left: 2px; font-size: 14px;}


/*firstResponseTeam.jsp*/
.conBox{position: relative; width: 300px; float: left; padding: 25px;}
   .leftMain{}
   .rightMain{width: 200px; float: right;}

-->

<!-- 

  /*Order/Shipment related*/
  .orderStatusBox, .shipmentStatusBox{float: left; width: 115px; height:175px; margin-top:25px; margin-left: 20px; 
      border: solid 1px #ccc; padding: 5px; 
  }
  .shipmentStatusBox{background:#cc9933;
  }

  /*navBlock.jsp*/
  .blockNav{left: 5px; right: 5px; margin-top: 5px; margin-bottom: 5px; clear:both; text-align: center; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.7; background: #eee; padding-bottom: 2px; padding-top: 2px;}
  .blockNavBox, .blockNavBoxC{ width: 15px;  text-align: center;}
  .blockNavBoxC{font-weight: bold; font-size: 125%;}

/*orderListing.jsp*/

/*orderDetailLines.jsp*/
  .orderLines{margin-top: 10px;}
  .valueL, .valueL0{  padding: 1px; font-weight: bold; text-align: right; border-bottom: solid 1px #ddd;}
  .valueL0{font-weight: normal;}
  .valueIC{text-transform: capitalize;}

/*orderMainSummaryBlock.jsp*/
   .banner{vertical-align: middle;
          text-align: center;
          background-repeat: no-repeat;
          width: 100%; height: 150px;
    }
    .catDiv{ margin:5px; position: relative; float: right; width: 100px; height: 95%; filter:alpha(opacity=70); -moz-opacity:0.6; opacity: 0.7; background: #eee;}
    .catName{text-align:right; padding-right: 5px; font-size: 200%;}
    .catSubName{text-align:right; padding-right: 5px; border-right: double 1px #996633; font-size: 125%; font-weight: bold; }
    .ordSummaryBlock, .ordSummaryBlockSeg, .ordSummaryBlockSegH{padding: 2px; float: none;}
    .ordSummaryBlockSeg{text-transform: capitalize; text-align: right;}
    .curSec{filter:alpha(opacity=70); -moz-opacity:0.6; opacity: 0.7; background: #eee;}

/*orderDetail.jsp*/
  .orderLines{margin-top: 10px;}
  .label{color: #444;text-align: right; padding: 1px; padding-right: 2px; vertical-align: text-top; }
  .value{font-weight: bold; padding: 1px; padding-left: 2px; text-align: left; vertical-align: text-top;}
  .hdTotlasBox{position: relative; width: 135px; float: left; text-align: left;}
  .hdTotlasQty{width: 25px; text-align: right; padding-right: 3px;}
  .hdTotlasVal{width: 75px; text-align: right; }
  .labelLH {background: #eee; filter:alpha(opacity=70); -moz-opacity:.7; opacity: .7;}
   #orderHeaderSection, #orderLineSection, #orderActionSection
   {width:100%; clear:both; float:left; margin-top: 5px;margin-bottom: 25px;}
   .label{width:10%; text-align: right; padding-right: 2px; }
   .labelR{width:10%; text-align: right; padding-right: 2px; color: #666;}
   .valueLS, .labelL{text-align: left; padding-left: 2px; border-bottom: 1px solid #888;border-top: 1px solid #888; }
   .valueLS{color: #000;}
   .valueLS{font-size: 100%; text-align: right;}
   .dateInput{width: 75px;}
   .oaPartNumber{width: 200px;}
   .oaShipStore{width: 150px; margin-right: 2px; margin-left: 2px;}
   .order-orderlines-table td {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}

/*Common*/
#finalizeCartOrder0, #introTFO0, #ordersMain0, #orderHeaderSection, .orderLines
{}
-->    

  .avlIndOut{font-size: 7px; padding-left: 10px; padding-right: 10px;}
  .avlIndOut,.avlIndIn0, .avlIndIn1, .avlIndIn2, .avlIndIn3, .avlIndIn4, .avlIndIn5, .avlIndIn6{font-size: 7px;}
  .avlIndIn0, .avlIndIn1, .avlIndIn2, .avlIndIn3, .avlIndIn4, .avlIndIn5, .avlIndIn6{border: solid 1px #999;}
  .avlIndIn1{background: #ffcc00;}
  .avlIndIn2{background: #ccff99;}
  .avlIndIn3{background: #99ff33;}
  .avlIndIn4{background: #66cc00;}
  .avlIndIn5{background: inherit;}
  .avlIndIn6{background: #ffcc00;}
    
/*Products*/
  .hs{
   overflow:auto; height: 110px; width: 100%;
   margin-bottom:10px;
   scrollbar-3dlight-color:#eee;
   scrollbar-arrow-color:#aaa;
   scrollbar-base-color:#fff;
   scrollbar-darkshadow-color:#fff;
   scrollbar-face-color:#ddd;
   scrollbar-highlight-color:#ccc;
   scrollbar-Track-Color: #eee;
  }


/*Moved from rs/css/defStyle.css <<<<< */  

	#tabInfoTypeSelector li, #pageInfoTypeSelector li {display: inline; list-style-type: none; 
	border: solid 1px #ccc; margin: 2px; padding: 2px; padding-left: 3px;padding-right: 3px;
	background: #333; color: #ffff00; text-align: center;
	}
	
	#pageInfoTypeSelector li {border:none;	border-right: solid 1px #ccc; }