/* 
	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 !important;
    padding: 0;
}
.Site H5
{
    display:inline;
}
.Site H6
{
	MARGIN-TOP: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN-BOTTOM: 3px;
}
.Site .button
{
	padding: 1px 4px 2px 4px;	
}
.Site .principle
{
	padding: 1px 25px 2px 4px;	
}
.Site .qtyButton
{
	padding: 3px 3px 1px 3px;
	width: 20px;
		
}
.Site a.textButton 
{
	padding: 3px 10px 4px 10px; 	
}
.Site a.textPrinciple 
{
	padding: 3px 31px 4px 10px; 	
}
.Site TABLE
{
	WIDTH: 100%;
}
.Site TABLE TD
{
    PADDING: 0;
    VERTICAL-ALIGN: top;
}
.Site TABLE TH
{
    TEXT-ALIGN: left
}
.Site FORM
{
	margin:0;
	padding: 0;
}
.Site .bold
{
	font-weight: 700;	
}
.Site .list, .Site .detail
{
    MARGIN-BOTTOM: 10px;
    margin-left:1px;
    PADDING: 10px;
}
.Site .list H3
{
    MARGIN: 0;
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.Site .list P
{
	MARGIN: 3px 0;

}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}

.Site .tl
{
	padding:0;
    margin:0;
    width:auto !important;
}
.Site .tr
{
	padding:0;
    margin:0;
    width:auto !important;
}
.Site .tr h2
{
    padding: 4px 5px 4px 40px;
    margin:0;
    width:auto;
}
.Site .box .content
{
    width:auto !important;
    padding: 15px;
}
.Site .content img
{
	margin:5px;
}

.Site .content table td
{
	padding:3px;
	text-align:center;
}
.Site #footer, #header
{
    padding: 5px 0;
}
.Site #template_Keysource_Unit_SubPage_Listing #footer
{
	clear:both !important;	
}
.Site #template_2_Columns DIV#column1
{
	width: 284px !important;
}
.Site #template_2_Columns DIV#column2
{
	margin-left: 294px !important;
}
.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:0;
	margin: 0;
	padding-left:1px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 0 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .unitSubPageListing
{
	
}
.Site .unitSubPage
{
	width: 30%;	
	text-align: center;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site .subPageItem img.image
{
	margin: auto;
}
.Site .formMainTable
{
	padding: 0px;
	width: 100% !important;
}
.Site .formMainTable h3
{
	padding:4px 0 4px 40px;
	margin:0 0 5px 0;
}
.Site .formMainTable table
{
	width: 100% !important;
}
.Site .formMainTable table td, .Site .formMainTable table th
{
	padding:5px;
}
.Site #template_Logon_Register form .principle
{
	margin-top: 15px;
}
.Site form .attach
{
	float: none !important;
	margin-bottom: 5px;
}
.Site form .attachButton,
.Site .logon
{
	text-align: right;	
}
.Site .progressLegend
{
	height:50px;
}
.Site .progressLegend SPAN
{
	display:block;
	float:left;
	width:123px;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	margin-right:4px;
}
.Site .briefButtons
{
	float: right;	
}
.Site #customerComment
{
	margin-top: 9px;
	padding: 0 2px 0 9px;
	font-size: 0.8em;
}
.Site #customerComment .companyName
{
	display:none;
}
.Site td.price
{
	text-align: right;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:760px !important;
	background:#fff;
	margin: 0;
}

.Site #mainHeader
{
	position: relative;
	height: 110px;
}
.Site #headerReturn
{
	position: absolute;
	top: 0;
	left: 0;
	width: 111px;
	padding: 0;
	margin: 0;
	padding: 18px 0 20px 35px;
		
}
.Site #headerReturn a
{
	padding: 0;
	margin: 0;
}
.Site #headerContact
{
	position: absolute;
	top: 0;
	right: 0;	
	padding: 8px 10px 8px 40px;
}
.Site #logo
{
	margin-left: 146px;
}
.Site #strapline
{
	position: absolute;
	top: 50px;
	right:35px;	
}
.Site #strapline h1
{
	font-weight: normal;	
}
.Site #location
{
	width:760px;
}

.Site #menuContainer
{
	position: relative;
	width: 100%;
}
.Site #mainTitle
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90px;
}
.Site #mainTitle p
{
	text-align: right;	
	margin: 3px 3px 3px 3px;
	padding: 0;
}
/* ################################## Menu setup ################################### */

