/* 
	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, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}

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

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box .tr h2
{
    margin:0 5px;
    width:auto;
}
.Site .box .content
{
    position:relative;
    padding:10px;
}
.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:250px;
    font-size:1em;
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
    height: 1%;
}
.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;
    position: relative;
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .terminus
{
	line-height:0;
	font-size:0;
}
.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 .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}


/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:996px;
	margin:auto;
	margin-top:40px;
}
.Site #mainTableTop
{
	width:996px;
	height:4px;
}
.Site #mainTableBottom
{
	width:996px;
	height:5px;
}
.Site #mainHeader
{
	position:relative;
	height:124px;
	padding-left:4px;
}
.Site #mainLayoutHeader
{
	padding-left:5px;
}
.Site #mainLayoutContainer
{
	margin-left:4px;
	margin-right:6px;
}

.Site #mainLayoutContainer.fullwidth #mainLayout
{
	width:747px;
	margin-left:4px;
	padding:7px 0 10px 10px;
}
.Site #template_Image_Library_Scroller #scrollerContainer
{
	width:550px;
}
/* ################################## Menu setup ################################### */

.Site #mainMenu
{
}
.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
{
	padding-left:6px;
}
.Site #mainMenu ul a
{
	float:left;
	padding:2px 6px 3px 15px;
	line-height:1.7em;
}

/* ################################## Sub Menu setup ################################### */
.Site #subMenu .arrow
{
	position:absolute;
	top:3px;
	right:6px;
}
.Site #subMenu
{
	float:left;
	width:182px;
	margin:10px 0;
	padding-left:8px;
}
.Site #subMenu .subBottom
{
	position:absolute;
	bottom:0;
	left:0;
}
.Site #subMenu ul
{
	margin-bottom:2px;
}
.Site #subMenu ul li
{
   	margin-bottom:0px;
   	background-image:none;
}
.Site #subMenu ul a
{
	position:relative;
	line-height:1.2;
	display:block;
	padding:9px 40px 11px 20px;
	margin:0;
}
.Site #subMenu ul ul a
{
	padding:0 0 1px 34px;
	width:140px;
}
.Site #subMenu ul ul ul a
{
	padding:0 0 1px 42px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:50px;
}
.Site #subMenu ul ul ul ul ul a
{
	padding-left:58px;
}

/* ################################## Bottom Menu setup ################################### */
.Site #btmMenu
{
	float:right;
	padding-left:4px;
	margin-right:7px;
	margin-top:1px;
	width:40%;
}
.Site #btmMenu ul
{
	float:right;
	margin:0;
}
.Site #btmMenu li
{
	list-style-type:none;
	display:inline;
	border-right:1px solid #414141;
	padding-left:3px;
}
.Site #btmMenu a
{
	padding-right:3px;
	padding-left:3px;
}

/* ################################## Top Menu setup ################################### */
.Site #topMenu
{
	position:absolute;
	bottom:0;
	right:0;
	margin-right:12px;
	margin-bottom:1px;
}
.Site #topMenu ul
{
	float:right;
	margin:0;
}
.Site #topMenu li
{
	list-style-type:none;
	display:inline;
}
.Site #topMenu a
{
	float:left;
	padding-right:23px;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:6px;
	text-transform:uppercase;
}
/* ################################## Right Column setup ################################### */

.Site #rightCol
 {
	padding-top:5px;
    float: right;
    width: 200px;
    padding-right:15px;
 }
.Site .rightColumnLink
{
	margin-bottom:2px;
	width: 206px !important;
}
.Site .rightColumnLink img
{
	border:none;
}
/* ======================== */

.Site #mainTitle
{
    MARGIN:0 0 0 0px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
}
.Site #mainLayout
{
	float:left;
	line-height:1.5;
	padding:8px 10px 10px 10px;
	width:561px;
}
.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:6px 0px 0px 4px;
}

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


.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:both;
}

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

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

.Site #template_2_Columns_Boxed DIV#column1
{
	width: 263px !important;
}
.Site #template_2_Columns_Boxed DIV#column2
{
	margin-left: 274px !important;
}
.Site #template_3_Columns #column1
{
	width:180px;
}
.Site #template_3_Columns #column2
{
	width:180px;
}
.Site #template_3_Columns #column3
{
	margin-left:380px;
}
.Site #mainLayoutContainer.fullwidth #template_3_Columns #column1
{
	width:240px;
}
.Site #mainLayoutContainer.fullwidth #template_3_Columns #column2
{
	width:240px;
}
.Site #mainLayoutContainer.fullwidth #template_3_Columns #column3
{
	margin-left:490px;
}

.Site #mainLayoutContainer.fullwidth #template_2_Columns DIV#column1
{
	width: 360px !important;
}
.Site #mainLayoutContainer.fullwidth #template_2_Columns DIV#column2
{
	margin-left: 365px !important;
}
.Site .homeCol1 img
{
	margin:5px;
}
.Site .homeCol1 p
{
	margin-bottom:0;
	margin-top:5px;
}


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

.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 .product .display
{
	float:right;
	margin-left:5px;
}
/* ======================== */

.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;
}
.Site #developerLink
{
	width:150px;
	margin-top:5px;
	padding-left:3px;
}
.Site #developerLink a
{
	margin-right:5px;
	float:left;
}

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

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

/* ############################### Image Links ############################ */


.Site a.imageLink
{
    z-index: 4;
    padding: 0 !important;
    margin: 0;
    overflow: hidden;
    position: absolute;
}
.Site a.imageLink img
{
    margin: 0 !important; 
    padding: 0 !important; 
    z-index: 1;
}
.Site a.imageLink strong
{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left:0; 
   z-index: 3;
}
.Site .imageLinkDetail
{
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    font-size: 1.2em;
    z-index: 6;
    min-height: 24px;
    margin-left:1px;
    padding: 8px 0 1px 0;
}
.Site .imageLinkDetail span
{
	padding-left:15px;

}
.Site #certification
{
	text-align:center;
	margin-top:-37px;
}
.Site table#libraryList
{
	width:auto !important;
}
.Site #template_Information #pageMenu
{
	margin-bottom:30px;
	display:block;
}
.Site #template_Information #pageMenu li
{
	width:50%;
	float:left;
}
.Site #template_Information #pageMenu ul
{
	display:inline-block;
}
.Site .information
{
	margin-top:25px !important;
}
.Site .information .backTop
{
	margin-bottom:25px !important;
	margin-top:25px !important;

}
.Site .information .backTop a
{
	background: transparent url(/images/layout/backtop.gif) no-repeat 0 3px!important;
	padding-left:20px;
	padding-bottom:4px;
	padding-top:4px;
}
.Site .information .backTop a:hover
{
	background: transparent url(/images/layout/backtop_hover.gif) no-repeat 0 3px!important;
}