/* Star Selector to remove all margin and padding from the get go--------------------------------------------*/
*
{
    margin: 0;
    padding: 0;
}

/* HTML Elements---------------------------------------------------------------------------------------------*/

html
{
    font-size: 100%; /* IE hack - to make IE 5 show fonts consistently see comment below on font-size */
}
body
{
    font-family: Arial, Helvetic, sans-serif;
    font-size: 9pt;
}

a
{
    color: #006594;
}
a:hover
{
    text-decoration: none;
}
a img
{
    border-style: none;
}

h1
{
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}

h2
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 2px;
}

h3
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
}

p
{
    margin-bottom: 16px;
    line-height: 12pt;
}

ul, ol
{
    margin-left: 40px;
    margin-bottom: 18px;
}

blockquote
{
    margin-left: 40px;
    margin-bottom: 16px;
    line-height: 12pt;
}

.Blue
{
    color: #006594;
}
.Grey
{
    color: #6f6f6f;
}
.Piping
{
    margin-left: 4px;
    margin-right: 3px;
}
.clear
{
    clear: both;
}

#PageWrapper
{
    width: 970px;
    margin: auto;
}

#InnerWrapper
{
    margin-top: 20px;
    min-height: 610px;
}

#MastheadLeft
{
    float: left;
    width: 330px;
    height: 90px;
}

#MastheadLeft img
{
    margin-top: 22px;
}

#MastheadRight
{
    height: 90px;
    float: right;
    width: 640px;
    text-align: right;
}

#MainNav
{
    margin-top: 10px;
    height: 49px;
    margin-bottom: 10px;
}
#MainNav ul
{
    margin: 0px;
    list-style-type: none;
}
#MainNav li
{
    float: left;
}
#MainNav #End
{
}
#MainNav a
{
}

#MainLeft
{
    width: 204px;
    float: left;
    margin-right: 10px;
}
#MainLeft #search
{
    margin:0;
    padding:10px 0 10px 15px;
    position:relative;
    background-color:#e6e6e6;
    width:189px;
}
#MainLeft #SearchForm
{
    width:170px;
    border:#6f6f6f solid 1px;
    text-align:left;
    background-color:#fff;
}
#MainLeft #SearchForm #Label
{
    margin:0 2px;
    padding-right:3px;
    font-weight:bold;
    font-size:8pt;
    text-transform:uppercase;
    border-right:1px solid #6f6f6f;
}
#MainLeft #SearchForm .SearchText
{
    border:0px none;
    width:84px;
    padding-left:4px;
}
#MainLeft #SearchForm .SearchButton
{
    margin-left:2px;
    font-weight:bold;
    font-size:7pt;
    border:none;
    text-align:right;
    text-transform:uppercase;
    cursor:pointer;
    outline:none;
}
/*Dealer Locator*/
#PostalCodeLocator {
    background-color: #EEEEEE;
    border-bottom: 1px dotted #D6D6D6;
    border-top: 1px dotted #D6D6D6;
    margin-top: 5px;
    padding: 7px 0 7px 136px;
    text-align: left;
}
.ZipSearch {
    background-color: #006594;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 2px;
    padding: 0 5px;
    text-align: center;
}
#PostalCodeLocator .DropDownBox {
    border: 1px solid #999999 !important;
    margin: 0 5px 0 0;
}
#PostalCodeLocator .InputTextbox {
    border: 1px solid #999999;
    margin: 0 5px 0 0;
    padding: 0 3px;
}
.Dividing_Line {
    border-bottom: 1px dotted #4B7520;
    clear: both;
    margin-bottom: 13px;
}
#ZipCodeLocator {
    background-color: #EEEEEE;
    border-bottom: 1px dotted #D6D6D6;
    border-top: 1px dotted #D6D6D6;
    margin-top: 5px;
    padding: 7px 0 7px 190px;
    text-align: left;
}
.MapIcon {
    margin-right: 7px;
}
.DealersInfoGroup {
    padding: 0 5px 0 56px;
}
.Dividing_Line, .DealersInfoGroup {
    margin-bottom: 2px;
}
.DealerLeftInfo {
    float: left;
    width: 50%;
}
.DealerRightInfo {
    float: right;
}
.LogosPadding {
    padding-top: 18px;
}
.DealersMainInfo {
    background-color: #ECECEC;
    min-height: 46px;
    padding-top: 10px;
}
.TextAlign {
    text-align: right;
}

