* {
    margin: 0;
    border: none;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a:link {
    text-decoration: none;
    color: #8C4013;
}

a:visited {
    text-decoration: none;
    color: #8C4013;
}

a:focus {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: #BB7044;
}

a:active {
    text-decoration: underline;
    color: #8C4013;
}

/* The no_rollover_border class gets rid of the dotted line border that the browser creates around an image link */
a.no_rollover_border:focus, a.no_rollover_border:active {
    outline: 0;
    -moz-outline: none;
}

.small {
    font-size: 10px;
    color: Black;
}

#pagewrapper {
    /* 	this keeps the page centered when the browser window is wide,  */
    /* 	and gives it a small margin all around */
    width: 882px;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

a#supplierLoginInBanner {
    float: right;
    clear: both;
    width: 112px;
    padding: 0 10px;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
}

a#supplierLoginInBanner:link {
}

a#supplierLoginInBanner:visited {
}

a#supplierLoginInBanner:focus {
}

a#supplierLoginInBanner:hover {
}

a#supplierLoginInBanner:active {
}

/* On the Home Page, the header background image is different than all other site pages.*/
/* Margin is adjusted for both .home and .default classes to make the nav menu's vertical location */
/* match across the site. */
#logoanduppernav_home {
    clear: both;
    width: 882px;
    height: 62px;
    background: url(logoanduppernav.jpg);
    margin-top: 0;
}

#logoanduppernav_default {
    /* this is used on all pages except for the home page */
    width: 882px;
    height: 66px;
    background: url(logoanduppernav-secondary.jpg);
    /*	margin-top: 28px;*/
    margin-top: 0;
    clear: both;
    width: 882px;
}

#logolink {
    /* it is what makes the "logo" clickable */
    /* The logo graphic is part of div background.  An image link is inserted for a clickable area */
    float: left;
    cursor: pointer;
}

#logolink.home {
    width: 240px;
    height: 60px;
}

#logolink.default {
    width: 170px;
    height: 60px;
}

#banner {
    /* 	banner is only used on the homepage. On all other pages
     the banner is removed and the graphics are made
     part of the contentwrappers */
    width: 882px;
    height: 140px;
    background: url(banner.jpg);
}

#contentwrapper {
    /* this is only used on the homepage. Content pages have their own wrapper */
    margin-bottom: 7px;
    width: 882px;
}

#contentwrapper.hasSupplierWidget {
    margin-bottom: 0px;
}

#contentlefthomepage {
    /*	the entire div's width must equal 662px */
    float: left;
    /* this width has been tweaked for the 2up MO homepage! rl */
    width: 552px;
    padding-left: 110px;
    padding-left: 50px;
    padding-right: 0px;
    padding-top: 18px;
    line-height: 1.75em;
}

#contentleft {
    /*	the entire div's width must equal 662px */
    float: left;
    /*  Bmilton - Widening to match product page layout
     More content area to work with. */
    width: 647px;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 18px;
    line-height: 1.75em;
}

#contentright {
    float: right;
    width: 220px;
    height: 298px;
    background: url(contentright.jpg) no-repeat;
}

div#contentright.hasSupplierWidget {
    height: 381px;
}

#contentright h2 {
    margin-top: 45px;
    margin-right: 20px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

#contentright h3 {
    margin-left: 38px;
    margin-right: 20px;
    margin-bottom: 27px;
    font-weight: normal;
    font-size: 14px;
}

#footer {
    /*	the entire div's width must equal 882px */
    clear: both;
    height: 20px;
    padding-top: 25px;
    color: #999;
    font-size: 11px;
}

/*  if the following declarations are not present then the font size of links in
 the footer will default to 12px and we want 11px */
#footer p {
    text-align: center;
	font-size: 11px;
}

#footer_sublinks {
	text-align: left;
}

#footer a {
    font-size: 11px;
    color: #999;
}

#home_headline_1 {
	font-size: 20px;
	text-align: center;
}

#home_headline_2 {
	font-size: 15px;
	text-align: center;
	margin-top: 5px;
}

/* ================================================================================ */
/* End of site structure															*/
/* ================================================================================ */
/* ================================================================================ */
/* Navigation																		*/
/* ================================================================================ */
/*  This nav menu is based off of the CSSplay "final drop" menu.
 I had to recode the old nav to include a drop down selection for product categories.
 The "final drop" menu was simplified since I only needed 2 levels.
 However, it was made more complicated due to the requirements for rounded corners and
 a selected page indicator. -Brian */
/* ================================================================
 This copyright notice must be untouched at all times.
 
 The original version of this stylesheet and the associated (x)html
 is available at http://www.cssplay.co.uk/menus/final_drop.html
 Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
 This stylesheet and the associated (x)html may be modified in any
 way to fit your requirements.
 =================================================================== */
/* ================================================================================ */
/* Navigation Menu - Positioning													*/
/* ================================================================================ */
#menu {
    /*	width: 392px;*/
    height: 27px;
    float: right;
    z-index: 100;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    margin: 0;
}

/*  Since the background image for #logoanduppernav is different on the home page vs all other pages,
 the menu padding is set differently to get the menu to sit in the same vertical page location.
 There is still some horizontal shifting of the menu since the browser adds a scroll bar for
 pages that are longer than the viewable area.  -Brian */
#menu.home {
    padding-top: 35px;
}

/*Set this class for all pages with the small logo and nav menu*/
#menu.default {
    padding-top: 20px;
}

/* General Menu Styling - Remove all the bullets, borders and padding from the default list styling */
#menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 27px;
    float: left;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
    float: left;
    width: 90px;
    height: 27px;
    position: relative;
    margin: 0;
}

/*  To summarize the menu...The middle items use a background color.  When a middle item is hovered,
 it switches to a dark background color.
 
 For the left and right menu items, a background image is used in order to achieve the rounded corners.
 When hovered, a different image with dark color is used.
 
 To indicate the current page selected, the appropriate nav item will be set to a dark version while on that page.
 This is achieved at the page level.  Each page's menu code is edited to set a selector class on the appropriate
 menu item.  Every List Item should have a class assigned to it (see below). */