.Site #mainMenu
{
	width: 670px;
	padding-top: 16px;	
}
.Site #mainMenuContainer
{
	
}
.Site #mainMenu ul, 
.Site #mainMenu li
{
    padding:0;
    margin:0; 
}
.Site #mainMenu ul
{
	
}
.Site #mainMenu li
{
	list-style:none;
	display:inline;
}
.Site #mainMenu ul a
{
	float:left;
	padding:3px 33px 5px 33px;
}
.Site #mainMenu ul a.pg425
{
	padding:3px 33px 5px 33px;	
}
/* ################################## Sub Menu setup ################################### */

.Site #subMenu,
.Site #subMenu2, 
.Site #subMenu3, 
.Site #subMenu4, 
.Site #subMenu5
{
	padding:0;
	margin:0;
	font-weight:700;
	width: 669px;
}
.Site #subMenu ul, 
.Site #subMenu2 ul, 
.Site #subMenu3 ul, 
.Site #subMenu4 ul, 
.Site #subMenu5 ul 
{
	padding:0;	
	margin:0;
	width:669px;
	float:left;
	padding-left: 10px;
}
.Site #subMenu2 ul
{
	padding-left: 20px;	
}
.Site #subMenu3 ul
{
	padding-left: 30px;	
}
.Site #subMenu4 ul
{
	padding-left: 40px;	
}
.Site #subMenu5 ul
{
	padding-left: 50px;	
}
.Site #subMenu li, 
.Site #subMenu2 li, 
.Site #subMenu3 li, 
.Site #subMenu4 li, 
.Site #subMenu5 li 
{
    position:relative;
    padding: 0;
    margin: 0;
	display:inline;
}
.Site #subMenu ul a.active
{
	color:#fff;
}
.Site #subMenu2 ul a.active
{
	color:#000;
}
.Site #subMenu3 ul a.active
{
	color:#000;
}
.Site #subMenu4 ul a.active
{
	color:#000;
}
.Site #subMenu5 ul a.active
{
	color:#000;
}
.Site #subMenu ul a, 
.Site #subMenu2 ul a, 
.Site #subMenu3 ul a, 
.Site #subMenu4 ul a, 
.Site #subMenu5 ul a 
{	
	float:left;
	FONT-SIZE: 1em;
	font-weight: normal;
	text-decoration:none;
	border-bottom:none;
	padding: 3px 8px 4px 8px;
}
/* ################################## Quote Menu setup ################################### */

.Site #quoteMenu
{
	width:136px;
	margin:0;
	margin-top: 10px;
}
.Site #quoteMenu ul, .Site #quoteMenu li
{
	margin: 0;	
	padding: 0;
	list-style: none;
}
.Site #quoteMenu ul a
{
	width: 141px;
	line-height:1;
	display:block;
	padding:7px 0 7px 5px;
	margin:0;
}
.Site #quoteMenu ul ul a
{
	padding-left:33px;
}
.Site #quoteMenu ul ul ul a
{
	padding-left:43px;
}
.Site #quoteMenu ul ul ul ul a
{
	padding-left:53px;
}
/* ################################## Footer Menu setup ################################### */

.Site #footerMenu
{

	margin-top: 10px;
	padding: 5px 10px 7px 0;	
}
.Site #footerMenu ul, 
.Site #footerMenu li
{
    padding:0;
    margin:0;
}
.Site #footerMenu ul
{	
	
}
.Site #footerMenu li
{
	list-style:none;
	display:inline;
}
.Site #footerMenu ul a
{
	padding: 0 5px 1px 8px;
}
/* ======================== */
.Site #mainLayoutContainer
{
	min-height: 350px;
}
.Site #leftCol
{
	float: left;
	width: 136px;	
}
.Site #Register
{	
	width: 146px;
	margin-top: 20px;
	padding: 6px 0 5px 0;
	text-align: center;
}

.Site #membership
{
	width: 136px;	
	padding: 5px 0 0 5px;
}
.Site #membership label
{
	margin-left:7px;	
}
.Site span.radiocheckbox
{
	white-space: nowrap;	
}
.Site #membership .textbox
{
	width: 117px;
	margin-left: 7px;	
}
.Site #loginBrief_Col .userName
{
	padding: 2px 0;
}
.Site #loginBrief_Col div .button
{
	float: right;
	margin-right: 5px;
}
.Site #calculatorBrief h6
{
	padding-left: 1px;	
}
.Site #calculatorBrief p
{
	padding-left: 10px;	
}
.Site #mainLayout
{
	margin-left: 165px;
}
.Site #mainLayout TABLE#productList TD.list
{

}
.Site #template_News_Articles_Style_2 #column1
{

}
.Site #template_News_Articles_Style_2 #column2
{

}
.Site #template_Mailform_Right #column1
{

}

.Site #template_Mailform_Right #column2
{

}

.Site .template ul
{
	margin:0;
}
.Site #mainFooter
{
	float: left;
	width: 70%;
    MARGIN:0 !important;
    padding:19px 10px 19px !important;
    
}

