body
{
    font-family: Arial;
    font-size:8pt;   
    color:#000000;
    margin-top:0px;
    margin:0px 0px 0px 0px;
    overflow-y:auto;
    height:100%;
}
a
{
    font-family:Arial;    
    font-size:8pt;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;
    color:#0066cc;
}
a.mainhref
{
    font-family:Arial;    
    font-size:8pt;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;  
    color:#fff;  
}
.autocomplete_completionListElement
{
  	border:1px; 
  	background: #898b91;
  	color: #fff;
  	cursor: hand;  	
  	padding: 1px 1px 1px 3px;
}
.autocomplete_listItem
{
  	text-transform: capitalize;
  	font-size: 8pt;
}    
.autocomplete_highlightedListItem
{
 	background: #fff;
   	color: #000;    	
}
.passwordRed
{
    background-color:#fbc9c9;
    color:#000;
    font-size:7pt;
    font-family:Verdana;  
    padding:1px;  
}
.passwordMaroon
{
	background-color: #ee8585;
	color: #000;
	font-size: 7pt;
	font-family: Verdana;
   padding:1px;  
}
.passwordGreen
{
	background-color: #d7f6d7;
	color: #000;
	font-size: 7pt;
	font-family: Verdana;
	padding: 1px;
}
.passwordLime
{
	background-color: Lime;
	color: #000;
	font-size: 7pt;
	font-family: Verdana;
	padding: 1px;
}
blockquote.bullets
{
	padding-left: 10px;
}
ul.bulletedList
{
	list-style: disc;
} 
a:hover
{
    text-decoration:none;
}
a:visited
{
    text-decoration:none;
}
a.lnkBtn
{
    color:#0066cc;
    text-decoration:none;
    font-family: Arial;
    font-size: 8pt;
}
a.lnkBtn:hover, a:hover
{
    text-decoration:underline;
}
a.lnkBtnWhite
{
    color: #ffffff;
    text-decoration: none;
    font-family: Verdana;
    font-size: 7pt;
}
a.lnkBtnWhite:hover
{
    color: #000000;
    background: #ffffff;
    text-decoration: none;
    font-family: Verdana;
    font-size: 7pt;
}
a.menu
{
    color:#000000;
    font-family: Verdana;
    font-size: 7.5pt;
}
a.menu:visited
{
    color:#000000;
    font-family: Verdana;
    font-size: 7.5pt;
}
select
{
 font-family: Verdana, Arial;
 font-size: 8pt;
}
li.redDot
{
    list-style-image: url(../../images/redDot.jpg);	    
}
.redColumn
{
    background: url(../../images/redDot.jpg) right no-repeat;	
}
li.greenDot
{
    list-style-image: url(../../images/greenDot.jpg);	
}
.greenColumn
{
    background: url(../../images/greenDot.jpg) right no-repeat;	
}
li.yellowDot
{
    list-style-image: url(../../images/yellowDot.jpg);	
}
.yellowColumn
{
    background: url(../../images/orangeDot.jpg) right no-repeat;	
}
li.blueDot
{
    list-style-image: url(../../images/blueDot.jpg);	
}
.blueColumn
{
 background: url(../../images/blueDot.jpg) right no-repeat;	
}
li.orangeDot
{
    list-style-image: url(../../images/orangeDot.jpg);	
}
.orangeColumn
{
 background: url(../../images/orangeDot.jpg) right no-repeat;	
}
li.tealDot
{
    list-style-image: url(../../images/tealDot.jpg);	
}
.tealColumn
{
    background: url(../../images/tealDot.jpg) right no-repeat;	
}
#shortCutIcons {
background:url("../../images/ShortCutsIcons.png") no-repeat;
width:127px;
height:35px;
margin:0;
padding:0;
border:0px;
}

#shortCutIcons span {
display: none;
}

#shortCutIcons li, #shortCutIcons a {
height:35px;
display:block;
}

#shortCutIcons li {
float:left;
list-style:none;
display:inline;
}
#BackBtn{width: 29px;}
#PrintBtn{width:24px;}
#EmailBtn{width:26px;}
#SiteMapBtn{width:24px;}
#SearchBtn{width:24px;}
#BackBtn a:hover {background:url("../../images/ShortCutsIcons.png") 0px -35px no-repeat;}
#PrintBtn a:hover {background:url("../../images/ShortCutsIcons.png") -29px -35px no-repeat;}
#EmailBtn a:hover {background:url("../../images/ShortCutsIcons.png") -53px -35px no-repeat;}
#SiteMapBtn a:hover {background:url("../../images/ShortCutsIcons.png") -79px -35px no-repeat;}
#SearchBtn a:hover {background:url("../../images/ShortCutsIcons.png") -103px -35px no-repeat;}

/* This is for the first top menu's links when */
/*#TopMenuIcons {
background:url("../../images/topMenu.jpg") no-repeat;
width:100%;
margin:0;
padding:0;
}
*/
#TopMenuIcons span {
display: block;
}

#TopMenuIcons li, #TopMenuIcons a {
display:block;
}

#TopMenuIcons li {
float:left;
list-style:none;
display:inline;
}

/*#HomeBtn {width: 45px;}
#CompanyBtn{width:100px;}
#CatalogueBtn{width:124px;}
#DocumentsBtn{width:72px;}
#ContactUsBtn{width:70px;}
#MyAccountBtn{width:77px;}

#HomeBtn a:hover {background:url("../../images/topMenu.jpg") 0px -35px no-repeat;}
#CompanyBtn a:hover {background:url("../../images/topMenu.jpg") -45px -35px no-repeat;}
#CatalogueBtn a:hover {background:url("../../images/topMenu.jpg") -145px -35px no-repeat;}
#DocumentsBtn a:hover {background:url("../../images/topMenu.jpg") -269px -35px no-repeat;}
#ContactUsBtn a:hover {background:url("../../images/topMenu.jpg") -341px -35px no-repeat;}
#MyAccountBtn a:hover {background:url("../../images/topMenu.jpg") -411px -35px no-repeat;}

li.HomeBtnOver {background:url("../../images/topMenu.jpg") 0px -35px no-repeat;}
li.CompanyBtnOver {background:url("../../images/topMenu.jpg") -45px -35px no-repeat;}
li.CatalogueBtnOver {background:url("../../images/topMenu.jpg") -144px -35px no-repeat;}
li.DocumentsBtnOver {background:url("../../images/topMenu.jpg") -270px -35px no-repeat;}
li.ContactUsBtnOver {background:url("../../images/topMenu.jpg") -340px -35px no-repeat;}
li.MyAccountBtnOver {background:url("../../images/topMenu.jpg") -411px -35px no-repeat;}*/

/* Green Initiative Icons for Boards */
.boardIcons_recycle,
.boardIcons_iso,
.boardIcons_fsc,
.boardIcons_adhesive
{
	background: url('../../images/Products/Boards/Boards_Icons.jpg') no-repeat;
	height: 140px;
	text-align:center;	
}
.boardIcons_recycle
{
	background-position: -0px -0px;
}
.boardIcons_fsc
{
	background-position: -0px -140px;
}
.boardIcons_adhesive
{
	background-position: -0px -280px;
}
.boardIcons_iso
{
	background-position: -0px -420px;
}

