/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	BACKGROUND:#EAEAEA url(/images/layout/body_bg.jpg) top left;
}
.Site #topNav
{
    z-index: 10;
	margin:auto;
	padding:3px 5px 8px 8px;
	text-align: right;
    font-weight: bold;
    background-color:transparent;
    float:right;
}
.Site #topNav a
{  
    padding: 0px 25px 4px 0;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 0.9em;
    color: #515151;
    padding-right:4px;
	padding-left:6px;
}
.Site #topNav ul
{
	margin:0;
	padding: 0;
}
.Site #topNav li
{
	/*border-right:solid 1px #B8B8B8;*/
	display:inline;
	
}
.Site #topNav li.flag
{
	border-right:none;
	
}
.Site #topNav a:hover
{
    color: #000000; 
}
.Site #topNav .flag a
{
	padding-bottom:0;
	position: relative;
	top: 5px;
}
.Site #topNav .flag a img
{
	border:none;
}
.Site /* same element as #mainTable */
{

}
.Site .red
{
    color: #DC362F;    
}
.Site A 
{
	/*color: #002C5E;*/
	color: #DC362F;
	text-decoration: none;
	font-weight: bold;
}
.Site H1 a, 
.Site H2 a,
.Site H3 a, 
.Site H4 a, 
.Site H5 a, 
.Site H6 a,
.Site #UserLogon a
{
	color: #002C5E;
}
.Site #UserLogon a.button,
.Site #UserLogon a.principle
{
	color:#fff;
}
.Site .whitebox H2.title a
{
    color: #DC362F;    
}
.Site A:hover
{
	color: #0066CC;
}
.Site h2,
.Site h3,
.Site .homecolumn h1
{
    color: #0099CC;    
}
.Site .homecolumn h1
{
	font-size:150%;
	font-weight:normal;
	margin-top:5px;
}
.Site .homecolumn h2
{
	font-size:100%;
	color:#636363;
	margin:0;
	font-weight:bold;
}
.Site #mainMenu h2
{
	display:inline;
}
.Site IMG
{
	border:none;
}
.Site #mainLayout a img
{
}
.Site TABLE
{
} 
.Site table td, table th
{
}
.Site .hint
{
    border: 0;
    color: #002040;
    background: #FFF url(/images/layout/info.gif) 5px 7px no-repeat;    
}
.Site .alert
{
    border: 1px solid #AE0000;
    background: #FFF url(/images/layout/stop.gif) 5px 7px no-repeat;
    color: #AE0000;    
}
.Site .help
{
    border: 0;
    padding: 0;
    background: none;
    color: #AE0000;
}
.Site .help a
{
    text-decoration: underline;
}
/* ################################### Box Classes ################################# */

.Site .box
{
    border: 1px solid #BDBDBD;
}
.Site .box .tl
{
}
.Site .box h2.title
{
   color: #FFF;
   background: #002040 url(/images/layout/box_blue_title.gif) top left repeat-x;
}
.Site .box .content
{
    
}
.Site .box .bc
{
}
/* -------------------------------- */

.Site .whitebox
{
    border: 1px solid #B8B8B8;
}
.Site .whitebox .tl
{
}
.Site .whitebox h2.title
{
   color: #003263; 
   font-weight: normal;
   background: #FFF url(/images/layout/box_white_title.gif) right 12px no-repeat;
}
.Site #cartFull .whitebox h2.title
{
   color: #003263 !important; 
   font-weight: normal !important;
   background: #FFF url(/itw-envopak/images/layout/box_white_title.gif) right 12px no-repeat !important;
}
.Site .detail .whitebox h2.title
{
    color: #DC362F;
    font-size: 1.4em;
}
.Site .whitebox .content
{
    
}
.Site .whitebox .bc
{
}
/* -------------------------------- */
.Site .button
{
    background: #FFF url(/images/layout/button.gif) top left repeat-x;
    color: #666;   
    border: 1px solid #BBBBBB;
    font-weight: bold;
    cursor: pointer;
}
.Site a.button
{
    background-color: #BBB;
}
.Site .button:hover
{
    color: #333;   
}
.Site .principle
{
    background: #FFF url(/images/layout/principle.gif) top left repeat-x;  
    color: #FFF; 
    border: 1px solid #760101;   
}
.Site a.principle
{
    background-color: #820000;   
}
.Site .principle:hover
{
    border: 1px solid #BC0303;
    color: #FFF; 
    background-position: 0 -22px;
}
.Site a.principle:hover
{
    background-color: #BC0303;   
}
.Site .imageFloatRight,
.Site .alignImageMid
{
    border:1px solid #003A7C;
    }
