/* 
	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: 0.9em;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    color:#163286;
    line-height: 1.5;	
}
.Site A 
{
	font-weight: bold;
	color: #395198;
	text-decoration: none;
}
.Site A:hover
{
	color: #FF7D26;
}
.Site DT
{

}
.Site dd
{

}
.Site H1, H2, H3, H4, H5, H6
{
	
}
.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 TABLE
{
} 
.Site table td, table th
{
}

/* ################################### Box Classes ################################# */

.Site .box
{
}
.Site .box .tl
{
    background: #163286 url(/images/layout/box_tl.gif) top left no-repeat;    
}
.Site .box h2.title
{
    font-size: 1.3em;
    font-style: italic;
    color: #FFF;
}
.Site .btm
{
    background: #163286 url(/images/layout/box_br.gif) bottom right no-repeat;    
}
.Site .box .content     
{
    border: 1px solid #545454;
}
.Site .box .bc
{
}
/* ################################### Feature Box ################################# */

.Site .featurebox
{
}
.Site .featurebox .tl
{
    background: #163286 url(/images/layout/box_tl.gif) top left no-repeat;    
}
.Site .featurebox .tr
{
    background: #163286 url(/images/layout/box_br.gif) top right no-repeat;    
}
.Site .Heatingbox .tr
{
    background: #163286 url(/images/layout/heating_header_bg.gif) top right no-repeat;    
}
.Site .Plumbingbox .tr
{
    background: #163286 url(/images/layout/plumbing_header_bg.gif) top right no-repeat;    
}
.Site .Bathroomsbox .tr
{
    background: #163286 url(/images/layout/bathrooms_header_bg.gif) top right no-repeat;    
}
.Site .downloadsTitlebox .tr
{
    background: #163286 url(/images/layout/download_header_bg.gif) top right no-repeat;    
}
.Site .featurebox h2.title
{
    font-size: 1.7em;
    font-style: italic;
    color: #FFF;
}
.Site .featurebox .content
{
    border: none;
    border-top: 1px solid #FF7D26;
}
.Site #template_Mailform .content,
.Site #template_Mailform_Left .content,
.Site #template_Mailform_Right .content 
{
    border: 1px solid #545454; 
    border-top: 1px solid #FF7D26;   
}
.Site .box .bc
{
}
/* ================================== */
.Site .detail H2
{
    color: #163286 !important;
}
.Site .detail IMG.picture
{
}
.Site .dropDown, .textArea, .textBox
{
}
.Site .label
{
	font-weight:bold;
}
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	border-bottom:1px solid #CDCDCD;
}
.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
{
	clear:right !important;
}
.Site .template
{
	background: none;
	border: none;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #telNumber
{
    color: #6C80BF; 
    font-size: 1.4em;
    font-weight: bold;
    background: url(/images/layout/phone.gif) top left no-repeat; 
    font-style: italic;
}
.Site #telNumber span
{
    font-size: 1.2em;    
}
.Site #mainHeader
{	
}

.Site #location
{
    text-transform: lowercase;
}
.Site #location a
{
}
.Site #location A:hover
{
}
.Site #mainLayoutContainer
{
}
/* ################################## Section Menu ################################### */
.Site #sectionMenu ul a
{
    font-size: 3em;
    font-style: italic;
    color: #FFF;
}
.Site #sectionMenu ul a:hover
{
    color: #C7CEE2;
}
.Site #sectionMenu ul a.pg_link_1{background: url(/images/layout/logo_bg.gif) left top no-repeat;}                 
.Site #sectionMenu ul a.pg_link_7{background: url(/images/layout/section_heating_bg.gif) left top no-repeat;}
.Site #sectionMenu ul a.pg_link_8{background: url(/images/layout/section_plumbing_bg.gif) left top no-repeat;}
.Site #sectionMenu ul a.pg_link_9{background: url(/images/layout/section_bathrooms_bg.gif) left top no-repeat;}
/* ################################## Icon Menu ################################### */

.Site .iconMenu ul a.pg_link_1,
.Site .iconMenu ul a.pg_link_7, 
.Site .iconMenu ul a.pg_link_8,
.Site .iconMenu ul a.pg_link_9          {background: url(/images/layout/home.gif) left 3px no-repeat;}
.Site .iconMenu ul a.pg_link_1:hover,
.Site .iconMenu ul a.pg_link_7:hover,
.Site .iconMenu ul a.pg_link_8:hover,
.Site .iconMenu ul a.pg_link_9:hover    {background: url(/images/layout/home_over.gif) left 3px no-repeat;}
                                        
.Site .iconMenu ul a.pg_link_2          {background: url(/images/layout/people.gif) left 3px no-repeat;}
.Site .iconMenu ul a.pg_link_2:hover    {background: url(/images/layout/people_over.gif) left 3px no-repeat;}
                                       
.Site .iconMenu ul a.pg_link_4          {background: url(/images/layout/camera.gif) left 4px no-repeat;}
.Site .iconMenu ul a.pg_link_4:hover    {background: url(/images/layout/camera_over.gif) left 4px no-repeat;}
                                        
.Site .iconMenu ul a.pg_link_6          {background: url(/images/layout/speech.gif) left 4px no-repeat;}
.Site .iconMenu ul a.pg_link_6:hover    {background: url(/images/layout/speech_over.gif) left 4px no-repeat;}
                                        
.Site .iconMenu ul a.pg_link_5          {background: url(/images/layout/message.gif) left 4px no-repeat;}
.Site .iconMenu ul a.pg_link_5:hover    {background: url(/images/layout/message_over.gif) left 4px no-repeat;}

.Site .iconMenu ul a.pg_link_22,
.Site .iconMenu ul a.pg_link_23,
.Site .iconMenu ul a.pg_link_24         {background: url(/images/layout/special.gif) 3px 5px no-repeat;}
.Site .iconMenu ul a.pg_link_22:hover,
.Site .iconMenu ul a.pg_link_23:hover,
.Site .iconMenu ul a.pg_link_24:hover   {background: url(/images/layout/special_over.gif) 3px 5px no-repeat;}

/* ################################## Menu setup ################################### */
.Site .subMenuHeader
{
    background: url(/images/layout/submenuHeader_bg.gif) top left no-repeat; 
    color: #FFF;   
}
.Site .subMenuFooter
{
    background: url(/images/layout/subMenu_bottom.gif) top left no-repeat;    
}
.Site .subMenuHeader h2
{
    font-style: italic;
    font-size: 1.7em;    
}
.Site #subMenu
{
    background: #5572CC;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.Site .Heating_submenu
{
    background: #5572CC url(/images/layout/heating_submenu_bg.gif) top right no-repeat !important;
}
.Site .Plumbing_submenu
{
    background: #5572CC url(/images/layout/plumbing_submenu_bg.gif) top right no-repeat !important;
}
.Site .Bathrooms_submenu
{
    background: #5572CC url(/images/layout/bathrooms_submenu_bg.gif) top right no-repeat !important;
}
.Site #subMenu ul 
{	
}
.Site #subMenu li
{
}
.Site #subMenu ul a
{
    color: #FFF;
    font-size: 1.2em;
    border-bottom: 1px solid #6E87D4;
}
.Site #subMenu ul a:hover,
.Site #subMenu ul a.active,
.Site #subMenu ul a.on
{
   background: url(/images/layout/submenu_over_bullet.gif) 7px 10px no-repeat;
}
.Site #subMenu ul ul a
{
    color: #BBC6E8;
    border-bottom: none;
    font-weight: normal;
    font-size: 1.2em;
}
.Site #subMenu ul ul a:hover,
.Site #subMenu ul ul a.active,
.Site #subMenu ul ul a.on
{
    color: #FFF;
    background: url(/images/layout/submenu_over_bullet.gif) 15px 6px no-repeat;
}
.Site #subMenu ul ul ul a
{
    font-size: 1.1em;
}
.Site #subMenu ul ul ul a:hover,
.Site #subMenu ul ul ul a.active,
.Site #subMenu ul ul ul a.on
{
    background: url(/images/layout/bullet2.gif) 20px 6px no-repeat;
}
.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
{
}

/* ======================== */

.Site #mainTitle
{
}
.Site #mainTitle h1
{
}
.Site #mainLayout
{	
}
.Site #mainFooter
{
    background: url(/images/layout/footer_bg.gif) top left no-repeat;
    color: #FFF;
}
.Site #mainFooter a
{
    color: #C5CCE1;
}
.Site #mainFooter a:hover
{
    color: #FFF;
}

/* ======================== */

.Site #template_Stepped_Pages .content
{
}

/* ======================== */


.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 .subPageTitle a
{
    background: url(/images/layout/bullet.gif) 3px 5px no-repeat;    
}
.Site .subPageTitle a:hover
{
    background: url(/images/layout/bullet_over.gif) 3px 5px no-repeat;    
}
/* ======================== */

.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
{
}
.Site .product .title a
{
    color: #163286;    
}
.Site .product
{
    color: #000;    
}
.Site .button,
.Site .product .moredetailButtons a.button
{
    font-size: 1em;
    color: #FFF;
    background: #871716;
    border: 0;
       
}
.Site .button:hover,
.Site .product .moredetailButtons a.button:hover
{
    color: #fff;
}
.Site .product .origPrice
{
    color: #5572CC; 
    font-size: 0.9em;  
}
.Site .product .discprice
{
    color: #000;   
}
.Site .detail .origPrice
{
    color: #5572CC;   
}
.Site .detail .discprice
{
    font-size: 1.4em;   
}
.Site .button:hover,
.Site .product .moredetailButtons a.button:hover
{
    background: #F00;    
}
.Site .document a.doclink 
{
    color: #F00;   
}
.Site .document a.doclink:hover 
{
    color: #FF7D26;   
}
.Site #rightCol .document h3
{
    background: top left no-repeat;
}
.Site #rightCol .document h3.doc_pdf
{
    background-image: url(/images/layout/Icon_pdf.gif)    
}
.Site #rightCol .document h3.doc_doc
{
    background-image: url(/images/layout/Icon_doc.gif)    
}
.Site #rightCol .document h3.doc_xls
{
    background-image: url(/images/layout/Icon_xls.gif)    
}
.Site #rightCol .document h3.doc_zip
{
    background-image: url(/images/layout/Icon_zip.gif)    
}
.Site #rightCol .document h3.doc_generic
{
    background-image: url(/images/layout/Icon_page.gif)    
}
/* ===============  FORMS ==========================*/
.Site #relatedProductList td.product
{
    border-right: 1px solid #efefef; 
    border-bottom: 1px solid #efefef;
}
/* ################################## Cart ################################### */
.Site #cartFull h2
{
    color: #FFF;
    background: #163286;
}
.Site #cartFull #cartListing th
{
    background: #163286;
    border-color: #163286;  
}
.Site #cartListing th.lineTotal
{
    color:#fff    
}
.Site #cartFull #cartListing td
{
    border-color: #163286;
}
.Site #cartFull td.creditCard td
{
    text-align: left !important;    
}
.Site #cartFull .creditCard label,
.Site #cartFull .creditCard .radiocheckbox input
{
    background-position:left center;
    display:block;
    float:left;
    padding:4px 0 4px 35px
}
.Site #cartFull .help
{
    padding: 0;
    background: none;
    border: 0;
    color: #CC0000;    
}