/*
 List Class				Default Style											On Hover
 ----------				---------------------------------------------------		-------------------------------------
 middle					BG color: #FFF65E, color #000							BG color: #9C5924, color #FFF
 middleyouarehere		BG color: #9C5925, color #FFF							same as default
 level2					BG color: #DF05C3, color #000							BG color: #9C5924, color #FFF
 
 */
/* General styling for all top level links*/
#menu a, #menu a:visited {
    display: block;
    font-size: 11px;
    text-decoration: none;
    /*Setting the anchor and line height the same effectively centers the text vertically. */
    height: 27px;
    line-height: 27px;
    padding: 0 13px;
    font-weight: bold;
}

#leftmost {
    /*	background: url(nav-background-left-unsel.jpg) no-repeat top left;*/
    background: url(nav-background-left-sel.jpg) no-repeat top left;
    float: left;
    width: 13px;
    height: 27px;
}

/* style top level items */
#menu ul li a {
    /*	background:	#FFC65E;*/
    background: #9C5924;
    color: #fff;
}

/* top level hover */
#menu ul li a:hover, #menu ul :hover {
    /*background: #AF662B;*/
    /*background: #CF874D;*/
    background: #CFA481;
    color: #FFF;
}

/*Need these 2 lines in order for Top Level Menu Hover to stick when in 2nd level*/
/*First one is for IE6 which does not support child selectors*/
/*Key is the hover has to be set for at the ul level.  Doesn't work when set at li level*/
/*#menu a:hover, #menu ul ul a:hover{color:#FFF; background:#9C5924;}*/
/*#menu a:hover, #menu ul ul a:hover{color:#FFF; background:#AF662B;}*/
/*#menu a:hover, #menu ul ul a:hover{color:#FFF; background:#CF874D;}#CFA481*/
#menu a:hover, #menu ul ul a:hover {
    color: #FFF;
    background: #CFA481;
}

/*#menu ul :hover > a {color:#FFF; background:#9C5924;}*/
/*#menu ul :hover > a {color:#FFF; background:#AF662B;}*/
/*#menu ul :hover > a {color:#FFF; background:#CF874D;}*/
#menu ul :hover > a {
    color: #FFF;
    background: #CFA481;
}
#menu ul li.selected a, #menu ul li.selected a:hover {
    /*	color: #000;*/
    /*	color: #8F7950;*/
    color: #5F3717;
    /*	background: #9c5924;*/
    /*	background: #CFA481;*/
    /*	background:	#EFB859;*/
    background: #F1B851;
}

#rightmost {
    /*	background: url(nav-background-right-unsel.jpg) no-repeat top right;*/
    background: url(nav-background-right-sel.jpg) no-repeat top right;
    width: 13px;
    height: 27px;
    float: left;
}

/* Second Level Menu Items */
/* General Styling for 2nd Level Menu Items */
#menu #level2, #menu #level2 li {
    width: 164px;
    text-align: left;
    height: 35px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 27px;
    left: 0;
}

/* style the table so that it takes no part in the layout - required for IE to work */
/*  The menu code uses some conditional statements to put the 2nd level items into a table
 for IE6 compatibility */
#menu table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}

/* style the second level links */
/*	#menu ul ul li.level2 a, #menu ul ul li.level2 a:visited {
 background: #DFD5C3;
 color: #000;*/
/*Due to 1px border, height should be 1 px less than parent li height */
/*height: 34px;
 line-height: 34px;
 width: 160px;
 padding: 0 13px;
 border-left: solid black 1px;
 border-right: solid black 1px;
 border-bottom: solid black 1px;
 }*/
#menu #level2 li a, #menu #level2 li a:visited {
    background: #DFD5C3;
    color: #000;
    /*Due to 1px border, height should be 1 px less than parent li height */
    height: 34px;
    line-height: 34px;
    width: 164px;
    padding: 0 13px;
    border-left: solid black 1px;
    border-right: solid black 1px;
    border-bottom: solid black 1px;
}

/* style the 2nd level hover */
#menu #level2 li a:hover {
    /*background: #AF662B;*/
    /*background: #CF874D;*/
    background: #CFA481;
    color: #fff;
}

/* make the second level visible when hover on first level list OR link */
/*	#menu ul li:hover ul, #menu ul li.selected:hover ul, #menu ul a:hover ul, #menu ul li.selected a:hover ul {
 visibility:visible;
 }*/
/* make the second level visible when hover on first level list */
#menu ul li:hover ul#level2, #menu ul li a:hover #level2 {
    visibility: visible;
}

#menu ul a:hover {
    visibility: visible;
}

/* ================================================================================ */
/* end of navigation																*/
/* ================================================================================ */
/* ================================================================================ */
/* begin specific page styles.														*/
/* ================================================================================ */
/* ================================================================================ */
/* used on any page																	*/
/* ================================================================================ */
.helptag {
    cursor: help;
    font-weight: normal;
    color: #BB7044;
}

label {
    margin-left: 4px;
}

/* ================================================================================ */
/* home page 																		*/
/* ================================================================================ */
#banner p {
    margin-right: 15px;
    padding-top: 100px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

img#homePageGetQuotesBtn {
    float: right;
    margin-right: 0em;
    margin-top: 8px
}

/*Is this still needed: homepagesupplierslist ?  -Brian */
ul.homepagesupplierslist {
    margin-top: 12px;
    margin-left: 22px;
    list-style-type: none;
}