/* ################################### / Box Classes ################################# */

.Site .detail H3
{

}
.Site .detail IMG.picture
{
} 
.Site .textArea, 
.Site .textBox,
.Site .textbox,
.Site .required
{
    border: 1px solid #D7D7D7;
    background: url(/images/layout/input_bg.gif) top left no-repeat;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:100%;
}
.Site .label
{
	font-weight:bold;
}
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	border-bottom:1px dashed #CDCDCD;
}
.Site .list a
{
	text-decoration: none !important;
}
.Site .list a:hover
{
}
.Site .list p
{	
}

.Site .list H4
{
    color: #636363;
}
.Site .list .morelink
{
    display: none;    
}
.Site .list .date
{

}
.Site td.list IMG.thumbnail
{
}
.Site .stepper
{
}
.Site .stepper a
{
}
.Site .stepper a:hover
{
}
.Site .stepper p
{
}
.Site .stepper p.links
{
}
.Site TABLE.documentTable
{

}
.Site TABLE.documentTable TD.cell
{

}
.Site TABLE.documentTable TH.heading
{

}
.Site TABLE.documentTable TR.alternative
{

}
.Site .list .terminus
{
	clear:right !important;
}
.Site .template
{
	background: none;
	border: none;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
    border: 1px solid #BDBDBD;
    background: #FFF;
}
.Site #mainHeader
{
    background: #002040 url(/images/layout/mainHeader_bg.gif) top left repeat-x;	
}
.Site #cartBrief
{
    text-align: right;
    color: #FFF;    
}
.Site #cartBrief strong,
.Site #cartBrief a:hover
{
    color: #FF9600;    
}
.Site #cartBrief a
{
    font-weight: bold;
    color: #FFF;
    text-decoration: none;    
}
.Site #cartBrief span.cartBrief
{
    background: url(/images/layout/cartBrief_bg.gif) 0 2px no-repeat; 
}
.Site #location
{
    color: #BEBEBE;
    text-transform: lowercase;
}
.Site #location a
{
    color: #BEBEBE;
    text-decoration: none;
}
.Site #location A:hover
{
    text-decoration: underline;
}
.Site #mainLayoutContainer
{
}
/* ################################## Menu setup ################################### */

.Site #mainMenu
{
    background: #333 url(/images/layout/mainMenu_bg.gif) 6px 7px no-repeat;
}

.Site #mainMenu ul a
{
	color: #B1B4C2;
	font-weight: bold;
	text-decoration: none;
}
.Site #mainMenu ul a:hover
{
	color: #FFF;
}
.Site #mainMenu ul a.active,
.Site #mainMenu ul a.on
{
	color: #FFF;
}
/* ################################## Footer Menu setup ################################### */

#mainFooter #footerMenu ul a
{
	color: #787878;
	text-decoration: none;
	background: url(/images/layout/footerMenu_pipe.gif) right 2px no-repeat;
	text-transform: lowercase;
}
#mainFooter #footerMenu ul a:hover
{
	color: #515151;
}
/* ----------------------- */
/* ################################## Footer Menu setup ################################### */
#mainFooter #productMenu
{
    border-bottom: 1px solid #CECECE;    
}
#mainFooter #productMenu ul a
{
	color: #515151;
	background: url(/images/layout/productMenu_pipe.gif) right 3px no-repeat;
}
#mainFooter #productMenu ul a:hover
{
	color: #000;
}
/* ----------------------- */
/* ################################## Menu setup ################################### */
.Site .subMenuTop
{
    background: url(/images/layout/subMenuTop.gif) top left no-repeat;    
}
.Site .subMenuBottom
{
    background: url(/images/layout/subMenuBottom.gif) bottom left no-repeat;    
}
.Site #subMenu
{
    border: 0;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8; 
}
.Site #subMenu ul a 
{
    color: #002C5E;	
}
.Site #subMenu li a,
.Site #subMenu li a.on,
.Site #subMenu li a.active
{
    border-bottom:1px dashed #ccc;
     /*background: url(/images/layout/line_divide.gif) -10px bottom no-repeat;*/
background: url(/images/layout/mainMenu_bul.gif) center left no-repeat;
}
.Site #subMenu li a:hover,
.Site #subMenu li a.on,
.Site #subMenu li a.active
{
     /*background: url(/images/layout/line_divide.gif) -10px bottom no-repeat;*/
background: url(/images/layout/mainMenu_bul_on.gif) center left no-repeat;
}
.Site #subMenu ul 
{
    color: #666;
    background: url(/images/layout/line_divide.gif) -10px bottom no-repeat;
}
.Site #subMenu ul a:hover
{
    color: #000;
}
.Site #subMenu ul ul
{
    background: url(/images/layout/line_divide_dark.gif) 0px bottom no-repeat;
    border: 0; 
}