/* This is for the shredders' icons */
.clipIcon,
.cdIcon,
.cardIcon,
.headphonesIcon,
.stapleIcon,
.paperIcon,
.binIcon,
.shredderIcon,
.plugIcon,
.autofeedIcon
{
 background:url('../../images/ShredderIcons.jpg') ; 
 background-repeat: no-repeat;
 height:37px;
 padding-left: 30px;
 vertical-align:middle;
}
.clipIcon
{
 background-position:0px -0px;
}
.cdIcon {
background-position:0px -37px;
}
.cardIcon {
background-position:0px -75px;
}
.headphonesIcon {
background-position:0px -112px;
}
.stapleIcon {
background-position:0px -149px;
}
.paperIcon {
background-position:0px -186px;
}
.binIcon {
background-position:0px -222px;
}
.shredderIcon {
background-position:0px -260px;
}
.plugIcon {
background-position:0px -296px;
}
.autofeedIcon {
background-position:0px -333px;
}
img
{
    border-style: none;
	border-color: inherit;
	border-width: 0px;	
}
img.withBlueBorder
{
    border: 2px solid #0066cc;
}
table
{
    border-collapse:collapse;
    border-color:#000000;
}
table.legend
{
    border: 0px;
    width:90%;
    text-align:center;
    font-size: 8pt;
    font-family: Arial, Verdana;
}
table.legend td
{
    width:33%;
    text-align:left;
    font-size: 8pt;
    font-family: Arial, Verdana;
}
td.legendHeader
{
    text-decoration: underline;
}
table.legendWithBorder
{
    font-size: 8pt;
    font-family: Arial, Verdana; 
    width:465px; 
    border:1px solid #898b91;
}
table.legendWithBorder th
{
    color:#fff;
    background:#898b91;
    font-weight:bold;
    font-size:9pt;
    text-align:center;
}
td.legendText
{
    width:25%;   
    color:#898b91;
    vertical-align:middle;  
}
.topTable
{
    background-color:#ffffff;
    border:1px;
    border-collapse:collapse; 
    border-color:White;  
}
table.tblCentered
{
    text-align:center;
    vertical-align:top;    
}
table.visible
{
    visibility:visible;
}
table.hidden
{
    visibility:hidden;
}
span.help
{
    cursor:help;
}
td
{
    border-color:#007799;  
}
.tdHead1
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #da2728;
    font-weight:bold;
}
.tdHead1Black
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #3b3838;
    font-weight:bold;
}
td.separator
{
    height:3px;
}
td.dotted
{
   border-bottom: dotted 1px #e7e8e9;   
}
td.dottedblue
{
   border-bottom: dotted 1px #007799;   
}
td.paddedLeftBy25
{
    padding-left:25px;
}
td.blue
{
    text-align:left;
    font-size: 8pt;
    color:#007799;
    vertical-align:top;
}
td.blueCentered
{
    text-align:center;
    font-size: 8pt;
    color:#007799;
    vertical-align:top;
}
td.green
{
    text-align:left;
    font-size: 8pt;
    color:#198c58;
    vertical-align:top;
}
td.orange
{
    text-align:left;
    font-size: 8pt;
    color:#f48000;
    vertical-align:top;
}
td.red
{
    text-align:left;
    font-size: 8pt;
    color:#eb3d00;
    vertical-align:top;    
}
td.gray
{
    text-align:left;
    font-size: 8pt;
    color:#00000c;
    vertical-align:top;
}
td.black
{
    text-align:left;
    font-size: 8pt;
    color:#000000;
    vertical-align:top;
}
td.right
{
    text-align:right;    
    vertical-align:top;
}
td.rightFloat
{
	float:right;
	text-align:right;
	background-image: url(../../images/grayBar.jpg);
    background-repeat:repeat-x;
}
td.blackSmall
{
       font-family:arial;
       font-size:7pt;
       color:#000000;
       vertical-align:top;
       text-align:right;
}
td.blueBack
{
    background-color:#ccdee8;
    text-align:center;  
    font-family:Arial;
    font-size:8pt;  
}
td.center
{
    text-align:center;
    font-size:9pt;
    font-family:Arial;       
}
td.centerSmall
{
    text-align:center;
    font-size:8pt;
    font-family:Arial;    
}
td.txtCenter
{
    text-align:center;
    font-family:Arial;
    font-size:8pt;
    color:#007799;
}
.midAlignLightBlue
{
	vertical-align: middle;
	background:#f1f7fa;
	color:#007799;
	border:solid 1px #007799;
}
.ShopQty,.ShopList,.ShopOrder,.ShopTotal
{
background:url('../../images/cartimages/shoppingbar.png') ; 
background-repeat: no-repeat;
height:50px;
}
.ShopQty
{
background-position:0px -0px;
padding-top:5px;
text-align:center;
width:124px;
font-family:verdana, Arial;
font-size:7pt;
font-weight:bold;
}
.ShopList
{
  background-position:-124px -0px;
  margin-top:-5px;
  padding:0px;
  width :43px;
  cursor : hand;
}
.ShopOrder
{
  background-position :-168px -0px;
  margin-top:0px;
  padding:0px;
  width :43px;
  cursor : hand;
}
.ShopTotal
{
background-position:-210px -0px;
padding-top:5px;
text-align:center;
width:125px;
font-family:verdana, Arial;
font-size:7pt;
font-weight:bold;
}
td.ShopCartLnk
{
    width:64px;
}
table.blueBack
{
    background-color:#ccdee8;
    text-align:center;  
    font-family:Arial;
    font-size:8pt; 
    border: solid 1px #007799; 
    padding:3px;
}
a.menuLinks
{
	color:#fff;
	font-family: Verdana,Arial;	
	font-size: 7pt;
}
a.topMenuLinks
{
	color: #898b91;
	font-size: 7pt;
	font-family: Verdana, Arial;
}
a.topMenuLinks:hover
{
	color: #000;
	font-size: 7pt;
	font-family: Verdana, Arial;
}
td.blackBgWhiteText
{
    text-align: left;
    font-family: Verdana;
    font-size: 7pt;
    color: #ffffff;
    background: #000000;
}
td.whiteBgGrayText
{
    text-align: left;
    font-family: Verdana;
    font-size: 7pt;
    color: #898b91;
    background: #ffffff;
}
.tdMenu
{
    background-color: #007799;
    font-family: Arial;
    font-size:8pt;
    color:#ffffff;
    cursor:pointer;
    border: 1px solid #cecece;
}
.tdRed
{
    background-color:Red;
}
.tdBottom
{
    background-color:#ffffff;
    font-size:8pt;
    text-align:center;
    color:#000000;
    height:15px;
}
td.small{
   font-family:arial;
   font-size:8pt;
   color:#000000;         
} 
input.txtverySmall{
   font-family:arial;
   font-size:7pt;
   color:#007799;         
}                 
td.BorderBottom
{
    vertical-align: top;
    background-position: right top;
    background-image: url(../../images/borderBottom.jpg);
    background-repeat: repeat-x;
}
td.TopTdGray
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/grayBar.jpg);
    background-repeat:repeat-x;    
    text-align:right;
}
tr.TopTdGray
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/grayBar.jpg);
    background-repeat:repeat-x;    
    text-align:right;
}
td.whiteBg
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/blueBar.jpg);
    background-repeat: repeat-x;
}
td.topBgGreenBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgGreenBar.jpg);
    background-repeat: repeat-x;
}
td.topBgYellowBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgYellowBar.jpg);
    background-repeat: repeat-x;
}
td.topBgOrangeBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgOrangeBar.jpg);
    background-repeat: repeat-x;
}
td.topBgRedBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgRedBar.jpg);
    background-repeat: repeat-x;
}
td.topBgGrayBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgGrayBar.jpg);
    background-repeat: repeat-x;
}
td.topBgBlackBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgBlackBar.jpg);
    background-repeat: repeat-x;
}
td.topBgPurpleBar
{
    vertical-align: top;
    background-position: left top;
    background-image: url(../../images/topBgPurpleBar.jpg);
    background-repeat: repeat-x;
}
td.smallBarBlue
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/blueBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarGreen
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/greenBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarYellow
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/yellowBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarOrange
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/orangeBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarRed
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/redBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarGray
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/grayBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarBlack
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/blackBarSmall.jpg);
    background-repeat: repeat-x;
}
td.smallBarPurple
{
    vertical-align: top;
    text-align:left;
    background-position: left top;
    background-image: url(../../images/purpleBarSmall.jpg);
    background-repeat: repeat-x;
}
td.rightBorder
{
    background-position: right top; 
    background-image: url(../../images/borderRight.jpg); 
    background-repeat: repeat-y;
}
td.leftBorder
{
    background-position: left top; 
    background-image: url(../../images/borderLeft.jpg); 
    background-repeat: repeat-y;
    width:1px;
}
td.centerBorder
{
    background-position: center top; 
    background-image: url(../../images/borderLeft.jpg); 
    background-repeat: repeat-y;
    width:1px;
}
popUp
{
    color:#000000;
    background-color:#da2728;
    font-family:Arial;
    font-size:8pt;
}
#popupcontent{
 position: absolute;
 visibility:hidden;
 overflow:hidden;
 border:10px solid #ccc;
 background-color:#f9f9f9;
 border:10px solid #da2728;
 padding:5px;
 width: 300px; 
 height: 200px; 
 top: 20%; 
 left: 50%; 
 /*margin-top: -50px;*/  
 margin-left: -13%;
}
div.panel
{
    overflow:auto;
    width:100%;
    height:359px;
}
.tipswithBg
{
    background:url (../../images/grayBar.jpg) repeat-x;    
}
.noscroll
{
  overflow: hidden;  
}
div.mainPgs
{
    overflow:auto;
    height:320px;
    width:98%;
}
div.short
{
    overflow:auto;
    height:294px;
    width:98%;
}
div.med
{
    overflow:auto;
    border:0px;
    height:320px;
    width:98%;
}  
div.long
{
    overflow:auto;
    height:200px;
    width:50%;
}  
div.noScroll
{
    width:98%;     
    overflow:auto;
    text-align:left; 
}   
div.hidden
{
    visibility:hidden;
}
div.visible
{
    visibility:visible;
}
div.center
{
	text-align:center;
}
.login
{
    font-family:Arial;
    font-size:X-SMALL;
    color:#000000;
}
.txtBox
{
    width:95%;
    font-size: 8pt;
    color:#007799;    
}
.inputlarge
{
	font-size: 9pt;
    color:#007799;    
}
.listItems
{
    width:95%;
    font-size: 8pt;
    color:#007799;
    cursor:hand;
    cursor:pointer;
}
.dropDownList
{
    width:70%;
    font-size: 8pt;
    color:#007799;
}
.loginTitle
{
    font-family:Arial;
    font-size:10pt;
    color:#ffffff;
    background-color: #007799;
    font-weight: bold;
}
.heading1
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #007799;
    font-weight:bold;
    text-align:left;
}
.heading1Green
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #1e9b63;
    font-weight:bold;
}
.heading1Orange
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #f48000;
    font-weight:bold;
}
.heading1Red
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #000000;
    font-weight:bold;
}
.heading1Gray
{
    font-family:arial;
    font-size:10pt;
    text-transform:uppercase;
    color: #000000;
    font-weight:bold;
    text-align:left;
}
.heading2 
{
    font-family:arial;
    font-size:9pt;    
    color: #035269;
    font-weight:bold;
    text-align:left;
}
.heading2Green
{
    font-family:arial;
    font-size:9pt;    
    color: #000000;
    font-weight:bold;
}
.heading2Orange
{
    font-family:arial;
    font-size:9pt;    
    color: #000000;
    font-weight:bold;
}
.heading2Red
{
    font-family:arial;
    font-size:9pt;    
    color: #000000;
    font-weight:bold;
}
.heading2Green
{
    font-family:arial;
    font-size:9pt;    
    color: #009966;
    font-weight:bold;
}
.heading2Yellow
{
    font-family:arial;
    font-size:9pt;    
    color: #fbcf02;
    font-weight:bold;
}
.heading2Gray 
{
    font-family:arial;
    font-size:9pt;    
    color: #898b91;
    font-weight:bold;
}
.heading2Orange 
{
    font-family:arial;
    font-size:9pt;    
    color: #f48000;
    font-weight:bold;
}
.heading2Black
{
    font-family:arial;
    font-size:9pt;    
    color: #000000;
    font-weight:bold;
}
.heading3
{
    font-family: arial;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;  
    text-align:left;  
}
.heading4
{
    font-family: arial;
    font-size: 8pt;
    color: #da2728;
    font-weight: bold;    
    text-align:left;
}
hr
{
    color:#000000;
    height:1px;
}
hr.dots
{
   border-bottom: dotted 1px #e7e8e9;   
}
.gridHead
{
    background-color: #007799;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: center;
    border: 1px;  
    border-color:#007799;
    border-collapse:collapse;     
}
.gridHeadGreen
{
    background-color: #198c58;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: center;
    border: 1px;  
    border-color:#007799;
    border-collapse:collapse;    
    vertical-align:top; 
}
.gridHeadYellow
{
    background-color: #feed32;
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: center;
    border: 1px;    
    vertical-align:top; 
}
.gridHeadOrange
{
    background-color: #e28d32;
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: center;
    border: 1px;    
    vertical-align:top; 
}
.gridHeadRed
{
    background-color: #cc4f23;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: center;
    border: 1px;   
    border-collapse:collapse;
    border-color:#000000;
    vertical-align:top; 
}
.gridHeadGray
{
    background-color: #898b91;
    color: #ffffff;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;
    text-align: left;
    border: 1px;  
    text-transform: uppercase; 
    vertical-align:top; 
}
.gridHeadBlack
{
    color: #ffffff;
    background-color:#000000;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;    
    text-transform: uppercase; 
    vertical-align:top; 
}
.gridHeadPurple
{
    color: #ffffff;
    background-color:#a14875;
    font-family: Arial;
    font-size: 10pt;
    font-weight:bold;    
    text-transform: uppercase; 
    vertical-align:top; 
}
.gridItem
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border: solid 1px #e7e8e9;
     border-collapse:collapse;
     vertical-align:top;    
     color:#007799;   
}
.gridItemNoBorder
{
     font-size: 8pt;
     font-family: Arial;
     font-weight: normal;
     text-transform:uppercase;
     border: 0px;          
     color:#007799;      
}
.gridHover
{
     background-color: #c3dcfa;
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border: 0px;          
}
.gridItemGreen
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border-color:#198c58;
     border-collapse:collapse;
     border-width: 1px;   
     text-align:center;    
     vertical-align:top;  
     color:#198c58;     
}
.gridItemYellow
{
     color:#3b3838;     
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     vertical-align:top;     
}
.gridItemOrange
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     vertical-align:top;  
     color:#f48000;   
}
.gridItemRed
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border-color:#cc4f23;
     border:1px;
     border-collapse:collapse;
     vertical-align:top;
     color:#918e8e;
}
.gridItemGray
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;     
     vertical-align:top;
     color:#918e8e;     
}
.gridItemPurple
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;     
     vertical-align:top;
     color:#903c67;     
}
.gridItemLeft
{
     font-size: 8pt;
     font-family: Arial;
     text-align:left;
     text-transform:uppercase;
     border-collapse:collapse;
     border-width: 1px;     
     vertical-align:top;
}
.gridItemRight
{
     font-size: 8pt;
     font-family: Arial;
     text-align:right;
     text-transform:uppercase;
     border-collapse:collapse;
     border-width: 1px; 
     vertical-align:top;    
}
.gridItemAlt
{
     background-color: #f1f7fa;
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border-color:#007799;
     border-collapse:collapse;
     border-width: 1px;
     vertical-align:top;
}
.gridItemAltOrange
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     vertical-align:top;
}
.gridItemAltRed
{
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border-color:#cc4f23;
     border:1px;
     border-collapse:collapse;
     vertical-align:top;
     color:#918e8e;
}
.gridItemAltGray
{
     background-color: #f6f5f5;
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     vertical-align:top;
     color:#918e8e;
}
.gridItemAltGreen
{
     background-color: #ebf8f2;
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     border-color:#198c58;
     border-collapse:collapse;
     border-width: 1px;
     vertical-align:top;
     color:#198c58;
}
.gridItemAltPurple
{
     background-color: #fcf3f8;
     font-size: 8pt;
     font-family: Arial;
     text-transform:uppercase;
     vertical-align:top;
     color:#903c67;
}
.gridSelected
{
    background-color:#c6dae5;
    font-size:8pt;    
    vertical-align:top;
}
.gridSelectedGreen
{
    color:#198c58; 
    background-color:#cee7cc;
    font-size:8pt;    
    vertical-align:top;
}
.gridSelectedYellow
{
    background-color:#fffbd9;    
    vertical-align:top;
}
.gridSelectedOrange
{
    color:#605d5b;   
    background-color: #f5daba;
    font-size:8pt;    
    vertical-align:top;
}
.gridSelectedRed
{
    font-size:8pt;
    color:#eb3d00;    
    background-color: #f9ede8;
    vertical-align:top;
}
.gridSelectedGray
{
    background-color: #c1c2c3;
    font-size:8pt;
    color:#000000;
    vertical-align:top;
}
.gridSelectedPurple
{
    background-color: #b65a89;
    font-size:8pt;
    color:#ffffff;
    vertical-align:top;
}
.gridShopAlt
{
    background-color:#f9f9f9;
    font-size: 8pt;
    font-family: Arial;
    text-transform:uppercase;
    border-color:#000000;
    border-collapse:collapse;
    border-width: 1px;    
    vertical-align:top; 
    color:#007799;
}
.Message
{
    font-family:Arial;
    font-size:10pt;
    color:#da2728;    
}
.MessageBlack
{
    font-family:Arial;
    font-size:10pt;
    color:#000;    
}
.txtRed
{
    color:#da2728;    
}
.txtSmall{
    font-family:arial;
    font-size:8pt;
    color:#da2728;    
}
.txtBlackSmall{
    font-size:7pt;
    font-family:arial;
    color:#000000;
}   
.txtRedSmall{
    font-family:arial;
    font-size:8pt;
    color:#000000;
    text-decoration:underline;
} 
.whiteTxt
{
    color:#ffffff;
    font-size:8pt;    
}
.whiteHeading
{
    color:#ffffff;
    font-size:12pt;
    font-weight:bold;    
}
.blackText
{
    color:#000000;
    font-size: 9pt;
}    
input 
{
    font-family:arial;
    font-size:8pt;
    color: #007799; 
}
input[type=text], select 
{
    font-family:arial;
    font-size:8pt;
    color: #007799;
    border: 1px solid #007799;
}
input.buttons
{
	font-family: :arial;
	font-size: 8pt;
	color: #007799;
}
.kitNumber
{
    text-align:right;
    font-size:8pt;
    color:#007799;
    vertical-align:top;
    text-transform:none;    
}
li.webRightAllow
{
    list-style-image: url(../../images/webRight_true.png);	
     cursor: hand;
}    
li.webRightDisAllow
{
    list-style-image: url(../../images/webRight_false.png);	   
}    
.site
{
    color:#007799;
    font-family: Arial;
    font-size:8pt;
    text-decoration: none;    
    font-weight:bold;
}
.menu
{
    font-family: Arial;
    color:#ffffff;
    font-size: 8pt;
    border-color: #007799;
    text-decoration:none;
    border-width:1px;
}
.menuHover
{
    color: #ffffff;
    border-color: #007799;
    text-decoration:none;    
}
P.BreakHere
{
  page-break-before: always;  
}
.NormalGreen 
{  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 12px; 
  color: #6699cc
}
.BoldNormalGreen 
{  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  line-height: 12px; 
  font-weight: 600; 
  color:  #6699cc
}
.ClickRowGreen
{
  font-size: 11px;
  cursor: hand;
  color: green;
  line-height: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}