ul.homepagesupplierslist li {
    background-image: url(bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 14px;
    line-height: 175%;
}

/* Service Area - This is the 50 state list at the bottom of the page*/
.service_area_heading {
    color: #8F8A86;
    font-size: 14px;
    font-weight: bold;
    padding-left: 110px;
    padding-top: 35px;
    font-family: Arial, Helvetica, sans-serif;
}

.service_area_links {
    color: #DF9F53;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 110px;
    padding-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.service_area_links a, .service_area_links a:visited, .service_area_links a:active {
    color: #DF9F53;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.service_area_links a:hover {
    color: #000000;
    text-decoration: none;
}

/* ======================================================================================== */
/* Article pages, also called content pages. This is also used on some non-article pages.	*/
/* ======================================================================================== */
#contentwrapperarticlepage {
    width: 882px;
    zzzwidth: 900px; /* removed this when working on the footer vertical spacing */
    margin-bottom: 14px; /* 25px from bottom of this container to first baseline in the footer */
    background: url(contentpagebackground.jpg) no-repeat;
}

#contentwrapperarticlepage h1 {
    background: #fff;
    margin-right: 450px;
    /* 	the above 2 tweaks hide just enough of the gray underline.
     Note that each content based page can override this. */
    margin-left: 110px;
    padding-top: 3px;
    padding-right: 10px; /*BMilton - Added to ensure some space between H1 and gray line */
    font-size: 18px;
}

#contentwrapperarticlepage h3 {
    margin-top: 2em;
    border-bottom: 1px solid #7F9DB9;
}

#contentwrapperarticlepage p {
    margin-bottom: .5em;
}

#contentwrapperarticlepage ul, #contentwrapperarticlepage ol {
    margin-bottom: 1em;
}

#contentwrapperarticlepage li {
    margin-left: 2em;
    /* 	This is used on everything except the home page!
     The city/state pages have their own. */
    padding-left: 0px;
}

p.articleindexlist {
    width: 200px;
}

/* leftside content */
/* creates an EXpandble DIVlette, used as a table of contents for the article pages */
.exdivwrapper {
    float: left;
    margin-right: 15px;
    margin-bottom: 4px;
}

.exdivtop {
    background-image: url(divlette_article_background_top.jpg);
    background-repeat: no-repeat;
}

.exdivtop h2 {
    margin-bottom: 8px;
    padding-top: 7px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}

.exdivtop p {
    padding-bottom: 5px;
    padding-left: 15px;
}

.exdivbottom {
    height: 36px;
    padding-top: 7px;
    width: 203px;
    padding-right: 16px;
    background-image: url(divlette_article_background_bottom.jpg);
    background-repeat: no-repeat;
    text-align: right;
    line-height: normal;
}

p.articlenavigation {
    margin-top: 14px;
    margin-right: 30px;
    text-align: right;
}

/* rightside content article pages */
#contentrightarticlepage {
    /* formats the rightside "sidebar" on article, content pages */
    float: left;
    width: 219px;
    zzzheight: 298px; /* was used to ensure that the div was tall enough to show all of the background image. */
    background-image: url(contentrightarticlepage.jpg);
    background-repeat: no-repeat;
    margin-top: 18px;
}

#contentrightarticlepage h2 {
    margin-top: 12px;
    margin-right: 18px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

#contentrightarticlepage p {
    margin-right: 14px;
    margin-left: 22px;
    line-height: 21px;
}

#contentrightarticlepage p.quotesButtomP {
    margin-bottom: 50px; /* allows for the Supplier signup widget */
}

#contentrightarticlepage p img {
    float: right;
    padding-bottom: 40px; /* makes sure that the bottom of the background graphic shows */
}

#contentwrapperarticlepage.hasSupplierWidget #contentrightarticlepage {
    padding-bottom: 0px;
}

/* this is a real mess, grafting new features on this old site. This needs re-thinking but, I'm just making it work. RL */
#contentwrapperarticlepage #contentrightarticlepage.supplierWidgetOnly {
    margin-top: 0px;
    background: none;
}

#contentwrapperarticlepage #contentrightarticlepage.supplierWidgetOnly div#suppplierInfoWidget {
    margin-top: 18px;
}

.divlette_contentpageright {
    float: left;
    background-image: url(divlette_article_right_background.jpg);
    background-repeat: no-repeat;
    width: 219px;
    height: 229px;
    margin-right: 1em;
}

/* ================================================================================ */
/* form page IDs and classes
 I really hope you like descendent selectors... rl								*/
/* ================================================================================ */
#contentwrapperformpage {
    width: 882px;
    margin-bottom: 12px;
    background-image: url(contentpagebackground.jpg);
    background-repeat: no-repeat;
}

#contentwrapperformpage h1 {
    /* 	Note that this duplicates the headline formatting in #contentwrapperarticlepage h1. */
    background: #fff;
    margin-right: 450px;
    /* 	the above 2 tweaks hide just enough of the gray underline.
     Note that each content based page can override the margin-right
     to show a precise amount of the gray line and to
     prevent the title from wrapping. */
    margin-left: 110px;
    padding-top: 3px;
    font-size: 18px;
}

/* the 1-2-3 graphic */
img#statusIndicatorSurvey			 {margin-bottom:13px;}	
img#statusIndicatorContactInto		 {margin-top:6px;margin-bottom:13px;}	
img#statusIndicatorThankYou			 {margin-top:13px;margin-left:106px;}	
img#statusIndicatorThankYouAlternate {margin-top:0px; margin-bottom:10px; margin-left:0px;}

#contentwrapperformpage h1 span.TheTheme {
    /* The span is used on the PPC system pages to allow for replacing the theme.
     Since EVERYTHING in this system has a default font size we need the line below.
     See the * rule at line 48. */
    font-size: 18px;
}

#contentwrapperformpage form {
    width: 662px;
    margin-top: 4px;
    margin-left: 0px;
    padding-left: 0px;
}

#contentwrapperformpage form h2 {
    margin-bottom: 1em;
    font-size: 16px;
    font-weight: bold;
}

#contentwrapperformpage form h3 {
    margin-bottom: 1em;
    font-size: 12px;
    font-weight: bold;
}

#contentwrapperformpage form p {
    margin-bottom: 1em;
}