.Site #subMenu ul ul
{
margin-bottom:2px;
 background: #f6f6f6 url(/images/layout/line_divide_dark.gif) 0px bottom no-repeat;
}
.Site #subMenu ul ul ul
{
    background: #999;
}
.Site #subMenu ul ul ul ul
{
    background: #666;
}
.Site #subMenu ul ul ul ul ul
{
    background: #333;
}
.Site #subMenu ul ul ul ul ul ul
{
    background: #000;
}
.Site #subMenu ul ul a
{
background-image:none;

}
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active,
.Site #subMenu ul ul a:hover
{
    background: url(/images/layout/subMenu_arrow.gif) 7px 10px no-repeat;    
}
.Site #subMenu ul ul ul a.on,
.Site #subMenu ul ul ul a.active,
.Site #subMenu ul ul ul a:hover
{
    background: url(/images/layout/subMenu_arrow_white.gif) 17px 10px no-repeat;    
}
.Site #subMenu ul ul ul ul a.on,
.Site #subMenu ul ul ul ul a.active,
.Site #subMenu ul ul ul ul a:hover
{
    background-position: 27px 10px;    
}
.Site #subMenu ul ul ul ul ul a.on,
.Site #subMenu ul ul ul ul ul a.active,
.Site #subMenu ul ul ul ul ul a:hover
{
    background-position: 37px 10px;    
}
.Site #subMenu ul ul ul ul ul ul a.on,
.Site #subMenu ul ul ul ul ul ul a.active,
.Site #subMenu ul ul ul ul ul ul a:hover
{
    background-position: 47px 10px;    
}
.Site #subMenu ul ul ul ul ul ul ul a.on,
.Site #subMenu ul ul ul ul ul ul ul a.active,
.Site #subMenu ul ul ul ul ul ul ul a:hover
{
    background-position: 57px 10px;    
}
.Site #subMenu ul ul ul a
{
    color: #DDDDDD;    
}
.Site #subMenu ul ul ul a:hover
{
    color: #FFF;    
}
.Site #subMenu ul ul ul ul a
{
    color: #EEEEEE;
}
.Site #subMenu ul ul ul ul ul a
{
    color: #FFF;
}
.Site #subMenu ul ul ul ul ul a:hover
{
    color: #AAA;
}
/* ################################## Sub Menu setup ################################### */

.Site #searchMenu
{
}
.Site #searchMenu ul
{  
}
.Site #searchMenu li
{
    list-style: none;   
}
.Site #searchMenu ul a
{
    background: url(/images/layout/search_Arrows.gif) right 3px no-repeat;
    color:#000;
}
.Site #searchMenu ul a:hover
{
    color:#E60021;
    background-position: right -14px;
}
/* ======================== */
.Site #loginArea
{
    border: 0;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8; 
}
.Site #loginArea h4 a
{
    color: #DC362F;
}
.Site .loginHeader  
{
    background: url(/images/layout/myAccountIcon.gif) top 98% no-repeat;    
}
/* ======================== */

.Site #mainTitle,
.Site #cartFull h2
{
    color: #DC362F;
    
}
.Site #mainTitle h1,
.Site .title h2,
.Site #cartFull h2
{
  border-bottom:1px solid #ddd;  
  color: #EE3B33;
}  
.Site h3.title
{
  border:0;
}
.Site #mainLayout
{	
}
.Site #mainFooter
{
}