input.gsc-input {
  color: #007799;
  width:300px;
  font-size:8pt;
}
.MenuItems
{
	font-family: Verdana, Arial;
	font-size: 7pt;
	color:#898b91;
	border:1px;
	border-color: #000;
	border-collapse: collapse;
	padding: 3px;
	background: #e7e8e9;
}
.MenuItemsHover
{
	font-family: Verdana, Arial;
	font-size: 7pt;
	color:#000;
	border: 1px;
	border-color: #000;
	border-collapse: collapse;	
	padding: 3px;
	background: #e7e8e9;
}
/*1. remove bullets from Menu */
#navigation {width:120px; font-size:12px; font-size: 8pt; font-family: Verdana, Arial; padding:0px; color:#fff;}
#navigation ul {margin:0px; padding:0px; color:#fff;}

#navigation ul li {
height:auto;
line-height: normal; 
list-style:none; 
padding-left:5px;
color:#fff; 
border-top:#fff solid; 
border-bottom:#fff solid; 
border-width:0px;
cursor:pointer;}

#navigation ul li:hover {position:relative; padding:0px; color:#fff;}

/*Sub Menu*/
#navigation ul ul {display:none; position:absolute; padding:0px; left:118px; top:5px; border:none; border-width:0px; background-color:#837f7e;color:#fff; }
#navigation ul li:hover ul {display:block;}