#contentwrapperformpage form select {
    width: 204px;
    margin-top: 8px;
    margin-left: 54px;
    border: 1px solid #FFD174;
}

#contentwrapperformpage form div.formattextbox {
    margin-top: 1px;
    margin-left: 60px;
    margin-bottom: 12px;
}

#contentwrapperformpage form #wrapperforformpage2 div.formattextbox {
    /* this id is used to adjust the vertical spacing on the 2nd page of forms */
    margin-top: 4px;
    margin-bottom: 2px;
}

#contentwrapperformpage form div.formattextbox input {
    width: 180px;
    padding: 3px;
    margin-bottom: 8px;
    border: 1px solid #FFD174;
}

#contentwrapperformpage form p.zipinfo {
    /* obsolete. I'll remove it when I find the time. RL */
    margin-left: 49px;
}

#contentwrapperformpage form p.zipinfo input {
    /* obsolete. I'll remove it when I find the time. RL */
    width: 180px;
    margin-bottom: 3px;
    border: 1px solid #FFD174;
}

#contentwrapperformpage form p.additionalcomments textarea {
    /* test to see it this selector is still used. RL */
    width: 204px;
    padding: 3px;
    margin-left: 54px;
}

#contentwrapperformpage form p.additionalcomments {
    /* test to see it this selector is still used. RL */
    margin-bottom: 0px;
}

#contentwrapperformpage #formfooter {
    background-image: url(formfooterbackground.jpg);
    background-repeat: no-repeat;
    width: 550px;
    height: 28px;
    margin-left: -21px;
    margin-bottom: 1em;
    padding-top: 21px;
    text-align: right;
}

#contentwrapperformpage form p textarea {
    /* this is used for the html textareas
     I really need to clean up all this textarea, textbox syntax. It's too confusing! RL */
    width: 400px;
    margin-top: 6px;
    margin-left: 78px;
    padding: 3px;
    border: 1px solid #FFD174;
}

/* for the Submit style validation, validation that starts after the submit */
div#contentwrapperformpage.validationAfterSubmit #blueliner p {
    position: relative;
}

div#contentwrapperformpage.validationAfterSubmit img.ValidationFeedback {
    display: none;
    position: absolute;
    top: -3px;
    left: -29px;
}

div#contentwrapperformpage.validationAfterSubmit span.ValidationNote {
    display: none;
    position: absolute;
    top: 0px;
    left: -90px;
    font-weight: normal;
    color: #935a2a;
}

/* for the Inline style validation, validation that works inline as the user fills out the form */
div#contentwrapperformpage.validationInline #blueliner p {
    position: relative;
}

div#contentwrapperformpage.validationInline img.ValidationFeedback {
    position: absolute;
    top: -3px;
    left: -29px;
}

div#contentwrapperformpage.validationInline span.ValidationNote {
    display: none;
    position: absolute;
    top: 0px;
    left: -90px;
    font-weight: normal;
    color: #935a2a
}

#divlette_formpageheader {
    background-image: url(divlette_formpage.jpg);
    background-repeat: no-repeat;
    width: 544px;
    height: 134px;
    margin-top: 24px;
    margin-left: 106px;
    padding-top: 8px;
    padding-left: 19px;
}

#divlette_formpageheader h2 {
    font-size: 16px;
    font-weight: bold;
}

#divlette_formpageheader ul {
    margin-top: 7px;
    margin-left: 20px;
    line-height: 22px;
}

#divlette_formpageheader p {
    margin-top: 8px;
    margin-left: 4px;
}

/*	The formpageheader with an image on the left. */
#FormPageHeaderImgLeft {
    width: 544px; /* this is actually wider than the image */
    width: 537px;
    height: 154px;
    margin-top: 24px;
    margin-left: 106px;
    padding-top: 8px;
    padding-left: 19px;
}

#FormPageHeaderImgLeft h2, #FormPageHeaderImgLeft h2 span.theTheme, #FormPageHeaderImgLeft h2 span.TheTheme {
    font-size: 16px;
    font-weight: bold;
}

#FormPageHeaderImgLeft ul {
    margin-top: 10px;
    margin-left: 130px;
    line-height: 18px;
}

#FormPageHeaderImgLeft li {
    font-size: 12px;
}

#FormPageHeaderImgLeft p {
    margin-top: 8px;
    margin-left: 118px;
    font-size: 12px;
}

/*	show particular images
 IE 6 on w2000 refuses to properly recognize the descendent selectors
 so old school classes are used instead. */
.MobileOffice {
    background-image: url(Formpageheader-Mobile-Office.jpg);
    background-repeat: no-repeat;
}

.ModularBuilding {
    background-image: url(Formpageheader-Modular-Building.jpg);
    background-repeat: no-repeat;
}

.StorageContainer {
    background-image: url(Formpageheader-Storage-Container.jpg);
    background-repeat: no-repeat;
}

.StorageContainer2 {
    background-image: url(Formpageheader-Storage-Container2.jpg);
    background-repeat: no-repeat;
}

.SelfStorage {
    /* Mobile-Storage-Quote-image */
    background-image: url(Formpageheader-Self-Storage.jpg);
    background-repeat: no-repeat;
}

.SteelBuilding {
    background-image: url(Formpageheader-Steel-Building.jpg);
    background-repeat: no-repeat;
}

.ManufacturedHome {
    background-image: url(Formpageheader-Manufactured-Home.jpg);
    background-repeat: no-repeat;
}

#blueliner {
    margin-left: 106px;
    padding-left: 20px;
    border-left: 1px solid #FFD174;
}

/* tweak the little table that helps layout the 2nd form page */
#wrapperforformpage2 table {
    border-collapse: collapse;
}

.formpage2column1 {
    width: 120px;
}

.formpage2column2 {
}

#wrapperforformpage2 td {
    padding: 2px;
}

#contentwrapperformpage form #wrapperforformpage2 select {
    margin-top: 0;
    margin-left: 0; /* the select is inheriting a left margin from "somewhere" so I overrite it. RL */
    width: 249px; /* tweaked to be as wide as the inputs */
}

