/* Globals */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; overflow-x: hidden; }
html.NoScroll {  overflow-y: hidden; }
body {  line-height: 1.5em; font-size: 12px; font-family: Helvetica, Arial, Sans-Serif; background-color: #b0a893; background-image: url(../images/bg_site.jpg); background-repeat: no-repeat; background-position: top center; color: #494949; }
body.Clean { background-image: none; letter-spacing: normal; background-color: #ffffff;  }
body.Transparent { background-image: none; background-color: Transparent; }
a { color: #5ca100; }
a:hover { text-decoration: none; }

a img { border: 0px none transparent; }

p { margin: 0 0 18px 0; }

.LogoOverlay { margin: 0 0 0 0px; width: 388px; height: 140px; display: block; position: absolute; top: 0px;
               background-image:url(../images/logo_new.png); 
               /*background-image:url(../images/OverLayLogo.png);*/
               background-repeat:no-repeat;}
.LogoOverlay_R { margin: 0 0 0 708px; width: 228px; height: 118px; display: block; position: absolute; top: 14px;
               background-image:url(../images/Roofing2U---Logotype.png); 
               background-repeat:no-repeat;}
.LogoR2U { display:block; width: 220px; height: 70px;float:left;}
html>/* */body .LogoOverlay { margin-left: 9px; }
.TextBox { border: 1px solid #949494; }
.TextBox_disabled { background-color: #D4D0C8; color: #777; pointer-events: none;}
.Select { border: 1px solid #949494; }
.Select option { padding: 0 5px;}
 fieldset{ border: 1px solid #949494;border-radius: 8px;padding: 5px 10px 15px 10px; }

.FormButton { line-height: normal; cursor: pointer; margin: 0 10px 0 0; text-decoration: none;  height: 26px; text-align: center; float: left; background-image: url(../images/btn_form_left.gif); background-repeat: no-repeat; }
.FormButtonLarge { line-height: normal; cursor: pointer; margin: 0 10px 0 0; text-decoration: none;  height: 26px; text-align: center; float: left; background-image: url(../images/btn_form_left.gif); background-repeat: no-repeat; }
.FormButtonRight { line-height: normal; cursor: pointer; margin: 0 10px 0 0; text-decoration: none;  height: 26px; text-align: center; float: right; background-image: url(../images/btn_form_left.gif); background-repeat: no-repeat; }
.FormButton span { cursor: pointer; float: left; height: 19px; font-weight: bold; padding: 5px 12px 2px 12px; color: #254308; font-size: 12px; line-height: normal; background-image: url(../images/btn_form_right.gif); background-repeat: no-repeat; background-position: right 0; } 
.FormButtonRight span { cursor: pointer; float: right; height: 19px; font-weight: bold; padding: 5px 12px 2px 12px; color: #254308; font-size: 12px; line-height: normal; background-image: url(../images/btn_form_right.gif); background-repeat: no-repeat; background-position: right 0; } 
.FormButtonNoWrap span { white-space:nowrap; }
.FormButtonNoWrap { margin-top:3px; }
.FormButton:hover { background-position: 0 -26px; }
.FormButton:hover span { background-position: right -26px; line-height: normal; }
.FormButtonRight:hover { background-position: 0 -26px; }
.FormButtonRight:hover span { background-position: right -26px; line-height: normal; }
.FormButton.Gradient { background-repeat: repeat-x; color: #ffffff; font-weight: bold; height: 28px; float: left; padding: 11px 18px 0 17px; margin: 10px 0 0 0; background-position: 0 -39px; background-image: url(../images/btn_green_bg.gif); }
.FormButton.Gradient:hover { background-position: 0 0; }
.FormButton.Solid { background-repeat: repeat-x; color: #ffffff; padding: 0 0 0 5px; font-weight: bold; height: 26px; float: left; margin: 10px 0 0 0; background-image: none; background-color: #8cc63f; }
.FormButtonLarge.Solid { background-repeat: repeat-x; color: #ffffff; padding: 0 0 0 5px; font-weight: bold; height: 26px; float: left; margin: 10px 0 0 0; background-image: none; background-color: #8cc63f; }
.FormButtonRight.Solid { background-repeat: repeat-x; color: #ffffff; padding: 0 0 0 5px; font-weight: bold; height: 26px; float: right; margin: 10px 0 0 0; background-image: none; background-color: #8cc63f; }
.FormButton.Solid span { background-image: none; color: #ffffff; height: 21px; padding: 5px 5px 0 0; }
.FormButton.Solid.RightArrow {  padding: 0 0 0 5px; }
.FormButton.Solid.RightArrow2 {  padding: 0 0 0 5px; margin-left:30px;}
.FormButton.Solid.LeftArrow {  padding: 0 5px 0 0;  }
.FormButton.Solid.RightArrow2 span, .FormButton.Solid.RightArrow:hover span { padding-right: 50px; padding-left: 14px; background-position: right;background-image: url(../images/btn_green_flat_arrow_right.gif); background-repeat: no-repeat; }
.FormButton.Solid.RightArrow span, .FormButton.Solid.RightArrow:hover span { padding-right: 50px; padding-left: 14px; background-position: right;background-image: url(../images/btn_green_flat_arrow_right.gif); background-repeat: no-repeat; }
.FormButton.Solid.LeftArrow span, .FormButton.Solid.LeftArrow:hover span { padding-right: 14px; padding-left: 50px;  background-position: left; background-image: url(../images/btn_green_flat_arrow_left.gif); background-repeat: no-repeat; }
.FormButton.Solid.Skinny { height: 18px; }
.FormButtonLarge.Solid.Skinny { height: 26px; }
.FormButtonRight.Solid.Skinny { height: 18px; }
.FormButton.Solid.Skinny span { background-image: none; color: #ffffff; height: 16px; padding: 2px 5px 0 0; }

.FormButton.Gradient.Reduced { background-repeat: repeat-x; color: #ffffff; font-weight: bold; height: 19px; float: left; padding: 8px 18px 0 17px; margin: 10px 0 0 0; background-position: 0 -45px; background-image: url(../images/btn_green_bg.gif); }
.FormButton.Gradient.Reduced:hover { background-position: 0 -6px; }

.FormBox { background-color: #8cc63f; background-image: url(../images/btn_greenBig_bg.gif); background-repeat: repeat-x;}
.btnPrevious { margin-right: 15px !important;  }

.CommonFormElement { clear: both; }
.CommonFormBlock { }
.CommonFormDescription { width: 135px; float: left; }
.Testimonials .CommonFormDescription { width: 100px !important;}
.Testimonials #LocTree { width: 230px !important;margin: 0 !important;}
.Testimonials input.TextBox { width: 350px;}
.Testimonials textarea { width: 350px;}
.CommonFormData { float: left; margin: 0 10px 5px 0;}
.CommonFormData.FixedWidth { width: 210px; }

h1 { font-size: 18px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #231f20; margin: 0 0 21px 0; }
h2 { font-size: 16px; font-weight: bold; text-decoration: none; color: #231f20; margin: 0 0 21px 0; }
h3 { font-size: 12px; font-weight: bold; text-decoration: none; color: #231f20; margin: 0 0 20px 0; }

select { letter-spacing: normal; }

.CommonErrorMessage { font-size: 10px; color: #666666; margin: 0 0 15px 0; padding: 5px; background-color: #dddddd; border: 1px solid #aaaaaa; display: block; }
.CustomErrorMessage {text-align: center; }
.CustomErrorMessage span {font-size: 18px;font-weight: bold;line-height: 22px;}
.CommonFormButtons { margin: 20px 0 0 0; padding: 10px 0 0 0; clear: both;  }  
.CleanNotification, .CleanNotification * { border-color: #015D01; background-color: #a5cf9e; color: #015d01; }
.DirtyNotification, .DirtyNotification * { background-color: #ffd4d4; color: #ff0000; border-color: #db7777; }
.Validator { color: #b10000; }
.ValidationSummary { clear: both; margin: 15px 0 20px 0; padding: 5px; background-color: #ffd4d4; border: 1px solid #db7777; display: block; }

.ExpandableHeader { margin: 10px 0 0 0; }
.ExpandableHeader.Collapsed { }
.ExpandableHeader .ExpandImage { margin: 0 5px 0 0px; background-image: url(../images/icon_expand_contract_panel.gif); background-repeat: no-repeat; height: 11px; width: 11px; }
.ExpandableHeader.Collapsed .ExpandImage { background-position: -11px 0; }
.ExpandableHeader:hover .ExpandImage { background-position: 0 -11px; }
.ExpandableHeader.Collapsed:hover .ExpandImage { background-position: -11px -11px; }
.ExpandablePanel { overflow: hidden; height: 0px; }

.PermissionListContainer .CheckBox { padding: 3px 3px 3px 10px; }
.PermissionListContainer .CheckBox * { font-size: 10px; line-height: normal; }
.PermissionListContainer .CheckBox input { margin: 0 5px 0 0 ; }
.PermissionListContainer .CheckBox table {margin-bottom:0.4em;}
.PermissionListContainer .CheckBox table td { width: 300px; }
.PermissionListContainer .CommonFormDescription, .PermissionListContainer .CommonFormData { 
    margin-top:2px;
}
.PermissionListContainer .CommonFormDescription {width: auto; margin-right:5px;}
.PermissionListContainer .CheckBox input.CommonFormData {width:40px; margin-right:12px;}
.PermissionListContainer .Column {    width: 300px;
    display: inline-block;
    float: left;
    padding: 0 0 0 4px;
}

.CheckBoxList { width:100%; padding: 3px 3px 3px 10px; }
.CheckBoxList * { line-height: normal; }
.CheckBoxList input { display:block; float:left; margin: 0 8px 0 0; }
.CheckBoxList Label { display:block; float:left; width:90%; }

.CheckBox { padding: 3px 3px 3px 10px; }
.CheckBox * { line-height: normal; }
.CheckBox input { display:block; float:left; width:20px; margin: 0 5px 0 0; }
.CheckBox Label { display:block; float:left;}

ul, ul li { list-style-type: none; }
ul li { padding: 0 0 0 15px; background-image: url(../images/bul_black_circle.gif); background-repeat: no-repeat; background-position: 0px 7px; }

/* Site Container */

.MasterContainer { width: 968px; margin: 0 auto 0; }

.MasterHeader { width: 950px; margin: 0 0 0 9px; background-repeat: no-repeat; height: 51px;  background-image: url(../images/bg_site_headerNew.png); }
.MasterContent { width: 950px; float: left; }

.LogoLink { display: block; text-decoration: none;  }
.LogoBottom .LogoLink { height: 85px; width: 220px; }
.MasterHeader .LogoLink { height: 50px; width: 240px; }

.AnimatedLogoVisible .LogoLink, .AnimatedLogoVisible .LogoBottom { background-image: none !important; }

.SiteContent {  /*width: 968px;*/ background-color: transparent; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_site_shadow.png',sizingMethod='scale');*/  }
/*html> body .SiteContent { background-image: url(../images/bg_site_shadow.png); background-repeat: repeat-y;  }*/

.Section { 
    /*background-image: url(../images/bg_site_shadow.png);*/ 
    background-repeat: repeat-y; 
    border: 1px solid #C7C8CA; }

.RingsDivider {
    background-image: url(../images/bg_site_rings_transparent.png);
    height: 57px;
    width: 100%;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    /*top: -20px;*/
    margin-top: -25px;
    margin-bottom: -20px;
    margin-left: -9px;
     z-index: 0;
}

.SiteBody { /*background-color: White;*/ width: 950px; height: 424px; float: left; padding: 0 0 17px 0; }
html>body .SiteBody { height: auto; /*min-height: 424px; */}
.SiteBodyBottom { 
    clear: both; 
    width: 968px; height: 57px;  
    background-color: #FFFFFF; 
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_site_rings.png',sizingMethod='crop');*/  

}
/*html> *//*body .SiteBodyBottom { background-image: url(../images/bg_site_rings.png); background-repeat: no-repeat; }*/

.CitiesContent {
    background-color: White;
    width: 948px;
    float: left;
    padding: 10px 0 27px 0;
       margin-top: -20px;
    border-top: 1px solid #C7C8CA;
    text-align: center;
}
.Cities{ width: 968px; background-color: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_site_shadow.png',sizingMethod='scale');}
html>/* */body .Cities { background-image: url(../images/bg_site_shadow.png); background-repeat: repeat-y;  }

/*  Locations Tree */
input.CheckBox { display:block; float:left; width:15px; margin: 2px 2px 0 0;}
.CheckBoxTitle  { display:block; float:left; width: 20px;}
.WeekTh {display:block;float:left;width: 36px;font-weight: bold;}
.DaysShell { display: inline-block;float: right;width: 270px;}
label.cityName {float: left;width: 180px;}

/* UI Updates */
.UpperSectionWrapper {
    background-color: #ffffff;
}
.LowerSectionWrapper {
    padding-bottom: 24px; 
    margin-top: 9px;
    background-color: #ffffff;
}
.SiteContent.Footer {
    width: 964px;
    margin-top: 9px;
}
/* END UI Updates */


.ShadowGutter { float: left; height: 100px; background-repeat: no-repeat; }
.ShadowGutter.LeftShadow { width: 8px; background-image: url(../images/sdw_top_left.jpg); background-position: right; }
.ShadowGutter.RightShadow { width: 10px; background-image: url(../images/sdw_top_right.jpg); }

.SiteLogin { line-height: normal; margin: 0 26px 0 12px; height: 180px; overflow: hidden; position: relative; z-index: 10;}
.SiteLogin .RingsDivider {margin-top: -22px;}
.LogoBottom { float: left; width: 230px; height: 90px; }
.LoginInformation { 
    /*float: right;
    position: relative;bottom: 18px;*/ 
    clear: both; 
    /*padding: 20px 0;*/ 
    color: #787878; 
    font-weight: bold; /*width: 680px;*/ 
    text-transform:uppercase; 
    font-size: 11px; 
    width:470px;
    margin: 0 auto;
    /*background-image: url(../images/bg_login_right.gif); background-repeat: no-repeat; background-position: right 20px;*/  
}
.LoginInformation a {  color: #787878;text-decoration: none;margin: 0px 15px 0 10px; }
.LoginInformation .locationName { margin-right: 280px;}
.LoginControls { margin: 22px 0 0 0; }
.LoginControls a.SimpleButton { background-color: #8cc63f; color: #ffffff; font-size: 12px; margin: 0 0 0 8px; font-weight: bold; padding: 3px 5px 2px 5px; }
.LoginControls span.Description { text-transform: none; font-weight: normal; padding: 0 12px 0 28px; }
.LoginControls input { width: 110px; }

.SiteContentArea { padding: 0 30px 0 30px; }

.SiteFooter { 
    line-height: normal; color: #606060; background-color: White; background-image: url(../images/bg_site_footer.gif); background-repeat: no-repeat; background-position: 611px 0; 
    width: 894px;
    margin: 0px 0 20px 0;
    border: 1px solid #C7C8CA;
    padding: 0 0 0 54px;
}
.SiteFooterBottom { clear: both; width: 968px; height: 20px;  background-color: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_site_bottom.png',sizingMethod='crop');  }
html>/* */body .SiteFooterBottom { background-image: url(../images/bg_site_bottom.png); background-repeat: no-repeat; }

.FooterNavigation { letter-spacing: normal; margin: 14px 0 21px 0; width:600px; float: left; font-size: 10px; }
.FooterNavigation a { color: #787878; float: left; margin: 0 10px 0 0; }
.FooterCopyright {  font-size: 11px; float: right; margin-right:10%; margin-top:15px; text-align: center; }
.SupplierPageLinks { color: green;font-size: 13pt; line-height: 18pt;}
.SupplierPageLinks span{ color: #494949;}

.Conntact_Info { /*width: 680px;float: left;*/}
.connect { 
    line-height: 1;
	/*padding: 0px 0 0 58px;*/
	bottom: 12px;
	position: absolute;
	right: 30px;
	width: 185px;
}
/*.connect span { background: none repeat scroll 0 0; background-color:#84c13b; color: #555555; display: block; float: left; padding: 3px 5px; }*/
.connect a.twitter { background: url("../images/sprites.png") no-repeat scroll 0px -577px transparent; height: 23px; margin: 1px 0 0 3px; text-indent: -9999px; width: 23px; }
.connect a.facebook { background: url("../images/sprites.png") no-repeat scroll -25px -577px transparent; height: 23px; margin: 1px 0 0 3px; text-indent: -9999px; width: 23px; }
.connect a.youtube { background: url("../images/sprites.png") no-repeat scroll -52px -577px transparent; height: 23px; margin: 1px 0 0 3px; text-indent: -9999px; width: 23px; }

.connect a.blog { background: url("../images/blog.png") no-repeat; height: 23px; margin: 1px 0 0 3px; text-indent: -9999px; width: 23px; }

.connect a.homestars { background: url("../images/homestars.png") no-repeat; height: 30px; margin: 1px 3px 0; text-indent: -9999px; width: 67px; }
.connect a.bbb { margin: 1px 3px 0;}
.connect a.bbb img {width: 80px;height: 40px;}
.connect a {display: block; float: right;}
.LeftBody { float: left; width: 545px;padding-right: 10px;border-right: 1px solid #C7C8CA; }
.RightCallout { float: right;width: 325px; }
.LeftCallout { float: left;  }
.RightBody { float: right; width: 560px; }
.ColumnContainer{ overflow: hidden; padding-top:24px;}
.Column1{ width: 215px; min-height: 350px; float: left; margin-top: 10px; padding-right: 5px; border-right: 1px solid #C7C8CA;}
.Column2{ width: 330px; float: left; padding-top: 10px; padding-left: 2px;}
.divHS {overflow: hidden;}
.divHS_Title { background: url("../images/home-cta-title.png") no-repeat scroll 0 0 transparent;height: 50px;width: 110px;}
.divHS_Text {line-height: 14px; padding: 3px 0;text-align: left;}
.btn_Small { background: url("../images/home-cta-link.jpg") no-repeat scroll 0 0 transparent;height: 17px; overflow: hidden;text-indent: -1900px; width: 53px;display: block;}
.btn_Small:hover { background-position: 0 -17px;}
/* End Site Container */

/* Customer Login */

.LoggedInCustomer { text-transform: none; font-size: 12px; font-weight: normal; margin: -3px 0 0 0; border:0px solid black; height:30px; }
.LoggedInCustomer .LoginControls { margin-top: 18px; }
html>/* */body .LoggedInCustomer .LoginControls { margin-top: 20px; }
.LoggedInCustomer a { text-decoration: underline; }
.LoggedInCustomer .divider {
    display: inline-block;
    background: url(../images/sep_customerlogin.gif);
    width: 1px;
    height: 16px;
    vertical-align: middle;
}

.CartItemCount { 
    position: absolute;
    left: 18px;
    top: 0px;
    color: #000;
    text-align: center;
    width: 20px;
}
.topCartIcon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.topCartIcon img {
    /*top: 7px;*/
    position: relative;
    padding: 0 8px;
}

.LoggedInDeclaration { padding: 0 9px 0 0; }
.IconButton { /*height: 12px;*/ display: inline-block; padding: 4px 0 0 0; color: #787878; text-decoration: underline; background-color: Transparent; margin: -1px 12px 0 6px; background-repeat: no-repeat; background-position: right; }
html>/* */body .IconButton { height: 14px;  padding-top: 2px; margin-top: 0px;  }
.IconButton.btnViewCart { background-image: url(../images/icon_customerlogin_cart.gif); padding-right: 31px; }
.IconButton.btnCheckout { background-image: url(../images/icon_customerlogin_checkout.gif); padding-right: 20px; }
.IconButton.btnLogout { background-image: url(../images/icon_customerlogin_logout.gif); padding-right: 21px; }

.LoggedInCustomer > span, .LoggedInCustomer > img {
    display: inline-block;
    vertical-align: middle;
}

.LoggedInCustomer .IconButton span {
    text-decoration: underline;
}

/* End Customer Login */

/* View Cart Control */

.CartView { width: 215px; letter-spacing: normal;  font-size: 10px; }
.CartView * { color: Black; } 
.CartBlock { background-color: #ececec; border-bottom: 1px solid #b5b5b5; padding: 8px 12px 12px 12px; }
.CartBlock.First { padding: 0px; padding-bottom: 12px; }
.CartBlock.Last { padding-bottom: 13px; border-bottom: none; }
.CartItem p { margin: 10px 0 6px 0; }
.CartItem { margin: 0 0 10px 0; }
.CartTitle { font-size: 13px;font-weight: bold;margin-bottom: 5px;margin-left: 5px;}
.CartLabel { width: 118px; float: left; }
.CartData { float: left; }
.CartItemsHeader { font-weight: bold; background-color: #bcbcbc; }
.colQuantity { float: left; text-align: right; width: 19px; padding: 0 5px 0 0; }
.colItem { float: left; width: 127px; padding: 0 5px 0 0; }
.colPrice { float: left; width: 35px; padding: 0 5px 0 0; }
.colGarbage { float: left; padding: 3px 0 0 0; }
.CartView .CheckBox input { position: relative;top: 0px; }

/* End View Cart Control */

/* Checkout */

.CheckoutFloat { width: 325px; }
.CheckoutBlock { padding: 10px 0 10px 0; letter-spacing: normal; border-bottom: 1px solid #b6b6b6; }
.CheckoutBlock.Last { border-bottom: none; }
.CheckoutBlock .FixedWidth { width: 150px; }
.CheckoutLeftBody { width: 650px; }
.CheckoutRightCallout { width: 220px; }
.CheckoutRightBody { width: 650px; }
.CheckoutLeftCallout { width: 220px; }
.CreditCardIcons { padding: 10px 0 0 0; }
.CreditCardIcons img { margin: 0 3px 0 0; }
.IconGreenCheck { height: 16px; width: 19px; background-image: url(../images/icon_green_check.gif); background-repeat: no-repeat; }
.CheckoutPaymentHeader{ font-size:14px;font-weight:bold; color:Black; margin:0 auto; width:240px;}
#siteseal img { margin:6px 0 0 55px;}

/* End Checkout */

/* Site Navigation */
.MainMenu { list-style-type: none; margin: 20px 37px 12px 38px; /*background-color: #007e12;*/ text-align: center; float: none !important; }
.MainMenu-item { font-size: 13px; padding: 2px 12px;}
.MainMenu a { display: inline-block; color: white; text-decoration: none; text-transform: uppercase; font-weight: bold;text-decoration: none;font-size: 13px;  }
.MainMenu a.selected { background-color: #FFFFFF; color: #000000 !important; border-radius: 0;}

/*.MainMenu a.selected.popout.highlighted { background: #000000 !important; }*/

.MainMenu a.selected:hover { background-color: #000000 !important; color: #FFFFFF; border-radius: 0;}

.MainMenu ul {}
.MainMenu ul li { background-image: none !important; padding: 0 !important;}
.MainMenu ul.level1 li:last-of-type:after { content: ""; display: block; clear: both; } 
.MainMenu ul.level1 { zoom: 1; z-index: 2; border: 1px solid #007E12; background-color: #007E12; display: inline-block; float: none !important;}
/*.MainMenu ul:hover { overflow: visible; }*/
.MainMenu ul.level2 {
    background-color: #000;
    z-index: 3;
    padding: 6px 0;
    border-top: none;
}
.MainMenu ul.level2 li { margin: 0px;}
.MainMenu ul.level2 a { text-transform: capitalize !important;color: white !important; white-space:nowrap; padding: 0 16px;font-size: 12px !important;}
.MainMenu ul.level2 li:hover {background-color: #007e12;}

.MainMenu ul.level3 li { margin: 0px;}
.MainMenu ul.level3 a { text-transform: capitalize !important;color: white !important; padding: 0 27px;font-size: 12px !important;}
.MainMenu ul.level3 li:hover { background-color: #007e12;}
.MainMenu ul.level3 {background-color: #000;z-index: 3;padding: 6px 0;width: 100%;border-top: none;}

.MainMenu ul.level1 li.has-popup a.level1.popout {
    padding-left: 28px !important;
    background-image: url(../images/icon_menu.png);
    background-position: 5px 0px;
    background-repeat: no-repeat;
}
.MainMenu ul.level2 li.has-popup  {
    padding-right: 16px !important;
    background-image: url(../images/icon_menu_L2.png) !important;
    background-position: right top !important;
    background-repeat: no-repeat;
}
.MainMenu ul li.has-popup a.level1.popout.selected {
    background-position: 5px -18px;
    background-repeat: no-repeat;
}
.MainMenu ul li.has-popup a.level2.popout.selected {
    background-position: right top !important;
    background-repeat: no-repeat;
}
.MainMenu ul li.has-popup a.level1.popout.highlighted {
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-color: #000 !important;
    color: #FFFFFF !important;
}
.MainMenu ul li.has-popup a.level2.popout.highlighted {
    padding-right:16px !important;
    background-position: right top !important;
    background-repeat: no-repeat;
    background-color: #007e12 !important;
    color: #FFFFFF !important;
}
.MainMenu ul li:hover { background-color: #000000;}
.MainMenu ul li:hover a { color: #FFFFFF !important;  cursor: pointer; }
.MainMenu ul li.has-popup:hover > a { color: #FFFFFF !important; }

.horizontal-separator {display: none;}

.SiteNavigation { background-image: url(../images/bg_site_navigation.jpg); background-repeat: no-repeat; background-position: 0 16px; width: 890px; margin: 2px auto 4px; position: relative; }
.SiteNavigation .FeatureText { text-align: right; width: 400px; float: right; margin: 8px 8px 0 0; }
/*.SiteNavigation .FeatureText .DescrText{float:left;padding:25px 20px 25px 100px; text-align:left; width:100%; color:#000; font-size:13pt;font-weight:bold; } */
.SiteNavigation .NavigationMenu { float: left; width: 249px; }
.SiteNavigation .NavigationMenu .MenuTop { height: 30px; width: 249px; background-image: url(../images/bg_menu_top.gif); background-repeat: no-repeat; }
.SiteNavigation .NavigationMenu .MenuLeft { float: left; width: 12px; height: 178px; background-image: url(../images/bg_menu_left.gif); background-repeat: no-repeat; }
.SiteNavigation .NavigationMenu .MenuBody { float: left; width: 231px; height: 178px; background-image: url(../images/bg_menu_body.jpg); background-repeat: no-repeat; padding: 6px 0 0 6px; }
.SiteNavigation .NavigationMenu .MenuBody a { line-height: normal; text-decoration: none; font-size: 0.1%; display: block; height: 10px; width: 195px; background-repeat: no-repeat; background-position: 0 -13px; margin: 0 0 9px 0; }
.SiteNavigation .NavigationMenu .MenuBody a:hover, .SiteNavigation .NavigationMenu .MenuBody a.Active{ background-position: 0 -1px; }
.SiteNavigation .NavigationMenu .MenuBody a.NavHome { background-image: url(../images/nav_home.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavBrowseCatalogue { background-image: url(../images/nav_browsecatalogueNEW2.png); height: 11px }
.SiteNavigation .NavigationMenu .MenuBody a.NavHelpEstimating { background-image: url(../images/nav_helpestimating.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavHowToTips { background-image: url(../images/nav_howtotips.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavFaqs { background-image: url(../images/nav_faqs.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavAboutUs { background-image: url(../images/nav_aboutus.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavBuildingCodes { background-image: url(../images/nav_buildingcodes.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavTestimonials { background-image: url(../images/nav_testimonials.png); }
.SiteNavigation .NavigationMenu .MenuBody a.NavContact { background-image: url(../images/nav_contact.png); }

.AdministrationNavigation { padding: 0; margin: 20px 0 20px 0; } 

/* Anylink */

.anylinkcss { position:absolute; visibility: hidden; border:1px solid #40661b; z-index: 100; background-color: #72b630; width: 205px; }
.anylinkcss a { width: 100%; display: block; padding: 5px 0 5px 0; text-indent: 5px; text-decoration: none; font-weight: bold; color: #ffffff; }
.anylinkcss a.Last { border-bottom: 0px none transparent; }
.anylinkcss a:hover { /*hover background color*/ background-color: #40661b; color: #ffffff; }

/* End Anylink */

/* End Site Navigation */


/* Homepage */
body.HP_Body {background-image: url(../images/bg_home.jpg); background-repeat: no-repeat; background-position: top center; letter-spacing: normal; background-color: #000;min-height: 1000px;  }
#HP_Logo { margin: 25px 0 0 0;}
#HP_Logo img { box-shadow: 0px 0px 10px #888;border: 1px solid #555;}
#HP_Separator {background-color: #000;height: 60px;width: 100%; position: relative;top: 340px;}
#HP_Footer{ bottom: -770px;color: #fff;margin: 0;position: relative;}
#HP_FooterCopyright{ font-size: 11px;margin-left: 10%;}
#HP_Nav {width: 80%;margin: 0 auto;}
#HP_lnkHome{ float: left;text-align: right;width: 42%;}
#HP_lnkHome a{position: relative;right: 15px;}
#HP_Choice{background-image: url(../images/hp_select.png);background-position: top center; background-repeat: no-repeat; float: left;text-align: center;margin-left: auto;margin-right: auto;width: 16%;height: 60px;line-height: 22px; padding-top: 8px;font-size: 14px;font-family: Verdana; font-weight: bold; color: #f9f900;text-shadow: 0 0 1px #d5d500;}
#HP_lnkContractor{ float: left;width: 42%;}
#HP_lnkContractor a{position: relative;right: -30px;}
#HP_Nav a{ color: #fff;display: block;font-family: "Trebuchet MS";text-transform: uppercase; font-size: 42px;line-height: 42px;padding-top: 8px;text-decoration: none;text-shadow: 1px 1px 2px black, 0 0 1em green;}
/* End Homepage */


/* Contractor Page */
body.Cr_Body {background-image: none; background-repeat: no-repeat; background-position: top center; letter-spacing: normal; background-color: #FFF; }
.Cr_MasterContainer {background-color: transparent;margin: 0 auto;width: 968px;padding: 0 0 50px;}
#Cr_Logo { margin: 10px 0 0 0;}
#Cr_HeaderTitle { font-family: Verdana;font-size: 30px;padding-left: 300px;padding-top: 10px;text-align: left;word-spacing: 8px;}
#Cr_Content{ text-align: center;margin-top: 30px;}
#Cr_Title{ color: #ff9900;font-size: 46px;font-weight: bold;font-family: "Trebuchet MS";line-height: 40px;}
#Cr_Info1{ color: #ff9900;font-size: 24px; font-family: "Trebuchet MS";word-spacing: 8px; font-weight: bold;line-height: 30px;margin-top: 20px;text-decoration: underline;}
#Cr_Info2{font-size: 24px;font-weight: bold; line-height: 30px;padding-top: 10px;}
#Cr_Info3{font-size: 20px;font-style: italic;line-height: 30px;text-align: left;width: 65%; padding: 15px 0 0 195px;}
#Cr_Info3 ul li{list-style-type: disc !important;background-image: none !important;padding: 0;}
#Cr_Info3 ul{padding: 10px 0 0 70px;}
#Cr_lnkHome{ margin-top: 30px;line-height: 34px;}
#Cr_lnkHome a{color: #8cfe13;text-decoration: none;font-size: 24px;font-weight: bold;}
#Cr_Footer { margin: 80px 50px 15px 0;float: right;}
/* End Contractor Page */

/* GridView */

.GridView { clear: both; margin: 10px 0 10px 0; border-color: #eeeeee; letter-spacing: normal; font-size: 10px; }
.GridView td, .GridView th { padding: 3px; text-align: left; vertical-align: top; padding-top: 5px; }
.GridView .GridViewAltRow td { background-color: #f5f5f5; }
.GridView .GridViewRow td { background-color: #ffffff; }
.GridView .GridViewHeader th { line-height: normal; font-size: 12px; }
.GridView .GridViewHeader th a { display: block; padding: 0 10px 0 0; }
.GridView .GridViewFooter td *, .GridView .GridViewEditingRow td * {  font-size: 10px; }
.GridView .GridViewFooter td input, .GridView .GridViewEditingRow td input,
.GridView .GridViewFooter td select, .GridView .GridViewEditingRow td select { width: 80%; }
.GridView .GridViewPager td { border: none;}
.GridView .HighlightedRow td { background-color: #f2ffe6; }
.GridView .GridViewRow td.Sorted { background-color: #f2f2f2; }
.GridView .GridViewAltRow td.Sorted { background-color: #f0f0f0; }
.GridView .GridViewRow.HighlightedRow td.Sorted { background-color: #f2f6ee; }
.GridView .GridViewAltRow.HighlightedRow td.Sorted { background-color: #f1f4ed; }
.GridView th.Sorted { background-color: #f2f2f2; }
.GridView th.HeaderTxt { white-space: nowrap;}
.GridView th.SortAscending a { background-image: url(../images/icon_arrow_green_up.gif); background-repeat: no-repeat; background-position: right;white-space: nowrap; }
.GridView th.SortDescending a { background-image: url(../images/icon_arrow_green_down.gif); background-repeat: no-repeat; background-position: right;white-space: nowrap; }
.GridView .GridViewPager td { font-size: 10px; }
.GridView .CbAllCheck { padding-left: 9px;}
.GridView .CbAllCheck input { width: 12px !important;}
.GridView .CbAllCheck label { padding-left: 8px; font-weight: bold;}
.GridView .FormButton span { font-size: 11px; }
.GridView .CheckBoxList_Edit td, .GridView .CheckBoxList_Add td { padding: 0px;}
.GridView .CheckBoxList_Edit, .GridView .CheckBoxList_Add  { width: 100%;}
.GridView .CheckBoxList_Edit td input, .GridView .CheckBoxList_Add td input { display: block;float: left;width: 10%;}
.GridView .CheckBoxList_Edit td label, .GridView .CheckBoxList_Add td label { display: block;float: left;width: 90%; }
.GridView .CheckBoxList_Edit td select, .GridView .CheckBoxList_Add td select { display: block;float: left;width: 90%;}
.GridView.GVBorder, .GridView.GVBorder td, .GridView.GVBorder th { border: solid 1px #9a9a9a;}
.GridView.gv_Report_td td { white-space: nowrap;}
.GridView .GridPager td {border: none;font-size: 12px;}
.GridView .GridPager td a {font-weight: bold;font-size: 12px;}
/* End GridView */

/* Callouts */

.Callout { line-height: normal; width: 305px; background-image: url(../images/bg_callout_body.gif); background-repeat: repeat-y; }
.CalloutHeader { width: 305px; height: 60px; background-repeat: no-repeat; }
.CalloutIcon { width: 50px; height: 40px; background-repeat: no-repeat; }
.CalloutBody { background-image: url(../images/bg_callout_body_bottom.jpg); background-repeat: no-repeat; background-position: bottom; color: #9b9b9b;  }

.CalTestimonial .CalloutHeader { background-image: url(../images/callout_header_testimonial.gif); }
.CalTestimonial .CalloutIcon { margin: 0px 0 0 155px;  background-image: url(../images/callout_icon_speechbubble.gif); }
html>/* */body .CalTestimonial .CalloutIcon  { margin-top: 3px; }
.CalTestimonial .CalloutBody { margin: -4px 0 0 0; background-image: url(../images/bg_callout_body_testimonials_bottom.jpg); }
.CalTestimonial .CalloutBody a { color: #525252; }
.CalTestimonial .CalloutBodyContent { margin: 0 0 0 0; padding: 0 35px 19px 19px; }
.CalTestimonial .CalloutBody p { padding: 10px 0 0 0; line-height: 2em; font-size: 18px; font-weight: bold; margin: 0 0 7px 0; }
.CalTestimonial .CalloutBody img.Wrapping { float: right; height: 61px; width: 76px; background-color: Red; display: none; }
.CalTestimonial .TestimonialNameContainer { background-image: url(../images/callout_extra_testimonial_commentor_bottom.gif); background-repeat: no-repeat; background-position: right 36px; padding: 0 0 11px 0; margin: 0 3px 0 0; }
html>/* */body .CalTestimonial .TestimonialNameContainer { padding-bottom: 7px; }
.CalTestimonial .TestimonialName { float: right; color: #ffffff; background-color: #b5b5b5; font-weight: bold; font-size: 12px; padding: 11px 50px 0 14px; height: 25px; }
img.IconOpenQuotes { margin: -18px 12px 0 0; float: left; }

.CalFeaturedTip .CalloutHeader { z-index: 100; position: relative; background-image: url(../images/callout_header_featuretip.gif); }
.CalFeaturedTip .CalloutBody { margin: -10px 0 0 0; color: #484848; }
.CalFeaturedTip .CalloutBody.NormalMargin { margin-top: 0px; }
.CalFeaturedTip .CalloutBodyContent { padding: 0 25px 0 18px; }
.CalFeaturedTip .CalloutBody p { padding: 0 0 0 0; margin: 0 0 11px 0; }
html>/* */body .CalFeaturedTip .CalloutBody p { padding: 0 0 14px 0; margin-bottom: 0; }
.CalFeaturedTip .CalloutBody h1 { text-transform: none; margin: 0 0 7px 0; font-size: 12px; color: #6c6c6c; }
.CalFeaturedTip .CalloutBody .CalloutImage { margin: 0 0 11px 0; }

.CalFeatureProduct { letter-spacing: normal; }
.CalFeatureProduct * { color: Black; }
.CalFeatureProduct .CalloutIcon { margin: 0px 0 0 211px;  background-image: url(../images/callout_icon_bag.gif); }
.CalFeatureProduct .CalloutHeader { height: 65px; background-image: url(../images/callout_header_featureproduct.gif); }
.CalFeatureProduct .CalloutBody { padding: 20px 25px 0 22px; }
.CalFeatureProduct .ProductImage { float: left; height: 78px; width: 92px;  }
html>/* */body .CalFeatureProduct .ProductImage {  margin: 0 0 15px 0; }
.CalFeatureProduct .ProductInformation { float: left; color: Black; padding: 28px 0 0 32px; }
html>/* */body .CalFeatureProduct .CalloutBody { padding-bottom: 10px;  }

/* End Callouts */

/* End Globals */

/* CMS */

.CMSButtons { color: #000000; line-height: normal; margin: 0 0 15px 0; border: 0px none transparent;  display: block; }
html>/* */body .CMSButtons {  }
.CMSButtons img { margin: 0 5px 0 0px;  }
.CMSButtonEdit { width: 22px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_edit.png',sizingMethod='crop');  }
html>/* */body .CMSButtonEdit { background-image: url(../images/icon_cms_edit.png); }
.CMSButtonCancel { width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_cancel.png',sizingMethod='crop');  }
html>/* */body .CMSButtonCancel { background-image: url(../images/icon_cms_cancel.png); }
.CMSButtonRollback { width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_rollback.png',sizingMethod='crop');  }
html>/* */body .CMSButtonRollback { background-image: url(../images/icon_cms_rollback.png); }
.CMSButtonSave { width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_update.png',sizingMethod='crop');  }
html>/* */body .CMSButtonSave { background-image: url(../images/icon_cms_update.png); }
.CMSButtonRollbackAll { width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_rollback_all.png',sizingMethod='crop');  }
html>/* */body .CMSButtonRollbackAll { background-image: url(../images/icon_cms_rollback_all.png); }
.CMSButtonSaveAll { width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_update_all.png',sizingMethod='crop');  }
html>/* */body .CMSButtonSaveAll { background-image: url(../images/icon_cms_update_all.png); }
.CMSButtonCheckedOut { width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_checked_out.png',sizingMethod='crop');  }
html>/* */body .CMSButtonCheckedOut { background-image: url(../images/icon_cms_checked_out.png); }
.CMSButtonLocked { width: 13px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_locked.png',sizingMethod='crop');  } 
html>/* */body .CMSButtonLocked { background-image: url(../images/icon_cms_locked.png); }
.CMSButtonAvailable { width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_available.png',sizingMethod='crop');  }
html>/* */body .CMSButtonAvailable { background-image: url(../images/icon_cms_available.png); }
.CMSButtonRefresh { width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_cms_reload.png',sizingMethod='crop');  }
html>/* */body .CMSButtonRefresh { background-image: url(../images/icon_cms_reload.png); }

div.FloatingEditBar { line-height: normal; position: absolute; background-color: #72b630; color: #ffffff; border: 1px solid #40661b; width: 100%; border-left: none; border-right: none; padding: 3px 0px; font-size: 10px; }
div.FloatingEditBar input, div.FloatingEditBar select { font-size: 10px; margin: 0; padding: 0; }
div.FloatingEditBar div { margin: 0 5px 0 5px; }
div.FloatingEditBar table td { padding: 0 3px 0 3px; }
div.FloatingEditBar table td img { margin: 0 5px 0 0; }
div.FloatingEditBar .ChangeCount * { font-size: 10px; margin: 3px 0 0 0; color: #ffffff; }

/* End CMS */

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../images/invisible.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 5000px; background-color: #000; }

/* End Lightbox */

/* Product Details */

.HoverImageControls { background-color: #f2ffe6;  border: 1px solid #c1ccb8; padding: 5px; }
.HoverImageControls a { display: block; letter-spacing: normal; margin: 0 0 0 5px; }
.ProductDetailsImageUpload { width: 100%; }
.HowToTipDetailsImageUpload { width: 100%; }
.ProductImage { width:158px; height: 122px; border: solid 2px #B4B4B4; padding: 2px 2px 2px 2px; }
.RelatedProductImage { width: 92px; height:78px; }
.TopMargin { margin-top: 23px;}
.RightMargin { margin-right: 50px; }
.Left15Margin { margin-left: 15px; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.Width50px { width: 50px; }
.ProductDescription { width: 300px; height: 100px; }
.TopBorder { margin: 13px 0 0 0; background-image: url(../images/bg_howtotip_divider.gif); padding: 0 0 17px 0; background-position: top; background-repeat: repeat-x; }
.RightBorder { float:left; margin: 0px 0px 0 25px; background-image: url(../images/bg_divider_horizontal.gif); padding: 0 0 17px 25px; background-position: left; background-repeat: repeat-y; }

/* End Product Details */

/* Product Catalogue */

A.GreyText { color: #959595; text-decoration: none; }
A.GreyText:hover { text-decoration: underline; }
.RightMargin57px { margin-right: 57px; }
.RightMargin128px { margin-right: 128px; }
.LinkCatalogue A { text-decoration: underline; color: #000000; }

/* End Product Catalogue */

/* FAQ */

.FaqQuestionNumber { float: left; margin: 0 26px 0 0; color: #72b630; }
.FaqQuestionContainer { float: left; margin: 0 0 0px 0; width: 510px; }
.FaqQuestion { margin: 0 0 2px 0; font-weight: bold; color: #464646; }
.FaqAnswer { color: #797979; }


/* End FAQ*/

/* Upsell Items */

.ProductWidth398px { width: 447px; }
.PriceWidth29px { width: 61px; }
.HeaderBottomMargin { margin-bottom: 48px; }
.BottomMargin2px { margin-bottom: 2px; }
.GreenAddButton { background-color: #8AC843; padding: 4px 4px 3px 4px; letter-spacing: 0.01em; vertical-align:middle; margin-right:7px; margin-top:0px; font-weight:600; text-decoration: none; color: #FFFFFF; }
.DarkText { color: #494949; }

/* End Upsell Items */

/* How to Tips */

.HowToTip { margin: 13px 0 0 0; background-image: url(../images/bg_howtotip_divider.gif); padding: 0 0 17px 0; background-position: bottom; background-repeat: repeat-x; }
.HowToTip .Thumbnail { float: left; margin: 0 10px 0 0; }
.HowToTip .Thumbnail img { border: 2px solid #c9c9c9; }
.HowToTip .Title { font-weight: bold; margin: 0 0 11px 0; font-size:14px; }
.HowToTip .Description { float: left; width: 450px; }
.HowToTip .Description.NoFloat { float: none; }
.Estimating-HowToTip {    
    background: #f1f1f1;
    padding: 1em;
    margin: 1em 0;
}
.HowToTip-Links {
    margin: 2em 0 2em 3em;
    font-size:14px;
}
    .HowToTip-Links li {
        margin-bottom:0.5em;  
    }
/* End How To Tips */

/* Overlay */

.Overlay { position: absolute; z-index: 300; top: 0px; left: 0px; }


.TheHandle { position:relative; background-color:transparent; background-repeat:no-repeat; }
.TheHandle .Center { float: left; margin:0; padding:0; height:33px; background-position:top left; background-repeat:repeat-x; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_header_bg.png',sizingMethod='scale'); z-index:300; }
html>/* */body .TheHandle .Center { background-image: url(../images/ovr_header_bg.png); }
.TheHandle .Left { float: left; margin:0; padding:0; width:12px; height:33px; background-position:top left; background-repeat:no-repeat; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_header_tl.png',sizingMethod='scale'); }
html>/* */body .TheHandle .Left { background-image: url(../images/ovr_header_tl.png); }
.TheHandle .Right {  float: right; margin:0; padding:0; width:12px; height:33px; background-position:top right; background-repeat:no-repeat; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_header_tr.png',sizingMethod='scale'); }
html>/* */body .TheHandle .Right { background-image: url(../images/ovr_header_tr.png); }
.TheHandle .Center .Title { float: left; font-size: 12px; margin-top: 10px; font-weight: bold; color: #ffffff; }
.TheHandle .CloseLink { width: 7px; height: 7px; float: right; background-repeat: no-repeat; background-image:url(../images/ovr_btn_close.gif); margin: 15px 4px 0 0; }


.TheBody { clear: both; }
.TheBody .Center { float: left; text-align: justify; background-color: #ffffff; overflow: visible; }
html>/* */body .TheBody .Center {  }
.TheBody .Left { float: left; margin:0; padding:0; width: 12px; background-position:top left; background-repeat:repeat-y; background-color: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_body_left_bg.png',sizingMethod='scale'); }
html>/* */body .TheBody .Left { background-image: url(../images/ovr_body_left_bg.png); }
.TheBody .Right { float: right;margin:0; padding:0; width: 12px; background-position: top; background-repeat:repeat-y; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_body_right_bg.png',sizingMethod='scale'); }
html>/* */body .TheBody .Right { background-image: url(../images/ovr_body_right_bg.png); }

.TheFooter { height: 28px; clear: both; }
.TheFooter * { line-height: 0; font-size: 0.1%;  }
.TheFooter .Center { background-color: red; float: left; margin:0; padding:0; height: 28px; background-position:top left; background-repeat:repeat-x; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_footer_bg.png',sizingMethod='scale'); }
html>/* */body .TheFooter .Center { background-image: url(../images/ovr_footer_bg.png); }
.TheFooter .Left { float: left; margin:0; padding:0; width:12px; height:28px; background-position:top left; background-repeat:no-repeat; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_footer_bl.png',sizingMethod='scale'); }		
html>/* */body .TheFooter .Left { background-image: url(../images/ovr_footer_bl.png); }
.TheFooter .Right { float: right; margin:0; padding:0; width:12px; height:28px; background-position:top right; background-repeat:no-repeat; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_footer_br.png',sizingMethod='scale'); }
html>/* */body .TheFooter .Right { background-image: url(../images/ovr_footer_br.png); }

.Overlay_Backdrop { width:100px; height:100px; border:0; padding:0; margin:0; opacity:0; background:transparent; z-index:100; position: absolute; left:0px; top:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ovr_background.png',sizingMethod='scale'); }
html>body .Overlay_Backdrop { background-color: #000000; filter:alpha(opacity=44); -moz-opacity:.44; opacity:.44; }
.Overlay_Backdrop iframe { display:none;display:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; }
html>body .Overlay_Backdrop iframe { display: none; }

.ContainingDiv { width: 100%; position: absolute; top: 0; left: 0; }

.OverlayBodyContainer { padding: 10px 10px 5px 10px; }

/* End Overlay */

/* Order Process */

.OrderProcessItem { cursor: default; width: 151px; height: 32px; float: left; display: block; background-repeat: no-repeat; text-decoration: none; }
.OrderProcessItem.StepOne { background-image:url(../images/op_step1.gif); }
.OrderProcessItem.StepTwo { background-image:url(../images/op_step2.gif); }
.OrderProcessItem.StepThree { background-image:url(../images/op_step3.gif); }
.OrderProcessItem.StepCount5.StepFour { background-image:url(../images/op_step4.gif); }
.OrderProcessItem.StepCount5.StepFive { background-image:url(../images/op_step5.gif); width: 147px; }
.OrderProcessItem.StepCount4.StepFour { background-image:url(../images/op_step4_alt.gif); width: 147px;}
.OrderProcessItem.StepCount4.StepFive { display: none; }
.OrderProcessItem.Active { background-position: 0 -32px; }

/* End Order Process */

.WidgetContainer { width: 880px; padding: 20px 0 0 0; }

.WidgetContainer .GridView {  }
.WidgetContainer .GridView .colImage { width: 50px; }
.WidgetContainer .GridView .colDesc { width: 400px; }
.WidgetContainer .GridView .colArea { width: 100px; }
.WidgetContainer .GridView .colQuantity { }
.WidgetContainer .GridView .colSelect { width: 75px; }
.WidgetTabContainer .ajax__tab_header { padding: 0 20px 0 20px; }
.WidgetTabContainer .ajax__tab_outer { border: 0; }
.WidgetTabContainer .ajax__tab_inner { border: 0;  }
.WidgetTabContainer .ajax__tab_tab { border: 0; color: transparent; }
.WidgetTabContainer .ajax__tab_tab span { float: left; background-color: Transparent; position: absolute; height: 32px; width: 113px; background-repeat: no-repeat; }
.WidgetTabContainer .ajax__tab_tab span:hover, .WidgetTabContainer .ajax__tab_active span { background-position: 0 -32px; }
.WidgetTabContainer .ajax__tab_tab span.StepOne { width: 103px; background-image: url(../images/wp_step1.gif); margin-left: 0px; z-index: 1; }
.WidgetTabContainer .ajax__tab_tab span.StepTwo { background-image: url(../images/wp_step2.gif); z-index: 200; left: 103px; }
.WidgetTabContainer .ajax__tab_tab span.StepThree { background-image: url(../images/wp_step3.gif);z-index: 300; left: 196px; }
.WidgetTabContainer .ajax__tab_tab span.StepFour { background-image: url(../images/wp_step4.gif); z-index: 400;  left: 289px;}
.WidgetTabContainer .ajax__tab_tab span.StepFive { background-image: url(../images/wp_step5.gif); z-index: 500;  left: 382px;}
.WidgetTabContainer .ajax__tab_tab span.StepSix { background-image: url(../images/wp_step6.gif); z-index: 600;  left: 475px;}

.WidgetTabContainer .ajax__tab_body { border: 0; padding: 50px 20px 0 20px; }
.WidgetTabContainer .ajax__tab_hover { border: 0; }
 

/* End Widget */

/* Utility Classes */
.GreeBg { background-color: #85C13B; padding-left:3px; padding-right: 3px; }
.GreenBorder { border: solid 1px #85C13B; padding: 1px;}
.GreenLine { border-top: solid 1px #85C13B;height:0;font-size: 0.1%; margin: 10px 0;}
.LeftFloat { float: left; }
.RightFloat { float: right !important; }
.LeftAlign { text-align: left; }
.RightAlign { text-align: right; }
.CenterAlign { text-align: center; }
.TopAlign { vertical-align: top; }
.BottomAlign { vertical-align: bottom; }
.ClearBoth { clear: both; float: none; font-size: 0.1%; width: 1px; height: 0px; background-color: Transparent; }
.ClearLeft { clear: left; float: none; font-size: 0.1%; height: 0px; }
.ClearBoth.Margin { margin: 0 0 3px 0; }
html>/* */body .ClearBoth.Margin { margin: 0 0 0 0; }
.ClearBothSimple { clear: both; }
.ClearLeftSimple { clear: left;font-size: 0.1%; width: 1px; height: 0px; }
.OverFlHidden { overflow: hidden;}
.Hidden { display: none; }
.DisplayInline { display: inline; }
.DisplayBlock { display: block; }
.MaxWidth { width: 100%; }
.HalfWidth { width: 50%; }
.Link { cursor: pointer; }
.FontSize9px { font-size: 9px; }
.FontSize10px { font-size: 10px; }
.FontSize11px { font-size: 11px !important; }
.FontSize12px { font-size: 12px; }
.FontSize14px { font-size: 14px; }
.FontSize18px { font-size: 18px; }
.NoMargin { margin: 0; }
.NoPadding { padding: 0; }
.BoldText { font-weight: bold; }
.NoWrap { white-space: nowrap; }
.LineHeightNormal { line-height: normal; }
.NormalWeight { font-weight: normal !important;  }
.Width25px { width: 25px; }
.Width50px { width: 50px; }
.Width60px { width: 60px; }
.Width75px { width: 75px; }
.Width100px { width: 100px; }
.Width115px { width: 115px; }
.Width125px { width: 125px; }
.Width150px { width: 150px; }
.Width175px { width: 175px; }
.Width200px { width: 200px; }
.Width210px { width: 210px; }
.Width565px { width: 565px; }
.Width600px { width: 600px; }
.Width750px { width: 750px; }
.LeftMargin10px { margin-left: 10px !important; }
.RightMargin10px { margin-right: 10px !important; }
.NoTopMargin { margin-top: 0px !important; }
.NoBottomMargin { margin-bottom: 0px !important; }
.NoRightMargin { margin-right: 0px !important; }
.ReducedTopMargin { margin-top: 5px; }
.ReducedBottomMargin { margin-bottom: 5px; }
.MarginTop25px { margin-top: 25px; }
.MarginTop15px { margin-top: 15px; }
.MarginTop10px { margin-top: 10px; }
.MarginTop5px { margin-top: 5px; }
.MarginBottom20px { margin-bottom: 20px; }
.MarginBottom10px { margin-bottom: 10px; }
.MarginBottom5px { margin-bottom: 5px; }
.MarginRight10px { margin-right: 10px !important; }
.MarginLeft35px { margin-left: 35px; }
.MarginLeft20px { margin-left: 20px; }
.MarginLeft15px { margin-left: 15px; }
.MarginLeft10px { margin-left: 10px; }
.BottomMargin { margin-bottom: 20px; }
.GreenText { color: #72b630; }
.RedText { color: red;}
.InlineTitle { font-weight: bold; }
.Indented { margin: 0 0 0 10px; }
.SmallText { font-size: 10px  !important; }
.LightText { color: #aaaaaa !important; }
.FontUpperCase { text-decoration: none !important; text-transform:uppercase !important; }
/* End Utility Classes */

/* Test Classes (Delete Me) */
.testr  { background-color: red; }
.testg { background-color: green; }
.testb { background-color: blue; }

/* End Test Classes (Delete Me) */

/*Catalogue*/
.Catalogue { float:left; color:#1e1e1e; width:715px;}
.CatalogueIntro {color:#1e1e1e; width:100%; margin:0 0 17px 0;}

.CatalogueLeft { width:170px; float:left; color:#1e1e1e;}
.CatalogueLeftMiddle { width:625px; float: left; }
.CatalogueHeader {margin:0 0 17px 0; font-weight:bold; }
.CatalogueMiddle { width:430px;}
.CatalogueMiddle .LeftColumn {float:left; width:320px;}
.CatalogueMiddle .MiddleColumn {float:left; width:40px;}
.CatalogueMiddle .RightColumn {float:left; width:70px;}
.secondCat .CatalogueMiddle:hover {background-color: #C4E1BB;}

.CategoryLinks {text-decoration:none; color:#939393; line-height:20px; font-weight:bold;}
.CategoryLinks:hover {text-decoration:underline;}
.CategoryLinks.Active { color: #72b630;}
.CatalogueRight { float:right; width: 215px; }
.Catalogue .info  { position: fixed;top: 0px;right: 0px;}
/*Catalogue*/

/*QuickOrder*/
.QuickOrder { float:left; color:#1e1e1e; width:900px;}

.QuickOrderLeftMiddle { width:600px; float: left; }
.QuickOrderHeader {margin:0 0 17px 0; font-weight:bold; }
.QuickOrderMiddle { width:500px;}
.QuickOrderLeftMiddle .LeftColumn {float:left; width:320px;}
.QuickOrderLeftMiddle .MiddleColumn {float:left; width:40px;}
.QuickOrderLeftMiddle .RightColumn {float:left; width:140px;}

.QuickOrderRight { float:right; width: 215px; }
/*QuickOrder*/

/*Widget*/
.WidgetContainer {width:920px;}
.WidgetHeader {font-weight:bold;}
.WidgetColumn {width:40%; float:left;}
.WidgetColumn .fixedWidth {width:100px; float:left;}
.WidgetColumn .fixedWidthDrywall {width:300px; float:left;}
.WidgetTab {/*padding:15px;}*/}
.SmallTextBox {width:75px;}
/*Widget*/

/* Simple Widget */
body.Widget { font-size: 11px; }
.SimpleWidgetContainer { padding: 19px 0 0 31px;  }
h1.ProjectCalculator { text-transform: none; background-image: url(../images/icon_green_calculator.gif); background-repeat: no-repeat; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0px 0 5px 34px; }
.CommonFormDescription.SimpleWidget { font-size: 12px; font-weight: bold; }
.CommonFormDescription.SimpleWidget.RestrictedWidth { width: 15px; }
.MarginLeft20px .CommonFormDescription.SimpleWidget { width: 195px; }
/* End Simple Widget */

/* Insulation Grants */
.insGrants { width:768px; margin:0 auto;}
.insGrants .borderTop{ background: url(../images/grants/borderTop.jpg) no-repeat; height:116px;}
.TitleGrants { padding: 68px 0 0 52px; color:#FFF; font: bold 22px Arial, Tahoma, Helvetica; text-shadow: 1px 1px 5px #444444;}
/* End Insulation Grants */

/* Delivery Options */
.rblChooseLevel {float:left; width:90px;}
.rblChooseLevel input {display: inline-block;float: left;margin-top: 1px;}
.rblChooseLevel label {font-weight: bold; font-size:14px; padding-left: 4px;display: inline-block;float: left;position:relative; top:-2px;}
/* End Delivery Options */



/*.insulation_header_item{width:180px; height:26px; background-image:url(../images/header_insulation_item.jpg);background-repeat:no-repeat; text-transform:uppercase; color:White; font-size:14px; font-family: Arial Narrow; padding-left:5px;padding-top:3px;}
.insulation_content_item{width:164px; height:200px;  border:3px solid #79BD1C; margin-top:5px; padding:5px; font-size:12px;}*/






.banner-wrap
{
	margin:0px auto 20px auto;
	width:890px;
	height:289px;
	font-family: 'Droid Sans', sans-serif;
    position: relative;
    z-index:0;
}
.banner-left
{
	position: absolute;
    z-index: 5;
	height:289px;
    float:left;
	background:url(../images/banner-left.png) no-repeat top left;
}
.banner-top-wrap
{
	width:890px;
	height:40px;
}
.offer-wrap
{
	width:260px;
	float:right;
	margin-top: 7px;
}
.offer-wrap p
{
	margin:0px;
	padding:0px;
	font-family: 'Droid Sans', sans-serif;
	color:#000;
	font-size:12px;
	text-align:right;
	border-bottom:1px dotted #CCC;
}
.offer-wrap p span
{
	font-size:11px;
	border:none;
}
.phone-wrap
{
    position: relative;
    top: 22px;
    left:-18px;
	padding:0;
	width:240px;
	height:22px;
	/*background:url(../images/phone-logo.jpg) no-repeat left top;*/
}
.phone-wrap h2
{
	margin:0px;
	padding:0px;
	font-family: 'Droid Sans', sans-serif;
    letter-spacing:-1px;
	color:#000;
	font-size:32px;
	text-align:right;
	text-transform:none;
}
.phone-wrap h2 span
{
	color:#356002;
}
.banner-center {
    overflow:hidden;
    width:460px;
    float: left;
}
.banner-top {
    background: url("../images/banner_top.jpg") no-repeat scroll left center #FFFFFF;
    height: 46px;
    width:460px;
    /*width: 100%;*/
    position: relative;
}
.banner-content-wrap
{
	margin:0px;
}
.banner-content-wrap-left
{
	width:211px;
	float:left;
	margin:0px;
	padding:56px 0 0 19px;
    color: #E5E4E2;
}
.LeftBanner{ font-size: 22px;font-family: Verdana, Tahoma, Arial;font-weight: bold;text-shadow: 2px 2px 2px #000000;margin-bottom: 9px;display: block;}
.LeftBannerItem {display: block;padding-left: 5px; font-size: 16px;font-family: Arial, Tahoma;font-weight: bold;text-shadow: 2px 2px 2px #333333;word-spacing: 8px;}
.LeftBannerItem div { line-height: 26px;}
.banner-content-wrap-left ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.banner-content-wrap-left ul li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.banner-content-wrap-left ul li a
{
	margin:0px;
	padding:0px 0px 0px 15px;
	font-family: 'Droid Sans', sans-serif;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	background:url(../images/li-img.png) no-repeat center left;
	outline:none;
	line-height:27px;
}
.banner-content-wrap-left ul li a:hover
{
	color:#F00;
	background:url(../images/li-img-hover.png) no-repeat center left;
	outline:none;
}

.red-arrow
{
	color:#F00;
	background:url(../images/li-img-hover.png) no-repeat center left;
}
.banner-content-wrap-left ul li a.active
{
	color:#F00;
	background:url(../images/li-img-hover.png) no-repeat center left;
	outline:none;
}
.banner-content-wrap-center
{
	width:220px;
	float:left;
	padding:44px 0px 0px 0px;
    color: white;
    text-align: center;
}
.CenterBanner { font-size: 22px;font-family: Arial, Tahoma;font-weight: bold;text-shadow: 2px 2px 2px #000000;}
.CenterBanner span { font-size: 17px;font-family: Arial, Tahoma;font-weight: bold;text-shadow: 2px 2px 2px #000000;display: block;line-height: 30px;}
.get-quote-bttn
{
	width:165px;
	height:53px;
	background:url(../images/button-get-quote.png) no-repeat top left;
	display:block;
	margin:25px 0px 17px 24px;
	outline:none;
}
.get-quote-bttn:hover
{
	background:url(../images/button-get-quote.png) no-repeat bottom left;
	outline:none;
}
.req-info-bttn
{
	width:165px;
	height:52px;
    margin:20px 0 0 24px;
	background:url(../images/button-request-info.png) no-repeat top left;
	display:block;
	outline:none;
}
.req-info-bttn:hover
{
	background:url(../images/button-request-info.png) no-repeat bottom left;
	outline:none;
}
.dw-calculator-bttn
{
	width:165px;
	height:53px;
    margin:20px 0 0 24px;
	background:url(../images/button-calculator.png) no-repeat top left;
	display:block;
	outline:none;
}
.dw-calculator-bttn:hover
{
	background:url(../images/button-calculator.png) no-repeat bottom left;
	outline:none;
}
.banner-right
{
	float:right;
	padding:0px;
    width: 447px;
}
#slides-container {
    height: 264px;
    overflow: hidden;
    position: relative;
    top: 13px;
    width: 100%;
    z-index: 1;
}
.thanks-contents
{
	width:792px;
	height:300px;
	background-image:url(../images/thanks-img.jpg);
    background-repeat: no-repeat;
}
.tree a{
    margin-left:7px;
}
.CartHeader {
    background:url('../images/shopping-cart-small.png') 5px 3px; background-repeat:no-repeat;  width:170px; height:27px; background-color:#8cc63f; padding-top:9px; padding-left:45px;  font-weight:bold; font-size: 18px;
    color:black;
}


/*Calculator*/

.Metalc{
        width: 600px; position: relative; left: 145px; top: 20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; padding-bottom:20px; background: url("../images/aluminium_forte.jpg");
}
.CalcH1 {
    padding-left:32px; padding-top:10px; font-size:20px; font-weight:bold; color:black;
}
.CalcH2 {
    padding-left:32px; padding-top:5px;font-size:20px; font-weight:bold; color:white;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
.CalcH3 {
    padding-left:32px; padding-top:5px; padding-right:32px; text-align:justify;
}
.CalcH4 {
    width: 536px; height: 33px; border:0px solid red; background:#84c13b; margin-top:10px; margin-left:32px; border-radius:15px 15px 0 0; float:left;
}
.CalcMainContainer {
width: 536px; background:white; margin-left:32px; border-radius: 0 0 15px 15px
}
.FilesCompetitivePrice { margin: 5px 0 10px;display: block;}
#divRedCross { margin: 5px 0 10px;}
#divRedCross img { width: 100%;}

/*Request info form*/
.divReqInfo_Content{ width: 300px;margin-bottom: 20px;padding-left: 5px;}
.form-div { width: 320px;border-top:1px solid #C7C8CA;padding-top: 10px;padding-left: 5px;}
.form-div span{	color:#3a6901; }
.form-div h1 {font-family: Helvetica, sans-serif; font-size:18px;color:#3a6901;	margin:0px;	padding:0px 0px 2px 0px;margin-bottom:5px;	border-bottom:1px solid #3a6901;}
.textfield2 {width:90%;font-family: Helvetica,Arial,Sans-Serif;font-size:13px;	color:#000;	border:1px #c4d4c0 solid;margin:0 0 9px 0px;padding:4px 4px 4px 4px;background:#f2f2f2;}
.form-div .capthaInfo {padding:0px;margin:0px; font-family: Helvetica,Arial,Sans-Serif;font-size:12px;color:#000;}
.form-div .capthaInfo span {color:#3a6901;font-weight:bold;}
.form-div .textarea2 {width:90%;height:50px;border:1px #c4d4c0 solid;font-size:13px; font-family: Helvetica,Arial,Sans-Serif;color:#000;margin:0 0 9px 0px;	padding:4px 4px 4px 4px;background:#f2f2f2;	resize:none;overflow:auto;}
.form-div img {	border:none;margin: 1px;}
.form-div .submit-btn {	width:87px;	height:22px;display:block;background:url(../images/sub-bttn.jpg) no-repeat;	font-size:14px; font-family: Helvetica,Arial,Sans-Serif;text-decoration:none;font-weight:bold;text-align:center;padding:5px 0px 0px 0px;color:#fff;	float:right;}
.form-div .submit-btn:hover {color:#07f312;}
.form-div .refresh-btn {width:24px;	height:24px; background:url(../images/refresh-bttn.jpg) no-repeat center top;outline:none;}
.form-div .refresh-btn:hover {width:24px;height:24px; background:url(../images/refresh-bttn.jpg) no-repeat center bottom;	outline:none;}
#divContactUs { width: 650px;}
.formRow { width: 100%;overflow: hidden;margin-bottom: 9px;}
.formRow .formLabel {float: left;line-height: 28px; text-align: right; width: 30%; margin-right: 10px; }
.formRow .textfield1{display: inline-block;width: 200px; color:#000;border:1px #c4d4c0 solid !important;padding:4px 4px 4px 4px;background:#FFF;}
.formRow .textarea1{ display: inline-block;width: 340px;border:1px #c4d4c0 solid;color:#000;margin:0 0 9px 0px;padding:4px 4px 4px 4px;background:#FFF;resize:none;overflow:auto;}
/*.formRow .fileUpload { overflow:hidden;visibility:hidden;width:0;height:0;padding:0;font-size:0}*/
.formRow .fileUpload {position: relative;text-align: right;height: 26px; -moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;cursor: pointer !important;}
.formRow .ChooseFile { position: absolute;left: 204px;top: 2px; }
.formRow .selectedFile { padding-top: 5px;display: inline-block;}

/*Ajax loading*/
 #progressBackgroundFilter {
            position:fixed; 
            top:0px; 
            bottom:0px; 
            left:0px;
            right:0px;
            overflow:hidden; 
            padding:0; 
            margin:0; 
            background-color:#000; 
            filter:alpha(opacity=50); 
            opacity:0.5; 
            z-index:1000; 
        }

    #processMessage {
        position: fixed;
        top: 30%;
        left: 50%;
        padding: 25px;
        width: 200px;
        margin-left: -100px;
        font-size: 26px;
        z-index: 1001;
        background-color: #fff;
        border: solid 1px #000;
    }
 #progressBackgroundFilter1 {
            position:fixed; 
            top:0px; 
            bottom:0px; 
            left:0px;
            right:0px;
            overflow:hidden; 
            padding:0; 
            margin:0; 
            background-color:#CFCFCF; 
            filter:alpha(opacity=50); 
            opacity:0.5; 
            z-index:1000; 
        }

    #processMessage1 {
        position: fixed;
        top: 30%;
        left: 50%;
        padding: 15px 25px 25px;
        width: 350px;
        margin-left: -200px;
        font-size: 12px;
        text-align: center;
        z-index: 1001;
        background-color: #fff;
        border: solid 1px #555;
    }
    /*Ajax loading*/

.AccessCode { position:relative; display:block; white-space:nowrap; margin: 5px 0;
}

.CartButtonGreen {
float:right;
margin-left:20px;
margin-top:-8px;
}
.no-script{position: fixed; width:400px;height: 200px; top:50%;left: 50%; background: white; z-index: 9000; border: 1px solid black; padding: 10px;  margin-left: -200px; margin-top: -100px;font-weight: bold;color: #b22222;}
.WarehouseList table, .ProvinceList table { border-collapse: collapse;}
.WarehouseList label, .ProvinceList label { padding-left: 7px;}
/* Delivery info */
.StraightImages { text-align: center;border: 2px solid green;padding: 5px;}
.StraightImages td { width: 100px;vertical-align: top;}
.StraightImages input { display: block;margin-left: 22px;}
.StraightImages label { display: inline-block;}
.StraightImages label img { display: inline-block;}

/* Welcome Popup temporary styles */
body.Wp_Body {background-image: none; background-repeat: no-repeat; background-position: top center; letter-spacing: normal; background-color: #FFF; }
.Wp_MasterContainer {background-color: transparent;margin: 0 auto;padding: 0 0 0;} 
#Wp_Logo { margin: 10px 0 0 0;}
#Wp_HeaderTitle { font-family: Verdana;font-size: 24px;padding-top: 10px;text-align: center;word-spacing: 8px;}
#Wp_Content{ text-align: center;margin-top: 0;}
#Wp_Title{ color: #ff9900;font-size: 38px;font-weight: bold;font-family: "Trebuchet MS";line-height: 40px;}
#Wp_Info1{ color: #ff9900;font-size: 22px; font-family: "Trebuchet MS";word-spacing: 8px; font-weight: bold;line-height: 30px;margin-top: 20px;text-decoration: underline;}
#Wp_Info2{font-size: 22px;font-weight: bold; line-height: 30px;padding-top: 10px;}
#Wp_Info3{font-size: 20px;font-style: italic;line-height: 23px;text-align: left;width: 75%; padding: 15px 0 0 50px;}
#Wp_Info3 ul li{list-style-type: disc !important;background-image: none !important;padding: 0;}
#Wp_Info3 ul{padding: 10px 0 0 70px;}
#Wp_lnkHome{ margin-top: 30px;line-height: 34px;}
#Wp_lnkHome a{color: #8cfe13;text-decoration: none;font-size: 24px;font-weight: bold;}
#Wp_Footer { margin: 80px 50px 15px 0;float: right;}

#popupContent {position:relative;}
#popupContent .submit-btn {width:87px;	height:22px;display:block;background:url(../images/sub-bttn.jpg) no-repeat;	font-size:14px; font-family: Helvetica,Arial,Sans-Serif;text-decoration:none;font-weight:bold;text-align:center;padding:5px 0px 0px 0px;color:#fff;	float:right;}
#popupContent .submit-btn:hover {color:#07f312;}
/* END Welcome Popup temporary styles */

/* User Listing Permissions stuff */
.PermissionListContainer > .PermissionListContainer {
    border: 1px dotted #f0f0f0;
    margin: 20px 5px;
    padding: 5px;
}
.PermissionListContainer > .Category {
    font-weight: bold;
}
.PermissionListContainer span input {
    margin-left: 18px;
    vertical-align: middle;
}
.PermissionListContainer span label {
    font-size: 10px;
    vertical-align: middle;
}
/* END User Listing Permissions stuff */


.master-form .divWelcomePopup {
    display:none;
}

.messages_container .pagination {
    overflow:hidden;
    float:left;
    width:48%;
}
.messages_container .controls {
    float:right;
    width:48%;
}
.messages_container .top_controls {
    overflow:hidden;
    background:#fff;
}
.messages_container .prev_next {
    margin:5px 0 5px 5px;
}
.messages_container .controls .FormButton {
    float: right;
    margin:5px;
}
.messages {
    height:620px;
    overflow-y:scroll;
}
.messages .message{
    display: none;
    margin: 5px 10px;
}
.messages .message.current{
    display: block;
}
.messages input[type="checkbox"]{
    margin:5px 5px 5px 0;
}
ul.dynatree-container {
    height:auto !important;
}
.smallBlock {
    height: 20px;
    overflow:hidden;
}
.bigBlock {
    height: auto;
}