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

BODY
{
    MARGIN:0;
}
.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, td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, ol, ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}
.Site H1
{
    FONT-SIZE: 200%;
}
.Site H2
{
    FONT-SIZE: 170%;
}
.Site H3
{
    FONT-SIZE: 130%;
}
.Site H4
{
    FONT-SIZE: 120%;
}
.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site A 
{
    text-decoration:none;
    font-weight:bold;}
.Site li A 
{
    text-decoration:none;
    font-weight:normal;}
/* ======================== */

.Site #mainTitle
{
    MARGIN:0 7px 0 10px;
    padding:0;
font-family:Arial;
}
.Site #mainTitle H1
{
	MARGIN:0 1px 0 10px;
	padding:5px 0 5px 10px;
	font-size:150%;
	font-weight:lighter;
	text-transform:lowercase;
    /*width:300px;
    float:left;*/
}/* =========== uncomment for login ============= */
.Site #mainLayout
{
	margin:0 0 0 180px;
	line-height:1.5;
	padding:0 15px 20px 0px;
	font-family:Arial;
	font-size:90%;
	min-height:300px;
}
.Site #mainLayout h1
{
    font-family:Times New Roman;
    font-size:180%;
    font-weight:normal;
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
.Site #mainLayout h2
{
    font-family:Times New Roman;
    font-size:160%;
    font-weight:bold;
    margin:20px 0 15px 0;
    padding:0 0 0 0;
    }
.Site #mainLayout h3
{
    font-family:Times New Roman;
    margin:20px 0 15px 0;
    padding:0 0 0 0;
    }
.Site #mainLayout h4
{
        margin:0 0 0 0;
    padding:0 0 0 0;
    }
.Site #mainLayout ul
{
    padding:0 0 0 0;
    margin:0 0 10px 0;
    }
.Site #mainLayout li
{
    list-style:none;
    padding:0 0 0 20px;
    margin:0 0 0 0;
    font-family:Arial;
    line-height:1.5em;
    }
.Site #mainLayout #colum2 li
{
    padding:0 0 0 20px;
    }
.Site #headerbanner 
{
	margin:0 14px 30px 165px;
	/*height:169px;*/
	text-align:right;    
    }
.Site .contentFooter 
{
   height:17px; 
   margin-bottom:5px;
   height:1%;
   }

.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;
}
.Site #mainFooter
{
    padding:10px;
}
#footerLinks
{
padding:0 0 0 10px;   
width:760px;
margin-left:auto;
margin-right:auto;
font-size:90%;     
}
#footerLinks #footerLeft
{
    
    width:40%;
    float:left;
    }
#footerLinks #footerRight
{
    width:40%;
    float:right;
    text-align:right;
    }
/* ======================== */

/* ####################################   Classes   #################################### */

.Site .box li a
{
    text-decoration:none;
    }
.Site .box li 
{
  font-size:120%;  
    }
.Site .box li a:hover
{
    text-decoration:underline;
    }
.Site .box
{
    padding:0;
    margin:0 0 10px 0;
    width:auto;
    height:1%;

}

.Site .box .tl, .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box 
{

    }
.Site h2.title
{
    font-size:160% !important;
    font-weight:bold !important;
    margin:0 !important; 
     
}
.Site #backTop a
{
    display:block;
    padding:20px 0 0 0;
    font-size:90%;
    }
.Site .box h2.title
{
    padding-left:30px !important;
}
.Site .box h3
{
    font-size:110% !important;
    font-weight:bold !important;
    font-family:Arial !important;
    margin:0 0 10px 0 !important;  
}
.Site .box .tr 
{
    margin:5px 10px 5px 10px;
    width:auto;
   
}

.Site .box .content
{
    position:relative;
    padding:1px 10px 1px 10px;
}
.Site .box .content li
{
    list-style:none;
    padding:0 0 0 35px;
    margin:0 0 0 40px !important;
    font-family:Arial;
    line-height:2em;
}

.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}
.Site .dropdown, .textarea, .textbox
{
    WIDTH:250px;
    font-size:1em;
    font-family:Arial;
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, .detail .terminus
{
	clear:right;
}
.Site .terminus
{
   font-size:0px;
   line-height:0px; 
    }
.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 .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}


/* ################################### Site IDs ################################# */
#mainTableOuter
{
	width:765px;
	margin:0 auto 0 auto;
}
#mainTable
{
	width:765px;
	margin:0;
	padding:2px 0px 0 0;
	/*1px border in color css to fix dissappearing padding */
}
.Site #mainHeader
{
	position:relative;
}
.Site #logo 
{
   padding:15px 0 40px 0px;
   margin:0 0 35px 10px;
   
   }
.Site #mainLayoutContainer
{
	margin:0;   
	padding:0;
}
#breadCrumb
{
    margin:10px auto 0px auto;
    padding:0 0 3px 0;
    font-size:90%;
    width:752px;
    }
#breadCrumb a
{
    text-transform:lowercase;
    text-decoration:none;
    }
.Site #headerNav 
{
  padding:0;
    margin:0px 9px 3px 12px; 
    }
.Site #headerNav ul
{
    margin:0;
    padding:0;
   	width:742px;
    }
* html .Site #headerNav ul /*this hack fixes the broken box model*/
{
	width:742px;
}
.Site #headerNav li
{
 position: relative;
	display: inline;
	white-space:nowrap;
 list-style:none; 

    }
.Site #headerNav a
{ 

    font-family: Times New Roman;
padding: 7px 17px 8px 17px;
	margin:0;
	float:left;
	line-height:160%;
	white-space:nowrap;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
font-size:140%;
  }  
    
/* ################################## login ################################### */ 
.Site #loginInner
{
    margin-left:440px; 
       text-align:right;
    }
.Site #loginBrief_Col,
.Site #loggedInAs 
{
 margin:0;
 padding:0;
    }
 .Site .textbox
{
    width:100px
    }
 .Site .button
{
    height:21px;
    border:0;
    }    
 
/* ################################## Menu setup ################################### */

.Site #subMenu
{
	float:left;
	width:164px;
	margin:0 0 0 0;
}
.Site #subMenu ul, #subMenu li
{
    padding:0;
    margin:0;
}
.Site #subMenu li
{
	list-style:none;
	display:inline;
}
.Site #subMenu ul a
{
	text-decoration:none;
	font-size:120%;
	font-family:Arial;
	display:block;
	padding:2px 0 5px 30px;
	margin:0 0 0 0px;
}
.Site #subMenu ul span
{
 display:block;
 margin:0 10px 0 20px;
 line-height:0px;	
 }
.Site #subMenu ul ul a
{
	padding-left:25px;
	margin-left:10px
}
.Site #subMenu ul ul ul a
{
	padding-left:43px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:53px;
}




.Site #header
{
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}
#footerImage 
{
    margin:0 auto 0 auto;
    width:760px;
    padding:0 0 5px 5px;
    text-align:center;
    }
/* ======================== */

.Site #template_2_Columns DIV#column1
{
	width: 284px !important;
}
.Site #template_2_Columns DIV#column2
{
	margin-left: 294px !important;
}

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

#template_2_Columns_66_33 DIV#column1
{
	float:left;
    width:300px !important;
}
#template_2_Columns_66_33 DIV#column2
{
    margin-left:315px!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;
}
#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;
}
.Site #developerLink a
{
	margin:10px;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, #logonForm td
{
	vertical-align:middle;
}
.Site label
{
    padding:0 4px 0 0;
    }