#navigation ul ul li {width:120px; float:left; display:inline; border:0px; padding:0px;color:#fff;}
#navigation ul ul li:hover {text-decoration:none; border:0px; color:#fff; background:#007799;}

#navigation li:hover ul li ul {display:none;color:#fff;}

#navigation ul ul li ul {left:110px; background-color:gray;color:#fff;}
#navigation ul ul li:hover ul {display:block;color:#fff;}

.lnkbtn
{
	color: #fff;
	font-size: 8pt;
}
.lnkbtn a
{
	color:#fff;
}
.lnkbtn a:visited
{
	color:#fff;
}
.lnkbtn a:hover
{
	color:#fff;
}
.hiddenInput  
{
  	display: none 
}

div.Menu    /* Left hand side menu for products */
{ 
  display :none; 
  vertical-align :top;   
  width:635px;
  background-color:#fff;
  color:#000;
  height: auto;
  border:solid 1px #898b91;
  /* for IE */
  filter:alpha(opacity=97);
  /* CSS3 standard */
  opacity:0.97;
  }
/* START - styles for the dropdown menu 
* {padding:0; margin:0;}*/
li.MenuTop, ul.MenuTopItems
{
	padding:0px; 
	margin:0px;	
}
.dropdown 
{
	float:left; 
	padding-right:5px;
	padding:0px; 
	margin:0px;
	left:0px;
}	
.dropdown dt 
{
	width:150px; 
	border:0px; 
	padding:0px; 
	font-weight:bold; 
	cursor:pointer;
	text-align: left;
	padding:0px; 
	margin:0px;	
}
.dropdown dt:hover 
{
	/*background: #837f7e;
	font-weight: bold;*/
}
.dropdown dd 
{
	position:absolute; 
	overflow:hidden; 
	width:150px; 
	display:none; 
	background:#fff; 
	/*z-index:200; */
	text-align: left;
	opacity:0;	
}
.dropdown ul
{
	width:149px; 
	list-style:none; 
	border-right:1px;
	text-align: left;
	padding:0; 
	margin:0;
}
.dropdown li 
{
	display:inline;
	padding:0; 
	margin:0;
}
.dropdown a, .dropdown a:active, .dropdown a:visited 
{
	display:block; 
	padding:2px; 
	color:#000; 
	text-decoration:none; 
	background:#dfdfe0; 
	width:149px;
	margin:0px;	
}
.dropdown a:hover {background:#837f7e; color:#fff; font-weight:bold;}
.dropdown .underline {border:solid 1px #e7e8e9; border-collapse:collapse;}
/* END - styles for the dropdown menu */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #007799;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Verdana, Arial;
	color:			#fff;
	background:		#007799;
	text-align:     center; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px;
}
#imgbox 
{
    vertical-align : middle;
    position : absolute;
    border: 2px solid #007799;
    filter: Alpha(Opacity=100);
    visibility : hidden;
    /*height : 200px;
    width : 200px;*/
    z-index : 50;
    overflow : hidden;
    text-align : center;
}
/* style for message box ---------------------------------------------------------------------*/
.msgWindow 
{
	background: #000;
	border: solid 1px #000;
	padding:2px;
	width:400px;
	top	:0px;
	left:0px;	
	position:absolute;
	visibility:hidden;
}
.msgTitle
{
	background: #000;
	font-family: Verdana, Arial;
	font-size: 14pt;
	color:#fff;
	padding:2px;
	border-bottom: solid 1px #007799;
}
.msgText
{
	font-size: 9pt;
	color: #000;
	padding: 10px 2px 10px 2px;	
	background: #fff;
}
.msgControls
{
	text-align:center;
	border-top: solid 1px #007799;
	padding:10px;
	height:30px;
}
.btnMsg
{
	background: #000;
	border: solid 1px #fff;
	color:#fff;
	font-size:9pt;
	width: 100px;
}
/* START classes for lightbox (image gallery) */
#gallery
{
	padding: 10px;
	width: 400px;	
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img 
{
	padding: 5px 5px 20px;	
	border: 0px;	
}
#gallery ul a:hover img 
{
	border: 1px solid #898b91;	
}
#gallery ul a:hover { color: #fff; }
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* END classes for lightboxes*/

/* This is for the staplers & punches icons */
.stpleSizeIcon,
.staplePagesPurpleIcon,
.staplesPagesBlueIcon,
.staplesPagesLiteBlueIcon,
.staplesPagesOrangeIcon,
.staplesPagesPinkIcon,
.staplesNoBreakIcon,
.punchSheetsIcon,
.punchCenterIcon,
.punchLidIcon
{
 background:url('../../images/Products/OfficeEquipments/staplerIcons.gif'); 
 background-repeat: no-repeat;
 height:60px;
 width:70px;
 padding-left:30px;
 vertical-align:middle;
 background-position:center;
}
.staplesPagesOrangeIcon
{
 background-position:0px -0px;
}
.staplesPagesBlueIcon {
background-position:0px -60px;
}
.staplePagesPurpleIcon {
background-position:0px -117px;
}
.stpleSizeIcon {
background-position:0px -177px;
}
.punchSheetsIcon {
background-position:0px -237px;
}
.punchCenterIcon {
background-position:0px -297px;
}
.punchLidIcon {
background-position:0px -354px;
}
.staplesPagesLiteBlueIcon {
background-position:0px -413px;
}
.staplesPagesPinkIcon{
background-position:0px -473px;
}
.staplesNoBreakIcon
{
	background-position:0px -532px;
}

/* End staples & punches icons*/
.leftStyleGallery
{
    background: url('../../images/galleryBG.jpg') repeat;
}
.magnifier
{
    cursor:hand;
}

/*START - styles for the promotions block*/
#divPromoContainer
{
    background: url(../../images/Promotions/test.jpg) center no-repeat;
    height:500px;
    width:100%; 
    text-align:center;       
}
#divPromoDetails
{
    width:100%;
    padding-top:180px;
    padding-left:250px;
    text-align:center;
    font-size:11pt;
    font-weight:bold;
    font-family:Myriad Pro;
    color:#383838;    
    text-align:center;   
}
#divPrice
{
    width:100%;    
    text-align:center;
    font-size:24pt;
    font-weight:bold;    
    text-align:center;               
}    
#divPromoDates
{
    width:100%;
    height:140px;
    padding-top:15px;
    text-align:center;   
}
#divPromoButtons
{
    padding-top:10px;
    padding-right:5px;    
}
#divPromoMessage
{
    font-size:9pt;
    text-align:center;
    color:teal;
    font-weight:bold;
    font-family:Myriad Pro, Arial, verdana;
    padding-left:600px;   
    text-align:center;   
    width:200px;
    height:35px;        
}
.redPromoAsterik
{
    font-size:15pt;
    color:#eb3d00;
    font-family:Myriad Pro;
}
/*END -------------------------- styles for the promotions block*/    

.circleBlack
{
    height:25px;
    width:25px;
    text-align: center;
    color:#fff;
    font-family: Verdana, Arial;
    font-size:8pt;
    /*font-weight:bold;*/
    background: url(../../images/circle_black.jpg) no-repeat;
    background-position:top;
    vertical-align:top;
    padding-top:3px;
    padding-left:4px;
}

.MOClickRowGreen
{
  padding-right: 1px; 
  color: green;	
  border-top: black 1px solid; 
  padding-left: 1px; 
  font-size: 8pt; padding-bottom: 1px; padding-top: 1px; font-family: Sans-Serif, Arial; background-color: #ffffff; }
.ClickParrotGreyBgrndGreenRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;font-weight: bold;	border-right-style: none;	background-color: #ececec;color:green}
.ParrotGreyBgrndGreenRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;font-weight: bold;	border-right-style: none;	background-color: #ececec;color:green}
.MOClickParrotGreyBgrndGreenRow{	cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; font-weight: bold;color: White; 	border-right-style: none;	background-color: limegreen;}
.MOParrotGreyBgrndGreenRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; font-weight: bold;color: White; 	border-right-style: none;	background-color: limegreen;}
.ClickParrotWhiteBgrndGreenRow{	border-top: black 1px solid;	font-weight: bold;	font-size: 8pt;	cursor: hand;	color: green;	font-family: Sans-Serif, Arial;	border-left-style: none;	background-color: #ffffff;}
.ParrotWhiteBgrndGreenRow{	border-top: black 1px solid;	font-weight: bold;	font-size: 8pt;	color: green;	font-family: Sans-Serif, Arial;	border-left-style: none;	background-color: #ffffff;}
.MOClickParrotWhiteBgrndGreenRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;font-weight: bold;	font-family: Sans-Serif, Arial;color: White;	border-left-style: none;	background-color: limegreen;}
.MOParrotWhiteBgrndGreenRow{border-top: black 1px solid;font-size: 8pt;font-weight: bold;	font-family: Sans-Serif, Arial;color: White;	border-left-style: none;	background-color: limegreen;}

.TitleBlue {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: 600; font-style: normal; line-height: normal; color: #6699cc}
.NormalBlue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: #6699cc}
.BoldNormalBlue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: 600; color:  #6699cc}
.SmallNormal {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:  #6699cc; line-height: normal} 
.ClickItemBlue {   cursor:hand;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color:  #6699cc; text-decoration: none}
.MOClickItemBlue { font-weight:500; font-size: 11px;	cursor: hand;	color: white;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	background-color: #6699cc;	text-decoration: none;}
.ClickItemLrgBlue { font-family: Arial, Helvetica, sans-serif; font-weight:600; font-size: 13px; line-height: 16px; color:  #6699cc; text-decoration:none }
.MOClickItemLrgBlue { font-family: Arial, Helvetica, sans-serif;   font-weight:600;  font-size: 13px; line-height: 16px; color:  #FF0000; text-decoration: none  }
.ClickRowBlue {  cursor:hand;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: Black; text-decoration: none}
.MOClickRowBlue{ 	padding-right: 1px; 	border-top: black 1px solid; 	padding-left: 1px; 	font-size: 8pt;	padding-bottom: 1px; 	padding-top: 1px; 	font-family: Sans-Serif, Arial; 	background-color: #ffffff; }

.NoUnderlineSmallBlue { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-justify: distribute;  text-align: left; line-height: 10px; color:  #008080; text-decoration: none}
.NoUnderlineSquashedBlue { cursor:hand ;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 88%;  text-justify: distribute;  color: #00AFC3; text-decoration: none}
.MONoUnderlineSquashedBlue {cursor:hand ;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 102%;  text-justify: distribute;  font-weight:600; color:  #008080; text-decoration: none}

.TitleRed {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; line-height: 15pt; font-weight: 600; color:  #FF0000}
.NormalRed{	font-size: 11px;	color: #FF0000;	font-family: arial, helvetica, "sans serif";}
.BoldNormalRed {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; font-weight: 600; color: #FF0000}
.SmallNormalRed {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: normal; color:  #FF0000}
.ClickItemRed { font-family: Arial, Helvetica, sans-serif;  font-weight:600; font-size: 11px; color:  #FF0000; text-decoration: none }
.MOClickItemRed { font-family: Arial, Helvetica, sans-serif;  font-weight:600; font-size: 11px; color:  #FF0000; text-decoration: none }
.ClickRowRed {font-weight: 500;	font-size: 11px;	cursor: hand;	color: white;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	background-color: red;	text-decoration: none;}
.MOClickRowRed {font-weight: 500;	font-size: 11px;	cursor: hand;	color: white;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	background-color: red;	text-decoration: none;}
.ClickParrotGreyBgrndRedRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: #ececec;color:Red}
.kParrotGreyBgrndRedRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: #ececec;color:Red}
.MOClickParrotGreyBgrndRedRow{	cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; color: White; 	border-right-style: none;	background-color: Red;}
.MOParrotGreyBgrndRedRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; color: White; 	border-right-style: none;	background-color: Red;}
.ClickParrotWhiteBgrndRedRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;	border-left-style: none;background-color: #ffffff; color:Red}
.ParrotWhiteBgrndRedRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;	border-left-style: none;background-color: #ffffff; color:Red}
.MOClickParrotWhiteBgrndRedRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;color: White;	border-left-style: none;	background-color: Red;}
.MOParrotWhiteBgrndRedRow{border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;color: White;	border-left-style: none;	background-color: Red;}

.ClickParrotWhiteBgrndOrangeRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; font-weight: 400;border-left-style: none;background-color: #ffffff; color: DarkOrange}
.MOClickParrotWhiteBgrndOrangeRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;color: White;border-left-style: none;	background-color: orange;}

.ClickParrotWhiteBgrndGreyRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: White; color: Gray;}
.MOClickParrotWhiteBgrndGreyRow{cursor:hand;border-top: black 1px solid;font-size: 8pt;	font-family: Sans-Serif, Arial; color:Gray; 	border-right-style: none;	background-color: #ececec;}

.TitleBlack { font-weight:  600;  font-size: 13pt; 	line-height: 15pt; 	font-style: italic;	font-family: Arial, Helvetica, sans-serif;}
.BoldLargeBlack { font-family: arial, helvetica, "sans serif"; font-size:13px;line-height:12px; color:#000000 ; font-weight: 600 }
.LargeBlack { font-family: arial, helvetica, "sans serif"; font-size:13px;line-height:12px; color:#000000  }
.BoldHugeBlack{	font-weight: bold;	font-size: 20pt;	color: #000000;	font-family: arial, helvetica, "sans serif"; }
.NormalBlack {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:  Black; 	overflow: hidden;}
.BoldNormalBlack {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; color:  Black;}
.SmallNormalGrey {   font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:Gray; line-height: normal;}
.SmallNormalBlack { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:Black;line-height: normal; }
.ClickItemBlack {  cursor:hand;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: Black  ; text-decoration: none}
.MOClickItemBlack{ cursor: hand;font-family: Arial, Helvetica, sans-serif;	 font-size: 11px; color: white;	line-height: 12px;font-weight:500;	background-color: #6699cc;	text-decoration: none;}
.ClickRowBlack {  cursor:hand;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; color: Black; text-decoration: none}
.MOClickRowBlack { cursor:hand;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; background-color: #6699cc; color: White; text-decoration: none}
 
.ParrotHeaderTD
{
 padding-right: 1px;	
 padding-left: 1px;	
 font-weight: bolder;	
 font-size: 8pt;	
 padding-bottom: 1px;	
 padding-top: 1px;	
 border-bottom: black 1px solid;	
 font-family: Sans-Serif, Arial;
 background-position: right bottom; 
 background-repeat: no-repeat;
 background-color: #dcdcdc;
}
.ParrotFixedRow 
{
 height:20;  
 padding-right: 1px;	
 padding-left: 1px;	
 font-weight: bolder;	
 font-size: 8pt;	
 padding-bottom: 1px;	
 padding-top: 1px;	
 border-bottom: black 1px solid;	
 font-family: Sans-Serif, Arial;
 background-position: right bottom; 
 background-repeat: no-repeat;
 background-color: #dcdcdc;
}	
.tableContainer{overflow: auto;	height: 50; top:20}

.ParrotGreyBorderedRow
{border-top: black 1px solid;font-size: 8pt;
	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: #ececec;}
  
.ClickParrotGreyBorderedRow
{cursor:hand;border-top: black 1px solid;font-size: 8pt;
	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: #ececec;}

.ParrotGreyBorderedRow
{border-top: black 1px solid;font-size: 8pt;
	font-family: Sans-Serif, Arial;	border-right-style: none;	background-color: #ececec;}	

.MOClickParrotGreyBorderedRow
{cursor:hand;border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial; color: White; 	border-right-style: none;background-color: #6699cc;}

.MOParrotGreyBorderedRow
{border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial; color: White; 	border-right-style: none;background-color: #6699cc;}

.ParrotBlackFontBorderedRow
{border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial;color: Black;border-left-style: none;background-color: #ffffff;}

.ClickParrotWhiteBorderedRow
{cursor:hand;border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial;border-left-style: none;background-color: #ffffff;}

.ParrotWhiteBorderedRow
{border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial;border-left-style: none;background-color: #ffffff;}
	
.MOClickParrotWhiteBorderedRow
{cursor:hand;border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial;color: White;	border-left-style: none;background-color: #6699cc;}
	
.MOParrotWhiteBorderedRow
{border-top: black 1px solid;font-size: 8pt;font-family: Sans-Serif, Arial;color: White;	border-left-style: none;background-color: #6699cc;}
		
.ParrotSubTotalRow
{padding-right: 1px; padding-left: 1px;	font-weight: bolder;	font-size: 8pt;padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial;background-color: #ececec;border-top: 1px solid black}

.ParrotSubTotalRowWhiteBkgrnd
{padding-right: 1px; padding-left: 1px;	font-weight: bolder;font-size: 8pt;padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial;background-color: #ffffff;border-top: 1px solid black}
	
.ParrotBorderTopRow
{padding-right: 1px; padding-left: 1px;	font-size: 8pt;padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial; border-top: 1px solid black}
		
.ParrotTotalRow
{
    padding-right: 1px; padding-left: 1px;	font-weight: bolder;font-size: 8pt;padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial;	background-color: #ececec;border-top:   1px solid black;border-bottom: double black;}

.ParrotTotalRowWhiteBkgrnd
{padding-right: 1px; padding-left: 1px;	font-weight: bolder;font-size: 8pt;	padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial;	background-color: #ffffff;border-top:   1px solid black;border-bottom: double black}
	
.ParrotGreyCell
{padding-right: 1px; padding-left: 1px;	font-weight: bolder;font-size: 8pt;	padding-bottom: 1px; padding-top: 1px;font-family: Sans-Serif, Arial;	background-color: #ececec;}
	
.ParrotContentTD
{	padding-left: 1px;	font-weight: normal;	font-size: 8pt; 	color: black; 	font-family: Sans-Serif, Arial; 	background-color: #ffffff;}	

.ParrotMenuContentTD
{	padding-left: 1px; cursor:hand;	font-weight: normal; 	font-size: 8pt; 	color: black; 	font-family: Sans-Serif, Arial; 	background-color: #ffffff;}	

table.ParrotMainStyle
{	border-right: black thin solid;	table-layout: auto;	padding-right: 1px;	border-top: black thin solid;	padding-left: 1px;	font-size: 8pt;
	padding-bottom: 1px;border-left: black thin solid;	padding-top: 1px;	border-bottom: black thin solid;	font-family: Arial, Sans-Serif;	border-collapse: separate;	background-color: white;}

table.ParrotReportTable
{	border-right: black thin;	table-layout: auto;	padding-right: 1px;	border-top: black thin;	padding-left: 1px;
	padding-bottom: 1px;	border-left: black thin;	padding-top: 1px;	border-bottom: black thin;	border-collapse: separate;}

TABLE.TableBorderOnly
{	border-right: #d3d3d3 thin double;	padding-right: 2px;	border-top: #d3d3d3 thin double;	padding-left: 2px;	margin-bottom: 2px;
	padding-bottom: 2px;	border-left: #d3d3d3 thin double;	padding-top: 2px;	border-bottom: #d3d3d3 thin double;	background-color: white;}

TABLE.GridStyleTable
{	border-right: gray 1px solid; 	table-layout: fixed;	border-top: gray 1px solid;	font-size: 8pt;
	border-left: gray 1px solid;	border-bottom: gray 1px solid;	font-family: Sans-Serif;	border-collapse: collapse;}

td.CCdetailLeft {border-right: 0px;	padding-right: 0px;	border-top: gray thin;	padding-left: 2px;	font-size: 8pt;	padding-bottom: 3px;	border-left: lightgrey 1pt solid;cursor: hand;	color: black;	padding-top: 3px;	border-bottom: lightgrey 1pt solid;	font-family: Arial, Sans-Serif;	white-space: nowrap;}
td.CCdetailRight {border-right: lightgrey 1pt solid;	padding-right: 2px;	border-top: gray thin;	padding-left: 0px;	font-size: 8pt;	padding-bottom: 3px;	border-left: 0px; padding-top: 3px;	border-bottom: lightgrey 1px solid;	font-family: Arial, Sans-Serif; 	text-align: right; cursor:hand ; }
.phe {padding-right: 0px;	padding-left: 0px;	padding-bottom: 0px;	margin: 0px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none;}


#wrapper {
margin:0pt !important;
}
* html #wrapper {
position:static;
}
div.main-banner {
height:225px;
margin:21px 0pt 12px;
width:746px;
}
div.outer {
float:left;
margin:0pt 0pt 0pt 5px;
overflow:hidden;
padding:14px 8px 0pt 14px;
width:223px;
}
div.outer 
{
background:transparent none repeat scroll 0%;
padding-top:0pt;
}
div.wrapper {
min-height:156px;
padding-top:50px;
}
*:first-child + html div.main-panels div.wrapper 
{
min-height:165px;
}
#page {
background:#FFFFFF none repeat scroll 0%;
text-align:center;
}
#wrapper {
margin-top:-35px;
min-width:770px;
position:relative;
}
#wrapper {
position:static;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
height:1%;
}
.clearfix {
display:block;
}
#featured-link {
float:right;
}
#page-title h1 {
margin:27px 0pt 5px;
}
#featured-link {
padding:18px 0pt 0pt;
}
div.splitter {
background:#000;
border:medium none;
height:1px;
margin:18px 0pt;
overflow:hidden;
}
div#cover {
background-color:#FFFFFF;
height:100%;
left:0px;
min-width:800px;
position:absolute;
top:0px;
width:100%;
z-index:5;
}
#schwizzler {
 color:#fff;
 position:absolute;
 top:-278px;
 width:100%;
 z-index:99; 
}
#schwizzler .banner {
height:280px;
min-width:995px;
overflow:hidden;
}
#schwizzler .wrapper {
margin:0pt auto;
text-align:left;
width:995px;
color:#000;
}
#schwizzler .utility .wrapper {
padding:0pt 125px;
width:100%;
color:#fff;
background:#007799;
text-align:center;
}
#schwizzler .tabdiv {
float:right;
font-size:8pt;
font-weight:bold;
height:24px;
}
* html #schwizzler .tabtabdiv {
text-align:center;
width:300px;
}
#schwizzler .tab-outer {
height:24px;
}
#schwizzler .tab-inner {
height:22px;
margin:0pt 52px;
padding:2px 0pt 0pt;
width:400px;
color:#000;
}
#schwizzler .tab-inner img.down {
 background:transparent url(psDown.gif) no-repeat scroll;
 height:18px;
 width:18px;
}
#schwizzler .tab-inner img.up {
 background:transparent url(psUp.gif) no-repeat scroll;
 height:18px;
 width:18px;
}
.shwiz {
height:248px;
padding:15px 125px;
width:744px !important;
}
.shwiz .context {
display:none;
}
.productspecs
{
 width:100%;
 border:1px;
 height:30; 
 text-align:center;
}
.imageCol
{
 position:absolute;
 left:10px;
 width:50%;
 z-index:2;
 text-align:left;
 font-family:Arial, Verdana;
 font-size:8pt;
 color:#007799;
 text-align:center;
}
.detailsCol
{
 width:50%; 
 font-family:Arial, Verdana;
 font-size:8pt;
 color:#007799;
 padding-left:0px;
 left:50%;
 position:absolute;
 z-index:1;
 text-align:left;
}
 #divMainbody
 {
 	width:99%;
 	text-align:left;
 	margin: 0px 0px 0px 0px;
}
.Searchbox
{
	width:159px; 
	height:16px;
	border:0px;
	top:88px;
	left:20px;
	position:absolute;
	font-family: Verdana, Arial;
	font-size: 8pt;
}
.SearchButton
{
	cursor:hand;
    background: url(../../images/ParrotWeb_NewLook_04.png) no-repeat;  	
    background-position:0px -80px; 
    height:40px;
	top:87px;
	left:185px;
	height:18px;
	width:28px;
	position:absolute;
	border:none;
	cursor:hand;
	cursor:pointer;
}
.mnuBoards,
.mnuBoardsOver,
.mnuBoardsSelected,
.mnuIWhiteBoards,
.mnuIWhiteBoardsOver,
.mnuIWhiteBoardsSelected,
.mnuAccessories,
.mnuAccessoriesOver,
.mnuAccessoriesSelected,
.mnuBoardSupports,
.mnuBoardSupportsOver,
.mnuBoardSupportsSelected,
.mnuDisplaySystems,
.mnuDisplaySystemsOver,
.mnuDisplaySystemsSelected,
.mnuEasyRail,
.mnuEasyRailOver,
.mnuEasyRailSelected,
.mnuEduBoards,
.mnuEduBoardsOver,
.mnuEduBoardsSelected,
.mnuElectronics,
.mnuElectronicsOver,
.mnuElectronicsSelected,
.mnuOffice,
.mnuOfficeOver,
.mnuOfficeSelected,
.mnuPersonalised,
.mnuPersonalisedOver,
.mnuPersonalisedSelected,
.mnuPlanners,
.mnuPlannersOver,
.mnuPlannersSelected,
.mnuServices,
.mnuServicesOver,
.mnuServicesSelected,
.mnuStaplersAndPunches,
.mnuStaplersAndPunchesOver,
.mnuStaplersAndPunchesSelected,
.mnuWallMaps,
.mnuWallMapsOver,
.mnuWallMapsSelected
{
	background: url(../../images/ParrotWeb_NewLook_menu.png) no-repeat;
	width:210px; 
	cursor: hand;
    cursor:pointer;
}
.mnuBoards
{
	background-position:0px -0px;
	height:71px;
	cursor: hand;
	cursor:pointer;
	width:210px;
}
.mnuBoardsOver
{
	background-position:-210px -0px; 
    height:71px;        
}     
.mnuBoardsSelected
{
	background-position:-420px -0px; 
    height:71px;        
}
.mnuIWhiteBoards
{
	background-position:0px -71px;
	height:60px;	
}
.mnuIWhiteBoardsOver
{
    background-position:-210px -71px; 
    height:60px;    
}
.mnuIWhiteBoardsSelected
{
    background-position:-420px -71px; 
    height:60px;    
}
.mnuAccessories
{
	background-position:0px -129px;
	height:60px;	
}
.mnuAccessoriesOver
{
    background-position:-210px -129px; 
    height:60px;    
}
.mnuAccessoriesSelected
{
    background-position:-420px -129px; 
    height:60px;    
}
.mnuBoardSupports
{
    background-position:-0px -187px; 
    height:60px;    
}
.mnuBoardSupportsOver
{
    background-position:-210px -187px;
    height:60px;    
}
.mnuBoardSupportsSelected
{
    background-position:-420px -187px; 
    height:60px;    
}
.mnuDisplaySystems
{
	background-position:0px -245px;
	height:60px;	
}
.mnuDisplaySystemsOver
{
	background-position:-210px -245px;
	height:60px;	
}
.mnuDisplaySystemsSelected
{
	background-position:-420px -245px;
	height:60px;	
}
.mnuEasyRail
{
	background-position:0px -303px;
	height:60px;
}
.mnuEasyRailOver
{
	background-position:-210px -303px;
	height:60px;
}
.mnuEasyRailSelected
{
	background-position:-420px -303px;
	height:60px;
}
.mnuEduBoards
{
	background-position:0px -361px;
	height:60px;
}
.mnuEduBoardsOver
{
	background-position:-210px -361px;
	height:60px;
}
.mnuEduBoardsSelected
{
	background-position:-420px -361px;
	height:60px;
}
.mnuElectronics
{
	background-position:0px -419px;
	height:60px;
}
.mnuElectronicsOver
{
	background-position:-210px -419px;
	height:60px;
}
.mnuElectronicsSelected
{
	background-position:-420px -419px;
	height:60px;
}
.mnuOffice
{
	background-position:0px -477px; 
	height:60px;
}
.mnuOfficeOver
{
	background-position:-210px -477px; 
	height:60px;
}
.mnuOfficeSelected
{
	background-position:-420px -477px; 
	height:60px;
}
.mnuPersonalised
{
	background-position:0px -535px;
	height:60px;
}
.mnuPersonalisedOver
{
	background-position:-210px -535px;
	height:60px;
}
.mnuPersonalisedSelected
{
	background-position:-420px -535px;
	height:60px;
}
.mnuPlanners
{
	background-position:0px -593px;
	height:60px;
}
.mnuPlannersOver
{
	background-position:-210px -593px;
	height:60px;
}
.mnuPlannersSelected
{
	background-position:-420px -593px;
	height:60px;
}
.mnuServices
{
	background-position:0px -651px;
	height:60px;
}
.mnuServicesOver
{
	background-position:-210px -651px;
	height:60px;
}
.mnuServicesSelected
{
	background-position:-420px -651px;
	height:60px;
}
.mnuStaplersAndPunches
{
	background-position:0px -709px;
	height:60px;
}
.mnuStaplersAndPunchesOver
{
	background-position:-210px -709px;
	height:60px;
}
.mnuStaplersAndPunchesSelected
{
	background-position:-420px -709px;
	height:60px;
}
.mnuWallMaps
{
	background-position:0px -767px;
	height:84px;
}
.mnuWallMapsOver
{
	background-position:-210px -767px;
	height:84px;
}
.mnuWallMapsSelected
{
	background-position:-420px -767px;
	height:84px;
}  

.leftMenu
{
    color:#fff; 
    text-align:center; 
    font-family:Verdana, Arial; 
    font-size:10px;            
    background:url(../../images/menu_bg.png) repeat-y;
}
.topMenu
{
	height:24px; 
	text-align:right;
	float:right;
	color:#fff; 
	font-size:9pt; 
	font-family:arial,Verdana; 
	padding-right:20px;
}
.topMenu a:hover
{
	color:#000; 	
}
.topMenuSeparator
{
	color:#e7e8e9; 	
}
.fixedElement
{
	position: fixed;
	_position: absolute;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupBox{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupBox h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}
a
{
    border:0px;
}
/* START - styles for the dropdown menu 
* {padding:0; margin:0;}*/
li.MenuTop, ul.MenuTopItems
{
	padding:0px; 
	margin:0px;	
}
.dropdown 
{
	float:left; 
	padding-right:5px;
	padding:0px; 
	margin:0px;
	left:0px;
	top:30px;
	position:absolute;
	display:none;
	text-align:left;
}	
.dropdown dt 
{
	width:150px; 
	border:0px; 
	padding:0px; 
	font-weight:bold; 
	cursor:pointer;
	text-align: left;
	padding:0px; 
	margin:0px;	
}
.dropdown dt:hover 
{
	/*background: #837f7e;
	font-weight: bold;*/
}
.dropdown dd 
{
	position:absolute; 
	overflow:hidden; 
	width:150px; 
	display:none; 
	background:#fff; 
	/*z-index:200; */
	text-align: left;
	opacity:0;	
}
.dropdown ul
{
	width:149px; 
	list-style:none; 
	border-right:1px;
	text-align: left;
	padding:0; 
	margin:0;
}
.dropdown li 
{
	display:inline;
	padding:0; 
	margin:0;
}
.dropdown a, .dropdown a:active, .dropdown a:visited 
{
	display:block; 
	padding:2px; 
	color:#000; 
	text-decoration:none; 
	background:#dfdfe0; 
	width:149px;
	margin:0px;	
}
.dropdown a:hover {background:#837f7e; color:#fff; font-weight:bold;}
.dropdown .underline {border:solid 1px #e7e8e9; border-collapse:collapse;}
/* END - styles for the dropdown menu */
#ddlmenuAdminMenu
{
    left: -100px;
    position:absolute;
}
#divShoppingDetails
{ 
    position: fixed; 
    top: 790px;
    left: 211px;
    width: 99%;
    text-align:center;
}
.hiddenInput  
{
  	display: none 
}
.leftStyleGallery
{
    background: url('../../images/galleryBG.jpg') repeat;
}
.magnifier
{
    cursor:hand;
}
.yesButton
{
    border: 1 solid #007799;
    height:110px;
    width: 95px;
}
.noButton
{
    border: 1 solid #007799;
    height:110px;
    width: 95px;
    border:0px;
    cursor:hand;
    cursor:pointer;
    top:10px;
}
#divMenu
{
	left:211px;
	top: 140px;
	position: fixed;	
}
*html #devMenu
{
	position:absolute;
}
.copyRightText
{
	display:none;
}
/*styles for the image gallery - START*/
#myGallery {
	width: 100%;
	height: 500px;
}
#myGallery img {
	border: 0px solid #cecece;
    top: 0px;
}
a.loading {
	background: #fff url(../../images/pleaseWait.gif) no-repeat center;
}
.wrapper {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/blank.gif);
}
/*---------------END */
@media print
      {
 tr.hideTR
 {
     display:none;
     height:0;
 } 
 td.column
 { 
    display:none;
    width:0;
 } 
 table.hideTbl
 {
    display:none;
    height:0;
 } 
 .panel
 {
    width:auto;
    height:auto;
 }
 input
 {
    display:none;
 }
 table.tblMain
 {
    border:0px;    
 } 
 div
 {
    overflow: hidden;
 }
 div.panel
 {
    overflow: hidden;
 }
 div.short
 {
    overflow: hidden;
 }
 div.med
 {
    overflow: hidden;
 }
 #grdwithScroll
 {
    overflow: auto
 }
.leftMenu
{
	width:0px;
}
.leftMenu
{
	width:0px;
	display:none;
}
.hideFromPrint
{
	display: none;
}
.copyRightText
{
	width:99%;
	text-align:center;
	font-family:Arial;
	font-size:8pt;
	color:#e7e8e9;
	display:block;
}
   }