/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	/*FONT-SIZE: 65%;*/
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    line-height: 1.5;	
}
.Site FORM
{
	margin:0;
}
.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
}
.Site dt
{
    margin-top: 8px;
    margin-left: 10px;
    font-weight: bold;
      
}
.Site dd
{ 
    margin-left: 20px;
       
}
.Site dl h5
{
   margin: 0;
   padding: 0;
   font-size: 1.2em; 
}

.Site H1, H2, H3, H4, H5, H6
{
	
}
.Site H1
{
    FONT-SIZE: 200%;
}
.Site H2
{
    FONT-SIZE: 150%;
    font-weight:normal;
}
.Site H3
{
    FONT-SIZE: 1em;
}
.Site H4
{
    FONT-SIZE: 120%;
}
.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site ul li
{
	list-style-type:square;
}
.Site .hint,
.Site .alert
{
    padding: 11px 0 0px 40px;    
}
.Site .cartAlert
{
    margin-bottom: 20px;
    padding-bottom:  9px;    
}
.Site h3.hint
{
    padding: 11px 0 10px 40px;
}
.Site .contactAddress
{
    width: 300px;
    float: left; 
    padding: 10px !important;
    margin: 7px 10px 7px 10px;  
    border: 1px solid #bcbcbc; 
    min-height: 200px;
    position: relative;
}
.Site .contactAddress p.buttons
{
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    
}
.Site p.addButton
{
    text-align: right;    
}
/* ####################################   Classes   #################################### */
.alignImageMid
{
   padding:2px;
    }
.imageFloatRight {
float: right;
margin-bottom: 5px;
margin-left: 15px;
padding :2px;
}
.Site .inlinePopupContainer
{
    font-size: 120%;
}
.Site .subPageDescription,
.Site .newsarticle
{

    }
.Site .newsarticle .date
{
 float:left;
     }
 .Site .newsarticle p.date
{
    margin:0 3px 0 0;
    padding:0;

    }
 .Site .whitebox .tr h2.title
{
 font-size: 1em;
     font-weight:bold;
    }
  .Site .whitebox .tr h2.title
{
    }
.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}

.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box h2.title
{
     font-size: 1.5em;
     margin:0;
    padding: 0 5px 4px 10px; 
}
.Site .box .content
{
    position:relative;
    padding:10px;
}
.Site .bl
{
    display: none;
}
.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:3px;
}
/* ####################################   Box Classes   #################################### */

.Site .whitebox
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .whitebox h2.title
{
    padding: 5px 40px 6px 10px;
    margin-right: 10px;     
}
.Site #cartFull .whitebox h2.title
{
    padding: 8px 40px 8px 10px !important;
    margin-right: 10px !important;
    font-size: 1.3em !important;     
}
.Site .whitebox .content
{
    padding-top: 0;
    padding-bottom: 5px;    
}
/* ####################################  / Box Classes  #################################### */

.Site a.button
{
    padding: 0px 10px 1px 10px;
    display: inline-block;
    margin-top: 5px;
    white-space:nowrap !important;
}
.Site a.principle
{
	float:right;
}
/* -------------------------------- */
.Site .detail IMG.display
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
    float: right !important;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:150px;
    font-size:1em;   
}
.Site .textbox,
.Site .textBox,
.Site .required
{
    padding: 2px 5px 2px 5px;
}
.Site .textareaReadOnly
{
    width: 500px;    
}
.Site textarea#Notes
{
    width: 500px;
}
.Site textarea.long
{
    width: 400px;    
}
.Site #UserLogon p
{
    text-align: center;
    font-size: 0.9em;    
}
.Site #loginArea #UserLogon p
{
    font-size: 0.9em;
}
.Site #loginArea h4
{
    padding: 5px 0 5px 0;    
}
.Site #loginArea #UserLogon .textbox
{
    width: 70px !important;
}
.Site #column4 #UserLogon .principle
{
    font-size: 1em;    
}
.Site #column4 #UserLogon .textbox
{
    width: 75px !important;
}
.Site .formMainTable td td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 0;
    margin-left:1px;
    PADDING: 2px 0 2px 0;
    zoom: 1;
}
.Site div.range 
{
  width:310px;
  float:left; 
  height: 185px;
  padding: 10px 0 0 10px;
}
.Site .alternate 
{
  border-right:1px dashed #ccc;
    }
 .Site .detail 
{
  width:auto;
  float:none; 
  height: auto !important;
  padding: 10px 0 0 0;
  border-left:0px dashed #ccc;
}
.Site #productImageAndButtons
{
    float: right; 
    text-align: center;   
}
.Site #productImageAndButtons .Picture a img
{
    float: none !important;
    margin-left: 0;   
}
.Site #productImageAndButtons .button
{
   text-transform: uppercase; 
}
.Site .range .thumbnail 
{
  padding: 10px 10px 0 0;  
    }