/*Search styles
#SearchLabel {padding:5px; background-color: #4B7520; border: 0; color: #FFFFFF; font-size:12px; font-weight:bold;}*/
.TextBoxes {padding: 3px 0 4px 2px; border:1px solid #333333;}
#SearchFormWrapper { background-color:#006594;}
#SearchFormWrapper .TextBoxes {margin:0; padding: 3px 0 4px 2px; width:206px; border:none; background-color:#ffffff;}
.ContentMainSearch #SearchFormWrapper .TextBoxes {width:134px;}
.SearchButton {cursor:pointer; padding:4px; border:none; background-color:#006594; color:#ffffff; font-size:12px;}
.SearchTable {margin-bottom:20px;}
.PaginationContainer {height:44px;}
.OutputHighlight, .OutputPageLink, .OutputCurrentPageLink, .PrevNext {padding:3px 6px;}
.OutputCurrentPageLink {font-weight:bold; color:#000000 !Important;}
.OutputPageLink, .PrevNext {border:1px solid #999999; background-color:#efefef; text-decoration:none;}
.PrevNext a {text-decoration:none;}
.PrevNext {margin:0 10px;}
.OutputCounter {padding-top:4px;}
.OutputTitle {padding-top:4px;}
.OutputText {padding-top:1px;}
.OutputUrl {color:#73C167; padding-top:2px; padding-bottom:4px;}
#SearchWrapper .TextBox, #SearchResultsWrapper .TextBox {margin:0 7px 7px 0;}
.AdvanceSearchLink {margin-top:4px;}
.OutputUrl {padding-bottom:0 !important;padding-top:0 !important;}
.SearchResultItem {cursor:pointer; padding:15px 0 15px 17px;border-bottom:1px solid #E6E6E6; background:url("/Localization/SG_US/Templates/Images/Icons/read-more.png") no-repeat 0 17px;}
.SearchResultsTitle {font-weight:bold;color:#006594;}
#MainLeft #subNav
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    width: 170px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

#MainLeft #subNav ul
{
    margin-left: 0px;
    margin-bottom: 2px;
}

#MainLeft #subNav ul li
{
    list-style-type: none;
    border-bottom: 1px dotted #808080;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #808080;
}

#MainLeft #subNav a
{
    color: #808080;
    text-decoration: none;
}



#MainLeft #subNav #tertiary ul
{
    margin-top: 2px;
    margin-left: 12px;
}

#MainLeft #subNav #tertiary ul li
{
    border-bottom: none;
}

#MainRight
{
    width: 756px;
    float: left;
}

#MainRight #MastheadPhoto
{
    float: left;
    margin-bottom: 10px;
}

#MainRight #Pods
{
    background-image: url('../../Assets/Images/Templates/Common/commercial_bg.gif');
    background-repeat: no-repeat;
    color: white;
    float: right;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}
#MainRight #Pods h3
{
    line-height: 25px;
    font-size: 11pt;
    font-weight: normal;
    margin: 5px 10px 5px 8px;
}
#MainRight #Pods p
{
    line-height: 21px;
    font-size: 10pt;
    margin: 5px 10px 5px 8px;
}
#MainRight #Pods a
{
    color: white;
}
#MainRight #Pods #commercialPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/commercial_bg.gif');
}
#MainRight #Pods #residentialPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/residential_bg.gif');
}
#MainRight #Pods #autoPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/auto_bg.gif');
}
#MainRight #Pods #energyPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/energy_bg.gif');
}
#MainRight #Pods #solarPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/solar_bg.gif');
}
#MainRight #Pods #safetyPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/safety_bg.gif');
}
#MainRight #Pods #UVPod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/UV_bg.gif');
}
#MainRight #Pods #CorporatePod
{
    width: 217px;
    height: 158px;
    padding: 10px;
    background-image: url('../../Assets/Images/Templates/Common/corporate_bg.gif');
}

