/* 
	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-color:#FFF;
}
.Site /* same element as #mainTable */
{
	FONT-SIZE: 90%;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    color:#777;
    line-height: 1.5;	
}
.Site hr
{
	border: 1px solid #CCD4E9;	
	background: none;
}
.Site A 
{
	text-decoration: none;
	font-weight: bold;
	color: #002A90;
}
.Site A:hover
{
	color: #777;
}
.Site DT
{

}
.Site dd
{

}
.Site H1, H2, H3, H4, H5, H6
{
	color: #555;
}
.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 IMG
{
	border:none;
}
.Site #mainLayout a img
{
}
.Site TABLE
{
} 
.Site table td, table th
{
}
.Site .deleted
{
	font-weight: bold;
	color: #F00;	
}
.Site .help
{
	color: #002A90;
	border: 1px solid #F00;
	background-color: #FFF;	
}
.Site .hint
{
	color: #002A90;
	background: none;	
}
.Site .alert
{
	background-color: #FFF;
	border: 2px solid #C01200;
	color: #002A90;	
}
/* ################################### Site Classes ################################# */

.Site .box
{
	
}

.Site .box h2.title
{
	background: #677FBD url(/images/layout/register_arrow.gif) top left no-repeat;
	color: #FFF;
	font-size: 1.3em;
}
.Site .box .content
{
	background: #CCD4E9;
}
.Site .box .bc
{
}
.Site .detail H3
{

}
.Site .detail IMG.picture
{
}
.Site .dropDown, .textArea, .textBox
{
}
.Site .label
{
	font-weight:bold;
}
.Site .list, 
.Site .detail
{
	border:1px solid #002A90;
	background: #F6F7FA url(/images/layout/list_bg.gif) bottom right no-repeat;
}
.list hr
{
	display: none;	
}
.Site .list a
{
	text-decoration: none !important;
}
.Site .list a:hover
{
}
.Site .list p
{	
}
.Site .list H3
{

}
.Site .list H4
{
}
.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,
.Site .detail .terminus
{
	clear:right !important;
}
.terminus
{
	font-size: 0;	
}
.Site .template
{
	background: none;
	border: none;	
}
.Site .button, 
.Site .textButton,
.Site .qtyButton
{
	background: #FFF url(/images/layout/button_bg_2.gif) top left repeat-x;
	border: 1px solid #C7C7C7;
	color: #FFF;
	font-weight: bold;	
}
.Site .addtoconfig
{
	background: #FFF url(/images/layout/button_bg_2.gif) left top repeat-x;
}
.Site .principle,
.Site .textPrinciple
{
	background: #FFF url(/images/layout/principle_arrow.gif) right top no-repeat;
	border: 1px solid #825200;
	color: #825200;
	font-weight: bold;	
}
.Site .button:hover,
.Site .textButton:hover,
.Site .qtyButton:hover
{
	border: 1px solid #000;
	color: #FFF;
}
.Site .deleteButton
{
	border: 1px solid #000;	
}
.Site .principle:hover,
.Site .textPrinciple:hover
{
	color: #FFF;
	background: #FFF url(/images/layout/principle_arrow_over.gif) top right no-repeat !important;
}