.Site .list H3.title
{
    font-size: 0.9em;
}
.Site .list H4
{
    font-size: 1em;
    font-weight: normal;
    }

.Site .detail
{
    PADDING: 0 30px 30px 0;
    width: auto !important;
    float: none !important;
    
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3,
.Site .list H2.title
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    position: relative;
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .content p
{
 padding-left:6px; 
    }





.Site .terminus
{
    font-size: 0; 
    clear:both;   
}
.Site .list .terminus, 
.Site .detail .terminus
{
	clear:right;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site .template ul
{
	margin-left:20px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site #subPageList h2,
.Site #subPageList h3
{
    margin: 0;    
}
.Site #subPageList td.col2
{
    padding-bottom: 10px;    
}
.Site .subPageTitle a
{
	display:block;
}
.Site  h3.subPageTitle
{
	border:0
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site td.subPageItem .subPageTitle
{
    text-align: center;    
}
.Site td.subPageItem .subPageTitleThumb
{
    text-align: center;    
}

/* ################################### Site IDs ################################# */

#mainTable,
#mainFooter
{
    line-height:1.2;
	width:879px;
	margin:auto;
}
#mainTable
{
	margin-top: 4px;
}
.Site #mainHeader
{
	position:relative;
	min-height: 73px;
}
.Site #logo
{
    margin-left:18px;     
}
.Site #cartBrief
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 725px;
    padding: 0 5px 5px 0; 
}
.Site #cartBrief p
{
    margin: 0; 
    margin-top: 3px; 
    font-size:0.9em;  
}
.Site #cartBrief span.cartBrief
{
    padding-left: 30px; 
}
/* ################################## Menu setup ################################### */

.Site #mainMenu
{
    padding-left: 55px; 
}
.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li
{
    padding:0;
    margin:0; 
}
.Site #mainMenu li, 
.Site #subMenu li
{
	list-style:none;
	display:inline;
}
.Site #mainMenu ul
{
     float: right; 
     margin-right: 2px;
}
.Site #mainMenu ul a
{
	float:left;
	padding:8px 0 9px 0;
	margin: 0 13px 0 13px;
	font-size: 0.8em;
}
/* ################################## Footer Menu setup ################################### */
#mainFooter #footerMenu
{
    float: left;
    width: 550px;
    text-align: center;
    font-size: 0.8em;
    padding-top: 7px;
}
#mainFooter #footerMenu li
{
	list-style:none;
	display:inline;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#mainFooter #productMenu ul a
{
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 0.8em;
}
#mainFooter #footerMenu ul
{
    text-align: center;
    margin: 0;
    padding: 0;
}
#mainFooter #footerMenu ul a
{
	padding:0 5px 0 1px;
	margin: 0;
}
/* ################################## Footer Menu setup ################################### */
#mainFooter #productMenu
{
    padding: 0;
    margin: 0;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 7px;
}
#mainFooter #productMenu li
{
	list-style:none;
	display:inline;
	margin: 0;
	padding: 0;
}
#mainFooter #productMenu ul
{
    text-align: center;
    margin: 0;
    padding: 0;
}
#mainFooter #productMenu ul a
{
	padding:0 7px 0 2px;
	margin: 0;
	white-space: nowrap;
}
/* ----------------------- */
.Site #location
{
    padding: 5px;
    margin-bottom: 6px;
    font-size:0.8em;
}
.Site #headerArea
{    
}
.Site #headerArea #headerStrapline
{
    width: 560px;
    margin-left: 15px !important;
    vertical-align: middle !important;    
}
.Site #headerArea #headerStrapline p,
.Site #headerArea #headerStrapline h1,
.Site #headerArea #headerStrapline h2,
.Site #headerArea #headerStrapline h3,
.Site #headerArea #headerStrapline h4,
.Site #headerArea #headerStrapline h5,
.Site #headerArea #headerStrapline h6
{
    margin: 0;
    margin-bottom: 6px;
    font-weight: normal;
}
/* ################################## Sub Menu setup ################################### */

.Site #leftCol
{
    float:left;
	width:183px;
}
.Site #leftColModules img
{
	margin:0;
}
.Site .subMenuTop,
.Site .subMenuBottom
{
    height: 5px;
}
.Site .subMenuBottom
{
    margin-bottom: 20px;
}
.Site #subMenu
{
	margin:0;
	padding: 5px 0 5px 0px;
	margin-left: 0;
}
.Site #subMenu ul a.active,
.Site #subMenu ul a.on  
{
   font-weight:bold; 
    }
.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:7px 5px 7px 20px;
	margin:0;
	font-weight: normal;

}
.Site #subMenu ul ul 
{
 padding: 0px 0 0px 0; 
    }
.Site #subMenu ul ul a
{
	padding-left:20px;

}
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active
{
	padding-left:20px;
	font-weight:bold; 
}
.Site #subMenu ul ul ul a
{
	padding-left:30px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:40px;
}
.Site #subMenu ul ul ul ul ul a
{
	padding-left:50px;
}
.Site #subMenu ul ul ul ul ul ul a
{
	padding-left:60px;
}
.Site #subMenu ul ul ul ul ul ul ul a
{
	padding-left:70px;
}
/* ################################## Sub Menu setup ################################### */

.Site #searchMenu
{
	margin:0;
	padding:0;
	margin-left: 0;
}
.Site #searchMenu ul
{
    margin: 0; 
    padding: 0;   
}
.Site #searchMenu li
{
    list-style: none;   
}
.Site #searchMenu ul a
{
	display:block;
	padding:0;
	margin:0;
	margin: 20px 15px 20px 0;
	text-transform: uppercase;
}
/* ======================== */
.Site #loginArea
{
    padding: 5px; 
}
.Site #loginArea h4
{
    margin: 0 0 10px 0;    
}
/* ======================== */

.Site #mainTitle
{
    MARGIN:0 0 0 0;
    padding:0px 10px 20px 0px;
}
.Site .mainTitleFullWidth
{
    margin-left: 0 !important;
}
.Site .mainTitleHome
{
    display: none !important;
}
.Site #mainTitle H1,
.Site #cartFull h2
{
	MARGIN: 0;
    font-size: 1.6em;
    font-weight:normal;
    padding-left:0;
}
.Site #cartFull h2
{
    margin-bottom: 20px;    
}
.Site #mainLayoutContainer
{
    padding: 0 1px 0 1px;    
}
.Site #mainLayout
{
	margin-left:190px;
	line-height:1.5;
	padding:15px;
	padding-top: 0;
}
.Site .mainLayoutFullWidth
{
    margin-left: 0 !important;    
}
.Site .mainLayoutHome
{
    margin: 0 !important;
    padding: 0 !important;    
}
.Site .Fullwidth
{
	padding:10px !important;
}
.Site .mainLayoutHome #cartFull
{
    margin: 30px;    
}
.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
.Site #template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}

.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
#mainFooter
{
    padding:10px;
    margin-bottom: 100px;
}
#mainFooter #copyright
{
    font-size: 0.9em;}
/* ======================== */


.Site #header
{
	padding-bottom:2px;
	margin-bottom:2px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}

/* ======================== */

.Site #template_2_Columns DIV#column1
{
	width: 284px !important;
}
.Site #template_2_Columns DIV#column2
{
	margin-left: 294px !important;
}

/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
#mainFooter #copyright
{
    float: left; 
    width: 170px; 
    padding: 7px 0 9px 2px;  
}
#mainFooter #developerLink
{
    float: left;
    width: 155px;
    font-size: 0.8em;    
}
#mainFooter #developerLink a
{
	padding: 7px 53px 10px 0;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, 
.Site #logonForm td
{
	vertical-align:middle;
}
/* ############################### Homepage Template ############################ */
.Site #template_ITW_Hompage
{
    padding: 0;
    margin: 0;
    padding-bottom:18px;    
}
.Site #template_ITW_Hompage .homecolumn
{
    float: left;
    margin-bottom: 0 !important;  
}
.Site #template_ITW_Hompage #column2,
.Site #template_ITW_Hompage #column3
{
    width: 280px;
    margin-left:6px;
    margin-right:6px;   
}
.Site #template_ITW_Hompage #column1
{
   padding: 0 2px 0 8px;
   width: 282px;
}
.Site #template_ITW_Hompage #column1 h2
{
	margin-top:5px;
}
.Site #template_ITW_Hompage #column4
{
   width: 221px; 
   margin-right: 0px;
   margin-left:5px;
}
.Site #template_ITW_Hompage .subPageImage
{
    padding: 10px 0 5px 10px;
}
.Site #template_ITW_Hompage .subPageDescription,
.Site #template_ITW_Hompage .subPageExtraDescription
{
    padding: 5px 5px 5px 5px;  
}
.Site #template_ITW_Hompage .subPageExtraDescription
{
	margin-top:19px;
}
.Site #template_ITW_Hompage .whitebox
{
    margin-bottom: 4px !important;
    margin-top: 2px;
}
.Site #rangeProductListing
{
    margin-bottom: 20px;    
}
.Site .detail #rangeProductListing th,
.Site .detail #rangeProductListing td
{
    padding: 3px;
    vertical-align: middle;
    font-size: 0.85em;    
}
.Site #rangeProductListing .sizeLabel,
.Site #rangeProductListing .orderCode
{
    width: 80px;
    text-align: center; 
}
.Site #rangeProductListing .optionPick
{
    text-align: center;    
}

.Site .detail #rangeProductListing td td
{ 
    padding: 0 2px 0 2px;   
}
.Site #rangeProductListing .cartAction
{
    width: 100px;
    text-align: right;    
}
.Site #rangeProductListing td.cartAction .qtybox
{
    margin: 0 0 3px 0;    
}
.Site .detail .box td.range
{
    text-align: center;
    vertical-align: middle;    
}
.Site .detail .box td.range img
{
    float: none !important;    
}
.Site .detail h2
{
    margin: 0px 0 10px 0;
    font-size: 2em;    
}
.Site .detail .productForm
{
    margin-bottom: 20px;    
}
.Site .detail .productForm
{
    display: none;    
}
.Site .detail .productFormShow
{
    display: block;    
}



.Site .formMainTable .middleTextAreas th
{
    width: 250px;    
}
.Site .formMainTable span.radiocheckbox
{
    height: auto !important;  
    position: relative; 
    top:-10px;
    left:0; 
}
.Site .formMainTable .blockradios span.radiocheckbox
{
    display: block;    
}
.Site .subscribeForm span.radiocheckbox
{
	display:block;
}
.Site .subscribeForm span.radiocheckbox label
{
	font-size:95%;
}
.Site .SearchResult
{
    padding: 10px 0 10px 0;    
}
.Site #featureImage
{
	margin-left:1px;
	margin-top:1px;
}
.Site #registerPrompt.hint
{
	padding-top:0;
}
.Site #cartLogonBox a.pwReminder,
.Site #column1 a.pwReminder
{


}
.Site #cartLogonBox a:hover.pwReminder
.Site #column1 a:hover.pwReminder
{

}

#cartFull #contact .content
{
	padding-top: 10px;
}