#MainRight #contentArea
{
    min-height: 300px;
}
#MainRight #contentArea .floatRight
{
    float: right;
    margin-left: 10px;
}
#MainRight #contentArea .floatLeft
{
    float: left;
    margin-right: 10px;
}
#MainRight #contentArea #Inset
{
    float: right;
    width: 220px;
    margin-left: 20px;
    padding: 6px;
}
#MainRight #contentArea #InsetNarrow
{
    float: right;
    width: 180px;
    margin-left: 20px;
    padding: 6px;
}
#MainRight #contentArea #InsetLeft
{
    float: left;
    width: 220px;
    margin-right: 20px;
    padding: 6px;
}
#MainRight #contentArea #InsetMed
{
    float: right;
    width: 280px;
    margin-left: 20px;
    padding: 6px;
}
#MainRight #contentArea #InsetWide
{
    float: right;
    width: 370px;
    padding: 6px;
}
#MainRight #contentArea #InsetWide img
{
    margin-right: 10px;
}
#MainRight #contentArea #SubSet
{
    padding: 6px;
}
#MainRight #contentArea #SubSet img
{
    margin-right: 10px;
}


#MainRight #contentArea #Inset h1, #MainRight #contentArea #InsetMed h1, #MainRight #contentArea #InsetWide h1, #MainRight #contentArea #InsetNarrow h1, #MainRight #contentArea #SubSet h1
{
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    line-height: 12pt;
    margin-top: 5px;
    margin-bottom: 3px;
}

#MainRight #contentArea #Inset p, #MainRight #contentArea #InsetMed p, #MainRight #contentArea #InsetWide p, #MainRight #contentArea #InsetNarrow p, #MainRight #contentArea #SubSet p
{
    font-size: 8pt;
    line-height: 10.5pt;
    font-style: italic;
    margin-top: 2px;
    margin-bottom: 3px;
}

.Dividing_Line
{
    border-bottom: 1px dotted #4b7520;
    margin-bottom: 13px;
    clear: both;
}

#VideoList ul
{
    margin-left: 0px;
    margin-right: 0px;
}
#VideoList li
{
    list-style-type: none;
    background-image: url(/Assets/Images/Icons/Video.gif);
    background-repeat: no-repeat;
    padding-left: 26px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
    font-size: 8pt;
    line-height: 10pt;
}

#Video_Player
{
    background: #FFF;
    min-height: 316px;
    clear: both;
    font-size: 8pt;
}
#Video_Player #Frame
{
    float: left;
    background: #FFF;
    height: 310px;
    width: 510px;
    margin-top: 10px;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 15px;
}


#footer
{
    border-top: black 1px solid;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}
#footer p
{
    font-size: 7pt;
    color: #808080;
    margin: 0;
}
#footer a
{
    font-size: 8pt;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}
#footerLeft
{
    margin-top: 10px;
    width: 44%;
    float: left;
}
#footerLeft p
{
    margin: -3px;
    margin-left: 5px;
}
#footerRight
{
    margin-top: 10px;
    width: 55%;
    float: left;
    text-align: right;
}

#ContentColumnLeft
{
    float: left;
    width: 47%;
    margin-right: 20px;
}
#ContentColumnRight
{
    float: right;
    width: 47%;
}
#InstallationsMain
{
    padding-bottom: 10px;
}