.Site .formMainTable
{
	background: #CCD4E9;
	padding: 0px;
	width: 100% !important;
}
.Site .formMainTable h3
{
	background: #677FBD url(/images/layout/register_arrow.gif) left top no-repeat;	
	color: #fff;
}
.Site .formMainTable table
{
}
.Site .formMainTable table td, 
.Site .formMainTable table th
{
	border-bottom:dotted 1px #fff;
	vertical-align:top;
}
.Site .progressLegend SPAN
{
	background: #CCD4E9 url(/images/layout/step-arrow.gif) top right no-repeat;
	vertical-align: middle !important;
	font-size: 0.9em;
}
.Site .progressLegend a
{
	color: #FFF !important;	
}
.Site .progressLegend SPAN.active
{
	background: #677FBD url(/images/layout/step-arrow.gif) top right no-repeat;	
	color: #fff;
}
.Site .progressLegend SPAN.active a
{
	color: #FFF;	
	vertical-align: middle !important;
}
.Site .moredetailButtons,
.Site .briefButtons
{
	text-align: right;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #mainHeader
{
	background: url(/images/layout/mainHeader_bg.gif) top left repeat-y;	
}
.Site #headerReturn
{
	background: #677FBD url(/images/layout/returnArrow.gif) 2px 7px no-repeat;
}
.Site #headerReturn a
{
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;	
}
.Site #headerContact
{
	background: #677FBD url(/images/layout/contact_icon.gif) left top no-repeat;	
}
.Site #headerContact a
{
	background: #677FBD;
	color: #FFF;	
}
.Site #location
{
}
.Site #location a
{
}
.Site #location A:hover
{
}
.Site #menuContainer
{
	background: #677FBD;
	border-top: 1px solid #FFF;
}
.Site #mainTitle
{
	color: #FFF;

}
/* ################################## Main Menu setup ################################### */

.Site #mainMenu
{
	background: url(/images/layout/main_menu_bg_bg.gif) top left no-repeat;
	border-right: 1px solid #FFF;
}
.Site #mainMenuContainer
{	
	border-left: 1px solid #FFF;
}
.Site #mainMenu ul 
{	

}
* html .Site #mainMenu ul /*this hack fixes the broken box model*/
{

}
.Site #mainMenu li
{
}
.Site #mainMenu ul a
{
	border: 1px solid #FFF;
	border-left: none;
	border-bottom: none;
	color: #FFF;
	background: #002A90;
}
.Site #mainMenu ul a:hover,
.Site #mainMenu ul a.on,
.Site #mainMenu ul a.active
{
	background: #8195C8;
}
/* ################################## Main Menu setup ################################### */

.Site #subMenu
{
	background: #8195C8;
	border-right: 2px solid #FFF;
}
.Site #subMenu2
{
	background: #677FBD;
	border-right: 2px solid #FFF;
}
.Site #subMenu3
{
	background: #002A90;
	border-right: 2px solid #FFF;
}
.Site #subMenu4
{
	background: #8195C8;
	border-right: 2px solid #FFF;
}
.Site #subMenu5
{
	background: #677FBD;
	border-right: 2px solid #FFF;
}
.Site #subMenu ul a, 
.Site #subMenu2 ul a, 
.Site #subMenu3 ul a, 
.Site #subMenu4 ul a, 
.Site #subMenu5 ul a 
{	
	color: #FFF;
}
.Site #subMenu ul a:hover, 
.Site #subMenu2 ul a:hover, 
.Site #subMenu3 ul a:hover, 
.Site #subMenu4 ul a:hover, 
.Site #subMenu5 ul a:hover 
{	
	color: #D0D5E9;
}
.Site #subMenu ul a.on,
.Site #subMenu ul a.active
{
	background: #677FBD;	
}
.Site #subMenu2 ul a.on,
.Site #subMenu2 ul a.active
{
	background: #002A90; 
	color: #FFF;	
}
.Site #subMenu3 ul a.on,
.Site #subMenu3 ul a.active
{
	background: #8195C8; 
	color: #FFF;	
}
.Site #subMenu4 ul a.on,
.Site #subMenu4 ul a.active
{
	background: #677FBD; 
	color: #FFF;	
}
.Site #subMenu ul 
{	
}
.Site #subMenu li
{
}
.Site #subMenu ul a
{
}
.Site #subMenu ul ul a
{
}
.Site #subMenu ul ul ul a
{
}
.Site #subMenu ul ul ul ul a
{
}
.Site #subMenu ul ul ul ul ul a
{
}
.Site #subMenu ul ul ul ul ul ul a
{
}
.Site #subMenu ul a.active
{
}
.Site #subMenu ul a:hover
{
}
/* ################################## Quote Menu setup ################################### */

.Site #quoteMenu
{
}
.Site #quoteMenu ul, .Site #quoteMenu li
{
}
.Site #quoteMenu ul a
{
	background: #002A90;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #FFF;
}
.Site #quoteMenu ul a:hover
{
	color: #9DB1E5;
	text-decoration: underline;
}
.Site #quoteMenu ul ul a
{
}
.Site #quoteMenu ul ul ul a
{
}
.Site #quoteMenu ul ul ul ul a
{
}
/* ################################## Footer Menu setup ################################### */

.Site #footerMenu
{
	background: #CCD4E9;
	font-size: 0.8em;	
	text-align: right;
}
.Site #footerMenu ul, 
.Site #footerMenu li
{
    
}
.Site #footerMenu ul
{	
	
}
.Site #footerMenu li
{
	
}
.Site #footerMenu ul a
{
	font-weight: normal;
	color: #052E93;
	border-left: 1px solid #052E93;
}

/* ======================== */
.Site #leftCol
{
		
}
.Site #Register
{
	border-top: 1px solid #FFF;
	background: #677FBD url(/images/layout/register_arrow.gif) left top no-repeat;	
}
.Site #Register a
{
	background: #677FBD;
	color: #FFF;	
}
.Site #UserLogon div
{
	padding-top: 3px;	
}
.Site #UserLogon .logon
{
	margin-right: 4px;	
}
.Site #loginBrief_Col .userName
{
	text-align: center;
	font-weight: bold;	
}
.Site #membership .textbox
{
	background: #F4F4F4;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	border-top: 1px solid #3D3D3D;
	border-left: 1px solid #3D3D3D;	
}
.Site #calculatorBrief a
{		
	color: #002A90;
}
.Site #calculatorBrief a:hover
{		
	color: #777;
}
.Site #mainLayoutContainer
{
	background: url(/images/layout/mainHeader_bg.gif) top left repeat-y;
	border-top: 1px solid #FFF;
}
.Site #mainLayout
{	
	padding-top: 20px;
}
.Site #mainFooter
{
	color: #002A90;
	font-size: 0.8em;
}

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

.Site #developerLink a
{
	font-size: 0.8em;
	color: #A8A8A8;
}
.Site #developerLink a:hover
{
	color: #002A90;
}

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

.Site #template_Stepped_Pages .content
{
}

/* ======================== */
.Site .unitSubPageListing
{
	
}
.Site #template_Keysource_Unit_SubPage_Listing th
{
	background: #8195C8;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #002A90;	
	font-size: 1.3em;
	padding: 7px;
	color: #FFF;
}
.Site .unitSubPage
{
	padding-top: 15px;
	margin: 0;
	vertical-align: middle !important;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #CCD4E9;
}

.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
{
}
/* ========= UNIT LISTING TEMPLATE =========== */

.Site #template_Keysource_Unit_Listing .h2,
.Site #template_List_Quotes .unitListing h2
{	
	FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	font-size: 1.5em;
	color: #002A90;
	border-top: 1px solid #CCD4E9;
	border-left: 1px solid #CCD4E9;
	border-right: 1px solid #CCD4E9;
	background: #efefef;
}

.Site .unitListing .UnitExpand table
{display:none}	
.Site .unitListing .UnitExpand h2 a
{
background: url(/images/layout/plus_blue.gif) 0px 3px no-repeat;
padding-left:20px;
}

.Site .unitListing .UnitReduce table
{display:block}	

.Site .unitListing .UnitReduce h2 a
{
background: url(/images/layout/minus_blue.gif) 0px 3px no-repeat;
padding-left:20px;

}
.Site .unitListing table
{
	border-right: 1px solid #CCD4E9;
}
.Site .unitListing h3
{
	background: #677FBD;
	color: #FFF;
	font-size: 110%;
	border-bottom: 1px solid #002A90;	
}
.Site .unitListing th,
.Site td.activeTD
{
	background: #CCD4E9;
	border: 1px solid #CCD4E9;
}
.Site .unitListing td
{
	border: 1px solid #CCD4E9;
	border-right: none;
	
}
.Site .unitListing td.manufacturer
{
	text-transform:  uppercase;	
	
}
.Site .unitListing td.addButtons
{	
	text-align: right;
}
.Site #quoteListing .price,
.Site #quoteListing .lineTotal,
.Site #quoteListing .total
{
	text-align: right;	
}
.Site #quoteListing .lineTotal
{
	font-weight: bold;	
}
.Site .origPrice
{
	/*text-decoration:line-through;*/
	color: #8195C8;	
}
/* ========= SAVE CONFIGURATOR TEMPLATES =========== */
.Site #SaveConfiguratorOptions
{
	font-size: 1.2em;
	background: #FFF;
	border-top: 1px solid #000;	
	border-left: 1px solid #000;	
	border-right: 2px solid #000;	
	border-bottom: 2px solid #000;	
}
.Site #SaveConfiguratorOptions label
{
	vertical-align: top;
		
}
/* ========= Cart Full =========== */
.Site #cartFull h2,
.Site #cartFull #cartListing th
{
	background: #002A90;	
}
.Site #cartFull #cartListing th.lineTotal,
.Site #cartFull #cartListing td.amount
{
	background: #CCD4E9;	
}
/* ============  Cart and Quote Brief  ============ 
.Site #cartBrief a 
{
	background: url(/images/layout/cartBrief_bg.gif) 15px top no-repeat;	
}
.Site #quoteBrief a
{
	background: url(/images/layout/quoteBrief_bg.gif) 18px 3px no-repeat;	
}*/
.Site .listedQuoteBrief
{
	border: 1px solid #002A90;	
}
.Site .noResults
{
	border: 2px solid #F00;
	padding: 20px;	
}
.Site .UPSBanner
{
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;	
}
.Site a:hover .UPSBanner
{
	border-top: 2px solid #777;
	border-left: 2px solid #777;
	border-right: 2px solid #DEDEDE;
	border-bottom: 2px solid #DEDEDE;
}