#contentwrapperformpage form #wrapperforformpage2 input {
    /* Note that this WILL format the aspx controls.
     You might not think that the selector would select an aspx
     control and it won't - except that the aspx control is only
     seen by the SERVER and not the BROWSER. The browser sees
     an INPUT were the server sees the asp:TextBox. This can lead
     to a LOT OF CONFUSION so be very careful with your
     aspx understanding. rl. */
    width: 241px;
    padding: 3px;
    border: 1px solid #FFD174;
}

#contentwrapperformpage form #wrapperforformpage2 p {
    /*	this id is used to adjust the vertical spacing on the 2nd page of forms */
    margin-bottom: 0em;
}

#contentwrapperformpage form #wrapperforformpage2 input.pndigits {
    width: 40px;
    padding: 3px;
    border: 1px solid #FFD174;
}

#contentwrapperformpage form #wrapperforformpage2 input.zip {
    width: 141px;
    padding: 3px;
    border: 1px solid #FFD174;
}

/* the following naming convention for selectors is an experiement attempting
 to avoid some of the complexities of the the descendent selectors RL */
.questionText {
    font-weight: bold;
}

.txtOther {
    /* this sets an "other" single line text box when used after a list of radios */
    width: 241px;
    padding: 3px;
    margin-bottom: 8px;
    margin-left: 21px;
    border: 1px solid #FFD174;
}

.formatradiobuttons {
    margin-top: -5px;
    margin-left: 60px;
    line-height: 24px;
}

/* adjust the radio buttons so they are properly aligned
 most browsers get their own mini tweaks. */
.formatradiobuttons {
    position: relative;
}

.formatradiobuttons input {
    position: relative;
    top: 2px;
}

.txtNoRadios {
    /* this sets an "other" single line text box when used after a list of radios */
    width: 241px;
    padding: 3px;
    border: 1px solid #FFD174;
}

.numberinput {
    width: 3em;
    padding: 3px;
    border: 1px solid #FFD174;
}

.zipinput {
    width: 7em;
    margin-top: 6px;
    margin-left: 6px;
    padding: 3px;
    border: 1px solid #FFD174;
}

.noteToVisitor {
    /* This formats the gray text displayed below answers */
    margin-left: 60px;
    color: #999;
}

.aspxtextarea {
    /* this is used to further format the aspx "textareas", usually found at the very botton of a page. RL
     the above selector and this one maybe should be combined, once i study where else I've used them. */
    width: 400px;
    height: 43px;
    padding: 3px;
    border: 1px solid #FFD174;
}

#GraphicSubmitButton {
}

/* position the Get Started Now arrow in its paragraph */
p#PositionTheGetStartedArrow {
    position: relative;
}

img#GetStartedNowArrow {
    position: absolute;
    top: -55px;
    left: -130px;
}

img#BBBAccreditedBusinessSeal {
    position: absolute;
    left: 535px;
}

/* validation for form page 2 */
div#wrapperforformpage2.validationAfterSubmitPage2 .validationMark {
    display: none;
}

div#wrapperforformpage2 {
    position: relative;
}
 /* setup a positioning context for the validation marks */
img.validationMark {
    position: absolute;
    top: 39px;
    left: -29px;
}

div#wrapperforformpage2 select#StateId {
    width: 249px;
}

div#blueliner div#wrapperforformpage2 input#zip {
    width: 240px;
}

div#blueliner div#wrapperforformpage2 table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 680px;
}

div#blueliner div#wrapperforformpage2 table td#col1 {
    width: 120px;
}

#contentwrapperformpage form #wrapperforformpage2 td.hintAdjustments {
    padding-top: 108px;
    vertical-align: top;
}

span.ValidationHint {
    display: none;
    color: #935a2a
}

/* Used when the contact details appear on the survey page */
#contentwrapperformpage h2.OnePageSurvey {
    color: #9C5924;
}

h2.OnePageSurvey span.TheTheme {
    font-size: 16px;
    color: #9C5924;
}

img#privacyAssured {
    margin-right: 6px;
    vertical-align: -7px;
}

#contentwrapperformpage form div.formatOnePageSurveyItems {
    margin-left: 0px;
}

table#ContactDetailsOnSurvey td {
    padding: 3px 0px;
}

table#ContactDetailsOnSurvey input {
    width: 241px;
    padding: 3px;
    border: 1px solid #FFD174;
}

table#ContactDetailsOnSurvey #ContactDetailsColumn1 {
    width: 120px;
}

table#ContactDetailsOnSurvey #areacode, table#ContactDetailsOnSurvey #prefix, table#ContactDetailsOnSurvey #PhoneNumber, table#ContactDetailsOnSurvey #ext {
    width: 40px;
}

table#ContactDetailsOnSurvey #StateId {
    margin-left: 0px; /* override */
    width: 249px;
    margin-bottom: 6px;
    border: 1px solid #FFD174;
}

/* ================================================================================ */
/* Suppliers pages																	*/
/* ================================================================================ */
td.suppliersignupheader {
    font-weight: bold;
}

td.suppliersignupcheckboxes {
    line-height: 1.5em;
}

/*	Sidebar that can appear on page one of the surveys.
 This is part of the Google a/b test system. */
div#sidebarsurveypage {
    float: right;
    width: 210px;
    margin-top: 24px;
}

div#ReserveTopSpace {
    /* This reserves the space at the top of the page when Google removes the image */
    height: 134px;
}

div#ReserveTopSpace.PageWithHeaderImage {
    /* This reserves the space at the top of the page when Google removes the image */
    height: 156px;
}

div#SurveyPageImage {
    /* this is just a convenience for hiding and showing this content */
    display: block;
}

div#SurveyPageImage img {
    float: none;
    margin-top: 37px;
    margin-bottom: 1em;
}

