@charset "UTF-8";
/*This CSS is for the interactive List button AND interactive Compare button. These List and Compare buttons are seen regardless of wether a user is logged in to My iQ or not.*/
 
/*Added for side by side Compare List and Project List buttons on product detail page*/
.iqListPositionWrapperLeftHorizontal .iqCompListBttn { margin-right: 25px !important; }
/* COLOR OF CHECKMARK */
.iqListSymbol { color: GREEN; }
/*sj CHANGE COLOR .iqListBorder { border: 1px solid rgba(100,100,100,.5); }*/.iqListBorder { border: 1px solid #000; }
.ListWrapper { float: left; width: 50px; position: relative; font-size: 12px; margin: 5px 0; }
.ListAddButton { /*sj CHANGE COLOR color: #fff;*/ color: #000; cursor: pointer; line-height: 140%; width: 100px; padding: 2px; background-color: rgb(160,160,160); background-color: rgb(102,102,102); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102))); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)); /* for firefox 3.6+ */ background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102));/*for Opera*/ border-radius: 3px; border: 1px solid black; text-align: center; }
.ListAddButton:hover { background-color: rgb(102,102,102); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(102,102,102)), to(rgb(255,255,255))); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)); /* for firefox 3.6+ */ background-image: -o-linear-gradient(top, rgb(102,102,102), rgb(255,255,255));/*for Opera*/ }
.ListFormDiv { padding: 10px; width: 286px; border: 1px solid gray; border-radius: 3px; background: white; position: absolute; top: 25px; display: none; z-index: 1000; left: -200px; }
.ListSavedSpan { color: red; font-weight: bold; }
#ListCloseWindow { cursor: pointer; padding: 5px; border: 1px solid #000; background: #000; border-radius: 3px; float: right; color: #fff; margin: 0 0 0 5px; }
#ProjectListName { font-size: smaller; line-height: 140%; margin: 10px 0 0 0; }
#ProjectListAddButton { font-size: smaller; line-height: 140%; margin: 10px 0 0 0; }
#ListText1 { font-size: large; color: #000; display: block; }
#ListText2 { display: block; color: #CD0921; }
#ListText3 { display: block; color: #000; }
#ListText4 { display: block; color: #000; }
#ListText5 { font-size: large; display: block; color: #CD0921; }
#ListText6 { display: block; color: #000; line-height: 200%; }
#ListText7 { display: block; color: #000; }
#ListText9 { line-height: 140%; }
#ListText10 {display: block; color: #000; line-height: 200%; padding-top:10px; }
#ListText10 a:link, #ListText10 a:visited, #ListText10 a:hover, #ListText10 a:focus, #ListText10 a:active{color: #CD0921 !important}
/*This CSS is for the interactive List button AND interactive Compare button. These List and Compare buttons are seen regardless of wether a user is logged in to My iQ or not.*/
/*POSITION WRAPPER*/
.iqListPositionWrapperLeft { float: left; width: 130px; }
.iqListPositionWrapperLeftHorizontal { float: left; /* resize 07-09-14 width: 295px;*/width:280px; }
.iqListPositionWrapperCenter { margin: 0 auto; width: 130px; }
.iqListPositionWrapperRight { float: right; width: 130px; }
/* THE OUTER BOX */
.iqListWrapper { float: left; cursor: pointer; position: relative; font-size: 12px; font-weight: 100; height: 22px; margin: 5px 0 !important; color: #000; }
/* ONE OF THREE INNER BOXES */
.iqListBox { 
/*background-color: rgb(102,102,102); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); 
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102))); 
background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)); 
background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102));*/

/*sj 06-11-14 temp duplicate*/
/*background: rgb(200, 200, 200); 
 background: -moz-linear-gradient(90deg, rgb(220, 220, 220) 30%, rgb(255, 255, 255) 70%); 
 background: -webkit-linear-gradient(90deg, rgb(220, 220, 220) 30%, rgb(255, 255, 255) 70%); 
 background: -o-linear-gradient(90deg, rgb(220, 220, 220) 30%, rgb(255, 255, 255) 70%); 
 background: -ms-linear-gradient(90deg, rgb(220, 220, 220) 30%, rgb(255, 255, 255) 70%); 
 background: linear-gradient(90deg, rgb(220, 220, 220) 30%, rgb(255, 255, 255) 70%);
 background-color: rgb(102,102,102) !important;  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc') !important;
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102))) !important; 
 background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)) !important; 
 background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)) !important;*/
 
 /*sj 06-11-14 temp new*/
 background: rgb(220, 220, 220);
	 background: -moz-linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(255, 255, 255) 100%);
	 background: -webkit-linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(255, 255, 255) 100%);
	 background: -o-linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(255, 255, 255) 100%);
	 background: -ms-linear-gradient(90deg, rgb(102, 102, 102) 0%, rgb(255, 255, 255) 100%); 
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc') ;
	 background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102))) ;
	 background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)); 
	 background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)) ;