/* ======================== */
#mainFooter #copyright
{
    color: #9A9A9A;    
}
#mainFooter #developerLink a
{
    background: url(/images/layout/devLink_bg.png) right top no-repeat;
    color: #AEAEAE;
}
#mainFooter #developerLink a:hover
{
    background-position: right -29px;
    color: #515151;
}

/* ======================== */

.Site #template_Stepped_Pages .content
{
}

/* ======================== */


.Site TABLE#subPageTable
{
}
.Site TABLE#subPageTable th.heading
{
}
.Site TABLE#subPageTable td.cell
{
}
.Site TABLE#subPageTable td.col1 
{
}
.Site TABLE#subPageTable .col1 A 
{
}
.Site TABLE#subPageTable .col1 A:hover
{
}

/* ======================== */

.Site #template_Home_Variant .list
{
}

/* ======================== */

.Site #template_Events_Style_2 #column1
{
}
.Site #template_Events_Style_2 #column2
{
}
.Site #template_Events_Style_2 .list
{
}
.Site #column2
{
}
.Site #template_Events_Style_2 .date
{

}

/* ======================== */

.Site #template_Links img.thumbnail
{
}
/* ========================== */

.Site #template_sitemap UL
{
}
.Site #template_sitemap UL LI
{
}
.Site #template_sitemap UL UL LI
{
}
.Site #template_sitemap UL UL a
{
}
.Site #template_sitemap LI
{
}
.Site #template_sitemap ul a
{
}
.Site #template_sitemap ul a:hover
{
}
.Site #template_sitemap ul ul a
{
}
.Site #template_sitemap ul ul a:hover
{
}


.Site #template_ITW_Hompage #column1 h3.title
{
   text-decoration: underline;
}
.Site #template_ITW_Hompage #column1,
.Site #template_ITW_Hompage #column2,
.Site #template_ITW_Hompage #column3
{
    font-size: 0.95em;
    color:#636363;    
}


.Site #cartListing th
{
    background: #BBBBBB url(/images/layout/cartTH.gif) top left repeat-x; 
    color: #5C5C5C;   
}
.Site #cartFull h2
{
    background: none;
 
}
.Site #cartListing td.amount
{
    background: #DDDEE0 url(/images/layout/cartTH.gif) bottom left repeat-x; 
}
.Site #template_List_Orders h3
{
    display: none;    
}
.Site .detail #rangeProductListing
{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.Site .detail #rangeProductListing th,
.Site .detail #rangeProductListing td
{
    border-top: 1px solid #000;
    border-left: 1px solid #000;      
}
.Site .detail #rangeProductListing td td
{
    border: 0;
    text-align: center;    
}
.Site .detail h2
{
    color: #0099CC;    
}
.Site .range dl h5
{
    
}
.Site .range dl h5,
.Site #headerStrapline h2
{ 
    color: #003263;    
}
.Site .range h3.title,
.Site .range h2.title
{
    font-size: 1.1em;
}
.Site .range h3.application
{
	font-weight:normal;
	margin:0;
	color:#000000;
	margin-bottom:10px;
}
.Site .range dt
{
    text-decoration: underline;
    font-weight: normal;
}
.Site .qtyPrice
{
    font-weight: bold;    
}
.Site .whiteborder
{
    border: 1px solid #FFF;    
}
.Site .red
{
    color: #DC362F !important;   
}

.Site ul.subPageHomeList
{
	margin-top:0;
	margin-left:0;
}
.Site ul.subPageHomeList h3
{
	margin:0;
}
.Site ul.subPageHomeList li
{
	list-style-type:none;
	text-align:left;
	padding-left:5px;
	border-bottom:dashed 1px #dddddd;
	padding-top:2px;
	padding-bottom:2px;
}
.Site ul.subPageHomeList li a
{
	color:#002c5e;
	padding-right:10px;
}
.Site ul.subPageHomeList li a:hover
{
		color:#0099cc;
		background:transparent url(/images/layout/subPageHomeList_bg.gif) no-repeat right 4px;
}

.Site #UserLogon a.pwReminder
{
	font-size:85%;
	float:left;
	padding-top:5px;
}
.Site #UserLogon a:hover.pwReminder
{
	color:#0099cc !important;
}
.Site #template_Logon_Register #column1
{
	width:330px;
}
.Site #template_Logon_Register #column2
{
	margin-left:340px;
}
.Site .minOrder
{
	color: #F00;
	font-weight: bold;
}