div#EightHundredNumber {
    /* this is just a convenience for hiding and showing this content */
    display: block;
    margin-top: 1em;
}

div#EightHundredNumber img {
    float: left;
    margin-top: 4px;
}

p#EightHundredNumberParagraph {
    margin-bottom: 1.5em;
    margin-left: 43px;
}

div#SurveyPageQuotations {
    /* this is just a convenience for hiding and showing this content */
    display: block;
}

div#SurveyPageQuotationsDivletteTop {
    width: 209px;
    margin-top: 1em;
    background-image: url(SurveyPageQuotations-top.gif);
}

div#SurveyPageQuotationsDivletteTop h2 {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 10px;
    text-align: right;
}

div#SurveyPageQuotationsDivletteBottom {
    width: 209px;
    background-image: url(SurveyPageQuotations-bottom.gif);
    background-position: bottom left;
    margin-bottom: 1.5em;
}

div#SurveyPageQuotationsDivletteBottom p {
    margin-top: 0px;
    margin-bottom: .75em;
}

div#ModularBuildingInstituteLogo {
    /* this is just a convenience for hiding and showing this content */
    display: block;
    margin-top: 1em;
}

div#NPSALogo {
    /* this is just a convenience for hiding and showing this content */
    display: block;
    float: none;
}


/* sidebar content used on survey pages - map and 800 number */

div#surveyPageMapAnd800Number {
	margin-top:20px;
}

	div.SurveyPageContentDivletteTop {
		 width:	210px;
		 margin-top: 1em;
		 background-image:	url(divlette-element-top.jpg);
	}
	
		div.SurveyPageContentDivletteTop h2 {
			padding-top: 7px;
			padding-bottom: 7px;
			padding-left: 11px;
			text-align:	left;
		}
	
	img#USMapInSurveySidebar {margin-left:10px;}
	
	div.SurveyPageContentDivletteBottom {
		 width:	199px;		/* subtract 11px left margin */
		 background-image:url(divlette-element-bottom.jpg);
		 background-position: bottom left;
		 margin-bottom:	1.5em;
		 padding-bottom:8px;
		 padding-left:11px;
	}
	
		div.SurveyPageContentDivletteBottom p, 
		div.SurveyPageContentDivletteBottom strong {
			 margin-top: 0px;
			 margin-bottom:	.75em;
			 font-size: 11px; 
			 line-height: 16px;
		}

		p strong#Number800 {font-size:16px;} 




/* ================================================================================ */
/* Portal pages 																	*/
/* ================================================================================ */
/* Note that these two are currently clones of classes for article pages... rl		*/
#contentwrapperportalepage {
    width: 882px;
    background-image: url(contentpagebackground.jpg);
    background-repeat: no-repeat;
}

#contentwrapperportalepage h1 {
    background: #fff;
    margin-right: 450px;
    /* 	the above 2 tweaks hide just enough of the gray underline.
     Note that each content based page can override the margin-right
     to show a precise amount of the gray line and to
     prevent the title from wrapping. There must be a better way. */
    margin-left: 110px;
    padding-top: 3px;
    font-size: 18px;
}

#portalwrapper {
    margin-left: 103px;
}

/* ================================================================================ */
/* Suppliers sidebar widget															*/
/* ================================================================================ */
div#suppplierInfoWidget {
    margin-top: 36px;
}

a#supplierInfo {
    display: block;
    width: 209px;
    height: 153px;
    padding-top: 39px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
}

a#supplierInfo:link {
    background: url(Supplier-info-background.jpg) no-repeat top left;
    color: #935a2a;
}

a#supplierInfo:visited {
    background: url(Supplier-info-background.jpg) no-repeat top left;
    color: #935a2a;
}

a#supplierInfo:focus {
    background: url(Supplier-info-background.jpg) no-repeat top left;
    color: #935a2a;
}

a#supplierInfo:hover {
    background: url(Supplier-info-background.jpg) no-repeat bottom left;
    color: #935a2a;
}

a#supplierInfo:active {
    background: url(Supplier-info-background.jpg) no-repeat top left;
    color: #935a2a;
}

/* ================================================================================ */
/* help page 																		*/
/* ================================================================================ */
h4 {
    margin-top: 1em;
}

/* ================================================================================ */
/* Tool tip system																	*/
/* ================================================================================ */
span.tip {
    background-color: #eef0f4
}

div#tipDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 240px;
    background-color: #fff;
    border: 1px solid #FFD174;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 11px;
    line-height: 1.3;
    color: #000;
}

div#tipDiv div.img {
    text-align: left;
}

div#tipDiv div.txt {
    text-align: left;
    margin-top: 0px;
}

/* for when the tooltip only displays text */
div#tipDiv div.otxt {
    text-align: left;
    margin-top: -4px;
}

div#tipDiv .alt {
    text-align: center;
    color: #336;
    font-weight: bolder;
    font-style: italic;
}

/* ================================================================================ */
/* Five services					Brian - Used for Six Services in this case.		*/
/* ================================================================================ */
div.fiveservices {
    height: 69px;
    background-repeat: no-repeat;
    margin-bottom: 6px; /* tweaked */
    margin-right: 9px;
}

div.fiveservices h1 {
    margin-right: 1em;
    text-align: right;
}

div.fiveservices h1 a:link, div.fiveservices h1 a:visited, div.fiveservices h1 a:focus {
    color: #222;
    font-weight: normal;
}

div.fiveservices h1 a:active {
    color: #8C4013;
    font-weight: normal;
}

div.fiveservices h2 {
    height: 15px;
    text-align: right;
    padding-right: 15px;
}

/* Changed multiple H1 tags on Home page to H2 and added H2 Styling */
div.fiveservices h2 a:link, div.fiveservices h2 a:visited, div.fiveservices h2 a:focus {
    color: #222;
    font-weight: normal;
}

div.fiveservices h2 a:active {
    color: #8C4013;
    font-weight: normal;
}