.Site #developerLink
{
	width: 15%;
	float: right;
	margin-top: 10px;
}
.Site #developerLink a:hover
{

}
/* ======================== */


.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-RIGHT: 2%;
    PADDING-LEFT: 2%;
    PADDING-BOTTOM: 2%;
    WIDTH: 96%;
    PADDING-TOP: 2%;
    TEXT-ALIGN: right;
}
.Site #template_sitemap
{
	margin-left:10px;
}
.Site #template_sitemap ul
{
	margin:0;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap li
{
	padding-bottom:1em;
}
.Site #template_sitemap ul a
{
	padding-left:10px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}
.Site #template_sitemap ul ul li
{
	padding:0;
}
.Site #template_sitemap ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul ul a
{
	padding-left:20px;
}

.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 .textBox
{
    WIDTH: 365px
}
.Site .textArea
{
    WIDTH: 365px
}
.Site .dropDown
{
	WIDTH: 365px
}
.Site .form TD
{
	padding:2px 0px;
}
.Site DD
{
	PADDING-LEFT: 0px;
	MARGIN-LEFT: 0px
}

.Site a#eonicLink
{
	margin-top:5px;
	margin-bottom:10px;
}
/* ========= UNIT LISTING TEMPLATES =========== */
.Site #template_Keysource_Unit_Listing #column1,
.Site #template_Keysource_Unit_SubPage_Listing #column1
{
	width: 390px;	
}
.Site #template_Keysource_Unit_Listing #column2,
.Site #template_Keysource_Unit_SubPage_Listing #column2
{
	width: 190px;
	float: right;	
}
.Site .unitListing .h2,
.Site .unitListing h2
{
	margin: 0;
	padding: 5px;
	text-transform: capitalize;
}
.Site .unitListing .h2 .expandNotes
{
	display:block;
	float:right;
	font-size:x-small;
}

.Site .unitListing h3
{
	margin: 0;
	padding: 5px;
	position: relative;	
}
.Site .unitListing table
{
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 10px;
	width: 100% !important;
}
.Site .unitListing th,
.Site .unitListing td
{
	padding: 3px;
	vertical-align: middle;	
}
.Site .unitListing td.varating
{
	width: 70px;
	text-align: center;
}
.Site .unitListing td.addButtons
{
	width: 115px;
}
.Site .unitListing td.addButtons .textbox
{
	font-size: 10px;
}
.Site .unitListing td.addButtons .button
{
	font-size: 10px;	
}
.Site h2.quoteListingh2
{
	position: relative;
	padding: 5px !important;	
}
.Site #template_List_Quotes .addMore
{
	display: none;	
}
.Site #template_List_Quotes .listedQuoteBrief
{
	margin-bottom: 40px;	
}
.Site .unitListing #Custom_group .textbox
{
	width: 85px;	
}
.Site .unitListing .catGroup
{
	margin-left: 5px;
	margin-bottom: 10px;	
}
.Site .selectProduct
{
	padding-top: 5px;
	float: right;	
}
.Site .manufacturerList
{
	display: none;	
}
/* ========= SAVE CONFIGURATOR TEMPLATES =========== */
.Site #SaveConfiguratorOptions
{
	position: absolute;
	top: 100px;
	left: 250px;
	padding: 20px;
	width: 350px;	
	display: none;
	z-index:200;
}
.Site #SaveConfiguratorOptions h3
{
	margin-top: 0;	
}
.Site #SaveConfiguratorOptions input
{
	margin-bottom: 7px;	
}
.Site #template_List_Quotes h2
{
	position: relative;	
}
.Site h2 .configButtons
{
	position: absolute;
	top:3px;
	right: 3px;	
}
.Site h3 .configButtons
{
	position: absolute;
	top:0;
	right: 0;	
}
/* ============  Cart and Quote Brief  ============ */

.Site #cartQuoteDetails
{
	text-align: right;	
	position: absolute;
	right: 0;
	bottom: 5px;
}
.Site #cartBrief a, 
.Site #quoteBrief a
{
	padding: 2px 0 4px 40px;	
}
.Site #notesForm
{
	margin-top: 20px;	
}

/* ========= Product Detail =========== */
.Site .productDetail #column1
{
	width: 300px;
}
.Site .productDetail #column2
{
	float:right;
	width: 260px;
}
.Site .productDetail #column2 .price,
.Site .productDetail #column2 .cartAdd
{
	text-align: right;	
}
.Site .productDetail #column2 .cartAdd
{
	padding-top: 30px;	
}
.Site .productDetail #column2 .price h3
{
	margin: 0 !important;
	padding: 0;	
}
.Site .productDetail #column2 th
{
	padding-top: 20px;	
}