color: #000 !important; 
 float: left; text-align: center; line-height: 160%; overflow: hidden; text-align: center; height: 20px; width: 122px; }
.iqListBox:link, .iqListBox:visited { color: #000; text-decoration: none; background: transparent; }
.iqListBox:hover, .iqListBox:focus { color: #000; text-decoration: underline; 

/*sj 06-11-14 temp hide
background-color: rgb(102,102,102); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); 
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102)));  
background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102));  
background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102));*/ 


/*sj 06-11-14 temp duplicate*/

/*background: rgb(255, 255, 255); 
 background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%); 
 background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%); 
 background: -o-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%); 
 background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%); 
 background: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);

 background-color: rgb(102,102,102) !important;  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff') !important;
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(102,102,102)), to(rgb(255,255,255))) !important; 
 background: -moz-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)) !important; 
 background-image: -o-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)) !important;*/
 background: rgb(200, 200, 200); 
 background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(102, 102, 102) 100%); 
 background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(102, 102, 102) 100%); 
 background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(102, 102, 102) 100%); 
 background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(102, 102, 102) 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(102,102,102)), to(rgb(255,255,255))); 
 background: -moz-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)) ; 
 background-image: -o-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)) ;
}
.iqListBox:active { color: #000; text-decoration: none; background: transparent; }
.iqListBox a:link, .iqListBox a:visited { color: #000 !important; text-decoration: none !important; background-color: transparent !important; }
.iqListBox a:hover, .iqListBox a:focus { color: #000 !important; text-decoration: underline !important; background-color: transparent !important; }
.iqListBox a:active { color: #000 !important; text-decoration: none !important; background-color: transparent !important; }
/* THE BOX ON THE LEFT THAT IS RED OR GREEN AND HAS A + OR X */
.iqListAction { background: rgba(0,128,0,.5); border-radius: 3px 0 0 3px; width: 0; }
.iqListAction:hover {background: rgba(0,128,0,.5);}
/* THE BOX SAYS COMPARE OR LIST */
.iqListList { border-radius: 3px; }	
/* THE BOX ON THE RIGHT THAT CONTAINS A LINK TO THE RELAVANT PAGE */
.iqListView { border-radius: 0 3px 3px 0; width: 0; }
.iqListView:hover {background-color: rgb(102,102,102); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(102,102,102)), to(rgb(255,255,255))); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)); /* for firefox 3.6+ */ background-image: -o-linear-gradient(top, rgb(102,102,102), rgb(255,255,255));/*for Opera*/ }
/* THE BOX THAT SAYS COMPARISON OR LIST AND HAS A CHECKMARK SYMBOL (OR NOT) */
.InList .iqListAction { background: rgba(226,0,37,.5); }
/* THE POPOUT BOX WITH A NEGATIVE Z-INDEX*/
.iqListPopOut { background: none repeat scroll 0 0 rgba(45, 45, 45, 0.9); /*sj hack for IE9 compatibility mode*/ background: #2d2d2d\9; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); color: #FFFFFF; float: left; font-size: 12px; line-height: 140%; padding: 10px; position: absolute; text-align: left; display: none; width: 0px; height: 0px; z-index: -10; }
/* WHEN THE POPOUT BOX IS ACTUALLY VISIBLE AND HAS SIZE */
.iqListPopped { width: 100px; height: 60px; display: inline-block; z-index: 10; }

.FindResellerButton { color: #000; cursor: pointer; line-height: 140%; width: 100px; padding: 2px; background-color: rgb(160,160,160); background-color: rgb(102,102,102);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(102,102,102))); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(255,255,255), rgb(102,102,102)); /* for firefox 3.6+ */ background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(102,102,102));/*for Opera*/ border-radius: 3px; /*IE9 hack*/border-radius/*\**/:0\9; border: 1px solid black; text-align: center; display: inline-block; /*margin added 07-09-14 when red highlight was removed*/margin:5px 0;}
.FindResellerButton:hover { background-color: rgb(102,102,102);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(102,102,102)), to(rgb(255,255,255))); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(102,102,102), rgb(255,255,255)); /* for firefox 3.6+ */ background-image: -o-linear-gradient(top, rgb(102,102,102), rgb(255,255,255));/*for Opera*/ }
/* delete 07-09-14
BEGIN TEMP HIGHLIGH FOR 'FIND A RESELLER' BUTTON ON CATEGORY PAGES
.FindResellerButtonNewText { background-color: #CD0921; color: #fff; display: inline-block; line-height: 140%; padding: 2px; }
.FindResellerButtonNewWrap { background-color: #CD0921;font-size:12px;font-weight: 100; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; }
END TEMP HIGHLIGH FOR 'FIND A RESELLER' BUTTON ON CATEGORY PAGES*/