div.fiveservices p {
    line-height: 125%;
    width: 285px;
    height: 53px;
    float: left;
    padding-top: 10px;
}

div.fiveservices img {
    /* the small Get Quotes buttons */
    float: right;
}

div.fiveservices-left {
    width: 120px;
    height: 53px;
    clear: both;
    float: left;
}

div.fiveservices-button {
    width: 116px;
    height: 28px;
    float: right;
    padding: 15px 10px 0;
}

#HomePageMainParagraph {
    margin-right: 1.25em;
    margin-bottom: 15px;
}

div#service51 {
    background-image: url(divlette_5services_1.jpg);
    clear: both;
}

div#service52 {
    background-image: url(divlette_5services_2.jpg);
    clear: both;
}

div#service53 {
    background-image: url(divlette_5services_3.jpg);
    clear: both;
}

div#service54 {
    background-image: url(divlette_5services_4.jpg);
    clear: both;
}

div#service55 {
    background-image: url(divlette_5services_5.jpg);
    clear: both;
}

div#service56 {
    background-image: url(divlette_5services_6.jpg);
    clear: both;
}

/* ================================================================================ */
/* about us page 																		*/
/* ================================================================================ */
div#contentleft.about ul {
    margin-bottom: 8px;
}

/* ================================================================================ */
/* Thank you page 																	*/
/* ================================================================================ */
body.thankYou #contentwrapperarticlepage h1 {
    margin-right: 0px;
}

/* puts the left margin back on the thank you pages - RL */
div#contentleft.thankYou {
	width: auto;
	margin-left: 110px;
}


div#contentleft.thankYou ul {
    margin-bottom: .5em;
    list-style-type: decimal;
}

div#contentleft.thankYou h3 { /* not needed in the new design with the three column table. */
    margin-bottom: 1em;
}

div#contentleft.thankYou ul {
    margin-bottom: 24px;
    list-style-type: disc;
    color: #477ec4;
}

div#contentleft.thankYou ul li span {
    color: #000;
}

table.thankYou {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 16px;
}

table.thankYou th {
    width: 150px;
}

table.thankYou td {
    padding-bottom: 10px;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

table.thankYou td a img {
    margin-bottom: 9px;
}

table.thankYou tr.TRWithLists td {
    line-height: 24px;
    text-align: left;
}

div.thankYouPageSidebar {
    float: right;
    width: 220px;
}

div#contentwrapperarticlepage div.thankYouPageSidebar h3 {
    border: 0;
    margin: 0;
    margin-top: 24px;
    background: url(divlette_1_top.jpg) no-repeat;
    padding-right: 20px;
    font-size: 16px;
    line-height: 33px;
    text-align: right;
}

div#contentwrapperarticlepage div.thankYouPageSidebar p {
    background: url(divlette_1_bottom.jpg) left bottom no-repeat;
    padding: 10px 0px 20px 10px;
    line-height: 24px;
}

div#contentwrapperarticlepage div.thankYouPageSidebar p span {
    color: white;
}

/* ================================================================================ */
/* Product Page	- BMilton - Adding a new page layout								*/
/* ================================================================================ */


.toc_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.headline {
    width: 882px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 16px;
    float: left;
}

.banner_left_subheadline {
    font-size: 14px;
    color: #9C5924;
}

.banner_price {
    padding-left: 10px;
}

.product_breadcrumb {
    float: right;
    margin: 8px 0 0;
}

#product_banner_wrapper {
    width: 882px;
}

#product_banner_left {
    width: 320px;
    float: left;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

#product_banner_left_innerbox {
    width: 275px;
    border: 1px dotted black;
    margin-top: 15px;
    line-height: 20px;
    padding: 5px;
}

#product_banner_left_innerbox ul {
    margin-bottom: 5px;
}

#product_banner_left_innerbox li {
    font-size: 11px;
}

#product_banner_center {
    width: 322px;
    float: left;
    text-align: center;
}

#banner_center_text1 {
    font-size: 16px;
}

#banner_center_text2 {
    font-size: 12px;
}

#product_banner_right {
    float: right;
	height: 180px;
    width: 240px;
    border: 1px solid #9C5924;
}

#action_button {
    margin-top: 27px;
}

#header_bottom_corner {
    background: url("header-bottom-corner.jpg") no-repeat;
    width: 104px;
    height: 21px;
    float: left;
}

#action_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: black;
}

#action_text a, #action_text a:active, #action_text a:hover, #action_text a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
	color: #1B3DDF;
	text-decoration: underline;
	font-weight: bold;
}

#action_text a:hover {
	color: #0F2381;
}

.action_text_question {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: black;
}

#product_content_left {
	float: left;
	line-height: 1.75em;
	text-align: justify;
	width: 605px;
	clear: both;
	margin-top: 10px;
}

#product_content_left .toc li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-left: 10px;
    line-height: 2.75em;
    color: #000000;
}

#product_content_left .toc li a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #8C4013;
}

#product_content_left .toc li a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #8C4013;
    text-decoration: none;
}

#product_content_left .toc li a:hover {
    text-decoration: underline;
}

#contentwrapper_product_page {
    width: 882px;
    margin-bottom: 14px;
}

#contentwrapper_product_page h1 {
    float: left;
    background: #fff;
    margin-left: 5px;
    padding-top: 3px;
    font-size: 18px;
}

#contentwrapper_product_page h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #9c5924;
    margin-bottom: 15px;
}

#contentwrapper_product_page h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #73778;
    font-weight: normal;
	margin-top: 2em;
    border-bottom: 1px solid #7F9DB9;
}

#contentwrapper_product_page h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3f2510;
    font-weight: normal;
}

#contentwrappera_product_page p {
    margin-bottom: .5em;
}

#contentwrappera_product_page ul, #contentwrapper_product_page ol {
    margin-bottom: 1em;
}

#contentwrapper_product_page li {
    margin-left: 2em;
    padding-left: 0px;
}

/* Typical Uses Bulleted List */
#typical_uses {
    text-align: left;
    margin-bottom: 20px
}

#typical_uses ul {
    padding-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1.75em;
    text-align: left;
}

/* Style Images - left image not featured on all pages */
#product_imageright {
    height: 180px;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9C5924;
    margin-bottom: 20px;
}

#product_banner_right.no-border {
    border: none;
}

#product_banner_right.small {
    width: 200px;
	height: 150px
}

#product_imageleft {
    height: 146px;
    width: 195px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9C5924;
    margin-bottom: 20px;
}

/* creates an Expandible DIVlette, used for Resource Links on all Product pages */
#resources_exdivwrapper {
    width: 219px;
    margin-bottom: 15px;
    text-align: left;
}

#resources_exdivwrapper li {
    margin-left: 2em;
    padding-bottom: 1.2em;
    padding-left: 0;
    padding-right: 5px
}

#resources_exdivwrapper ul {
    list-style: square;
    padding-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1.2em;
}

.resources_exdivtop {
    min-height: 150px;
    width: 219px;
    background-image: url(divlette_article_background_top.jpg);
    background-repeat: no-repeat;
    padding-bottom: 8px;
}

.resources_exdivtop h2 {
    margin-bottom: 8px;
    padding-top: 7px;
    padding-right: 16px;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}

.resources_exdivbottom {
    height: 36px;
    padding-top: 12px;
    width: 219px;
    background-image: url(divlette_article_background_bottom.jpg);
    background-repeat: no-repeat;
    text-align: center;
    line-height: normal;
}

/* Quote Button located at top right of page */
#call_to_action {
    height: 129px;
    width: 239px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

/* Other Items Bulleted List */
#other_items {
    margin-left: 10px;
    margin-bottom: 20px;
}

#other_items h2 {
    text-align: left;
    margin-left: 0;
}

#other_items ul {
    padding-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1.75em;
    text-align: left;
}

#other_items li {
    margin-left: 17px;
}

/* Breadcrumb Styling */
.breadcrumb {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

.breadcrumb a {
    background: transparent url(../images/breadcrumb.gif) no-repeat center right;
    text-decoration: none;
    padding-right: 18px; /*adjust bullet image padding*/
    color: #9C5924;
}

.breadcrumb a:visited, .breadcrumb a:active {
    color: #9C5924;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/*Call to Action Item - A text link at the end of the body text - Should link to the relevant lead form */
#bottom_action_item {
    margin-top: 20px;
    text-align: left;
}

.bottom_action_introtext {
    font-weight: bold;
    padding-right: 5px;
}

/*This is styling for an article on ISO Containers.*/
#isotable {
    width: 90%;
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: solid solid solid solid;
    border-color: brown brown brown brown;
    border-collapse: separate;
    background-color: rgb(255, 245, 238);
}

#isotable th {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

#isotable td {
    border-width: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

/* Markets Page Styles */
.whiteBox_headerSm {
    background-color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: 12px;
    padding: 0 10px;
    position: absolute;
    top: 0;
	
}

.whiteBox {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-top: 2px;
    padding: 15px 20px;
	overflow: hidden;
	width: 558px;
}

.letterList {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
	text-align: center;
	width: 558px;
}

.letterList a {
    padding: 0 4px 0 5px;
    display: inline;
}

.letterList span {
    padding: 0 4px 0 5px;
    display: inline;
    color: #999999;
}

.state {
	border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    text-transform: uppercase;
	width: 558px;
}

.state a {
    text-align: left;
    font-size: 14px;
}

.state a.dark-font {
    color: #000000;
}

.state .cities {
    position: static;
    clear: both;
    padding: 0 20px 0 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-transform: capitalize;
	width: 508px;
}

.state .cities h4 {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    padding: 0 15px 0 0;
	color: #8C4013;
}

.state .cities a {
    font-size: 12px;
    font-weight: normal;
	color: #8C4013;  
}

.container {
    margin: 15px 15px 0 0;
    padding: 10px 0 0;
    position: relative;
    text-align: left;
    width: 600px;
	overflow: hidden;
}

#contentleft_servicearea {
    width: 600px;
    float: left;
    padding-left: 0;
    padding-right: 15px;
    padding-top: 18px;
    line-height: 1.75em;
}

#contentleft_servicearea p {
    text-align: justify;
}

.right {
    float: right;
}

/*Added Markets Styles for Highslide Popup*/

            /* Large Font with State/City name */
			#popup_heading {
                float: left;
                margin-top: 23px;
    			font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 18px;
            }
            
			/* Smaller font - Get a quote for... */
			#popup_subheading {
                clear: both;
    			font-family: Arial, Helvetica, sans-serif;
                font-size: 15px;
				color: #9C5924;
                font-style: italic;
				font-weight: bold;
				padding-top: 4px;
            }
			
            /* Container for state image */
			#popup_left {
                width: 125px;
                text-align: center;
                margin-top: 15px;
                float: left;
            }
            
            #state_img {
                margin: 0 auto;
				max-width: 125px;
            }

			/* Container for all text (headings+links) */
            #popup_right {
                float: left;
            }
            
            /* Styling for the Links */
			#popup_right ul {
                padding: 5px 12px 0;
            }
            
            #popup_right ul li {
                list-style: none;
                background: url(/resources/bullet-on.gif) no-repeat left center;
                line-height: 19px;
            }
            
            #popup_right ul li a, #popup_right ul li a:active, #popup_right ul li a:visited {
                background: url(/resources/bullet-off.gif) no-repeat left center;
                padding-left: 15px;
                font-family: Verdana, Arial;
                font-size: 12px;
                color: #0E3C91;
                text-decoration: underline;
            }
            
            #popup_right ul li a:hover {
                color: #161F4B;
                background: transparent;
            }
            
            /* Enable a mouse pointer for the highslide links*/
            .state a, .city a {
                cursor: pointer;
            }

/* ================================================================================ */
/* end of styles																	*/
/* ================================================================================ */