/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

html, body {height: 100%;}
/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/src/grid.png);
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24 {width:950px; margin-right:0;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

input.span-1, textarea.span-1 { width: 18px; }
input.span-2, textarea.span-2 { width: 58px; }
input.span-3, textarea.span-3 { width: 98px; }
input.span-4, textarea.span-4 { width: 138px; }
input.span-5, textarea.span-5 { width: 178px; }
input.span-6, textarea.span-6 { width: 218px; }
input.span-7, textarea.span-7 { width: 258px; }
input.span-8, textarea.span-8 { width: 298px; }
input.span-9, textarea.span-9 { width: 338px; }
input.span-10, textarea.span-10 { width: 378px; }
input.span-11, textarea.span-11 { width: 418px; }
input.span-12, textarea.span-12 { width: 458px; }
input.span-13, textarea.span-13 { width: 498px; }
input.span-14, textarea.span-14 { width: 538px; }
input.span-15, textarea.span-15 { width: 578px; }
input.span-16, textarea.span-16 { width: 618px; }
input.span-17, textarea.span-17 { width: 658px; }
input.span-18, textarea.span-18 { width: 698px; }
input.span-19, textarea.span-19 { width: 738px; }
input.span-20, textarea.span-20 { width: 778px; }
input.span-21, textarea.span-21 { width: 818px; }
input.span-22, textarea.span-22 { width: 858px; }
input.span-23, textarea.span-23 { width: 898px; }
input.span-24, textarea.span-24 { width: 938px; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #ddd;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: left; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
div.prepend-top, .prepend-top {
  margin-top:1.5em;
}
div.append-bottom, .append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 17px;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------------------- CLEARFIX */
.clearfix:after,
.container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix,
.container {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .container {height: 1%;}
.clearfix,
.container {display: block;}
/* End hide from IE-mac */

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.rel-right {
  position: relative;
  float: right;
}

.rel-left {
  position: relative;
  float: left;
}

.rel-center {
    width:auto;
    display:inline-block;
    position: relative;
}

/* ----------------------------------------------------------------------------------------- Loading Mouse */

.loading-mouse,
#preview {
  position: absolute; display: none; z-index: 110; width: 42px; height: 42px;
  background: transparent url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/spinner.gif) 0 0 no-repeat;
}


/* ----------------------------------------------------------------------------------------- Fonts */

@font-face {
    font-family: 'PTSansRegular';
    src: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-regular.eot');
    src: local('☺'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-regular.woff') format('woff'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-regular.ttf') format('truetype'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-regular.svg#webfont') format('svg');
}

@font-face {
    font-family: 'PTSansBold';
    src: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-bold.eot');
    src: local('☺'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-bold.woff') format('woff'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-bold.ttf') format('truetype'),
        url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/fonts/ptsans/ptsans-bold.svg#webfont') format('svg');
}

/* ----------------------------------------------------------------------------------------- General */

a {
    outline: none;
}

p.chapeau {
    font-weight: 700;
}

.page {
    padding-bottom: 15px;
}


ul.messages {
    margin: 15px 0;
    list-style: none;
}

ul.messages ul {
    margin: 0;
    list-style: none;
}


ul.messages li.success-msg {
    padding: 10px 15px;
    border: 1px solid #80b286;
    background: #9ad4a1;
    color: #FFF;
}

#modal-coregister ul.messages li.success-msg {
    margin: 0 30px 15px 0;
}

ul.messages li.error-msg {
    padding: 10px 15px;
    border: 1px solid #F4518B;
    background: #f6786f;
    color: #FFF;
}

#modal-coregister ul.messages li.error-msg {
    margin: 0 30px 15px 0;
}

ul.messages li a {
    color: #FFF;
}

form .validation-advice {
    padding: 1px 0 0 0;
    font-size: 10px;
    color: #f45151;
}


/* ----------------------------------------------------------------------------------------- Pagination */

.toolbar {
    padding: 5px 1px 5px 0;
}

.pager .limiter {
    float: left;
    padding: 0 0 5px 0;
    line-height: 1;
}

.pager .limiter label {
    float: left;
    padding: 5px 5px 0 0;
    color: #454545;
    line-height: 1;
    vertical-align: bottom;
}

.pager .limiter select {
    float: left;
    border: 1px solid #B7B6B6;
    margin: 1px 5px 0 0;
}

.pager .limiter span {
    float: left;
    padding: 5px 0 0 0;
    color: #454545;
}

.pager .pages {
    float: right;
}

.pager .pages ul {
    float: right;
    margin: 0;
    list-style: none;
    line-height: 1;
}

.pager .pages ul li {
    float: left;
}

.pager .pages ul li.current {
    padding: 5px;
    color: #010101;
}

.pager .pages ul li a {
    float: left;
    padding: 5px;
    text-decoration: none;
    color: #2f6db1;
}

.pager .pages ul li a:hover {
    color: #003366;
}

.pager .pages ul li.current:last-child,
.pager .pages ul li:last-child a {
    padding-right: 0;
}


/* ----------------------------------------------------------------------------------------- Category listing */

/* -------------------------------------------------- Drupal content generals */

.drupal-content h4 {
    position: relative;
    margin-bottom: -4px;
    font-family: Verdana, sans-serif;
    font-weight: 300;
}

.drupal-content .text p,
.drupal-content .complementary p {
    margin: 15px 0 0 0;
}

.drupal-content .text p.description,
.drupal-content .complementary p.description {
    margin-top: 3px;
    color: #666;
}

.drupal-content .text ul,
.drupal-content .complementary ul {
    margin:  12px 0 0 15px;
    list-style: disc;
}

.drupal-content .text ul li,
.drupal-content .complementary ul li {
    padding: 3px 0 0 0;
}

.drupal-content .complementary .media,
.drupal-content .text .media {
    margin: 15px 0 0 0;
}

.drupal-content .complementary img,
.drupal-content .text img {
    margin:  15px 0 0 0;
    display: block;
}

.drupal-content .complementary img {
    width: 320px;
}

/* -------------------------------------------------- Breadcrumbs */

.breadcrumbs {
    padding: 6px 15px 8px 15px;
    line-height: 1;
}

.breadcrumbs ul {
    margin-left: 0;
    list-style: none;
}

.breadcrumbs ul li {
    position: relative;
    float: left;
}

.breadcrumbs ul li a {
    float: left;
    text-decoration: none;
}

.breadcrumbs ul li span {
    float: left;
    padding: 0 3px;
}

.breadcrumbs ul li strong {
    float: left;
    padding-left: 3px;
    font-weight: 300;
}

/* -------------------------------------------------- Supralist */

#supralist { /* 750px */
    position: relative;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #E6E6E6;
}

#supralist .switch {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 2px;
    font-size: 11px;
    line-height: 1;
    color: #607890;
    cursor: pointer;
}

#supralist .switch.hidden {
    display: none;
}

#supralist .switch em {
    float: right;
    padding: 2px 0 2px 18px;
    background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-category-description-switch.png);
    background-repeat: no-repeat;
}

#supralist .switch em.open {
    background-position: 0 0;
}

#supralist .switch em.close {
    background-position: 0 -32px;
}

#supralist .switch:hover {
    color: #003366;
}

#supralist h1 {
    padding: 0 130px 0 0;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    float:none;
}

#supralist h2 {
    padding: 0 130px 0 0;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
}

#supralist .description {
    overflow: hidden;
}

#supralist .description .text {
    float: right;
    width: 400px;
    text-align: justify;
}

#supralist .description .complementary {
    float: left;
    width: 320px;
}

#supralist .description #category-ad.hidden {
    display: none;
}

#supralist .description #category-ad img {
    width: 734px;
    margin: 5px 0 0 0;
    cursor: pointer;
}

#supralist .description #category-ad p {
    margin: 7px 0 0 0;
}

#supralist #category-billboard {
    display: none;
}

#supralist #category-billboard p {
    padding: 0;
    margin: 10px 0 0 0;
}

#supralist #category-billboard img {
    display: block;
    max-width: 734px;
    margin: 10px auto 0 auto;
}

#supralist .sources.hidden {
    display: none;
}


/* ----------------------------------------------------------------------------------------- Pop Up */

html.page-popup body {
    padding: 15px;
    background: #FFF;
}

html.page-popup h1 {
    margin: 20px 0 10px 0;
}

table.tracking-table-popup {
    margin: 10px 0 15px 0;
    border: 1px solid #E6E6E6;
}

table.tracking-table-popup tr th {
    width: 250px;
    padding: 5px;
    border-right: 1px solid #E6E6E6;
    text-align: left;
}

table.tracking-table-popup tr td {
    width: 500px;
    padding: 5px;
    text-align: left;
}


html.page-popup.catalog-product-averagecosttobuild {
    height: 100%;
    overflow-y: hidden;
    background: #FFF none;
}

html.page-popup.catalog-product-averagecosttobuild body {
    padding: 0px;
    border-top-width: 0;
}

html.page-popup.catalog-product-averagecosttobuild h1 {
    margin: 0px;
    padding: 10px 14px 4px 14px;
    border-bottom: 1px solid #21688b;
    line-height: 1;
    background: #3692c0;
    color: #FFF;
    float: none;
}

html.page-popup.catalog-product-averagecosttobuild .col {
    float: left;
}

html.page-popup.catalog-product-averagecosttobuild .col.first {
    width: 250px;
    margin: 15px 15px 0 15px;
}

html.page-popup.catalog-product-averagecosttobuild .col.last {
    width: 575px;
    overflow: auto;
    padding-right: 15px;
    color: #626262;
    overflow: auto;
}

html.catalog-product-extraplanattributes {
    background: #FFF none;
}

html.catalog-product-extraplanattributes body {
    height: auto;
    padding: 0 15px 30px 15px;
}

html.catalog-product-extraplanattributes h1 {
    padding: 10px 18px 4px 18px;
    margin: 0 -15px 10px -15px;
    border: 1px solid #4793b9;
    border-bottom-color: #21688b;
    line-height: 1;
    background: #3692c0;
    color: #FFF;
}

html.catalog-product-extraplanattributes .detail {
    padding: 5px;
    color: #333;
}

html.catalog-product-extraplanattributes .detail.odd {
    background: #f1f3f5;
}

html.catalog-product-extraplanattributes .detail .label {
    float: left;
    width: 250px;
}

html.catalog-product-extraplanattributes .detail .value {
    float: left;
    width: 400px;
    color: #000;
}


/* ----------------------------------------------------------------------------------------- Building Resources */

/* -------------------------------------------------- General */

#building-resources-nav .sidebar {
    float: left;
    width: 300px;
    margin: 0 15px 0 0;
}

#building-resources-nav .content {
    float: left;
    width: 605px;
}

#building-resources-nav .sidebar img {
    display: block;
    margin: 0 0 14px 0;
}

#building-resources-nav .sidebar h3 {
    margin: 0;
}

/* -------------------------------------------------- Content */

#building-resources-nav .content .group {
    border: 1px solid #E6E6E6;
    margin: 15px 0 0 0;
    background: #f8f7f7;
}

#building-resources-nav .content .unit {
    float: left;
    width: 160px;
    padding: 15px;
    margin: 0 15px 0 0;
}

#building-resources-nav .content .unit.last {
    margin-right: 0;
}

#building-resources-nav .content .unit.no-title {
    padding: 32px 0 0 0;
}

#building-resources-nav .content .unit h4 {
    margin: 0;
    font-weight: 300;
}

#building-resources-nav .content .unit ul {
    margin: 0;
    list-style: none;
}

#building-resources-nav .content .unit ul li {
    margin: 5px 0 0 0;
}


#building-resources-nav .content .unit ul li a {
    text-decoration: none;
}

/* -------------------------------------------------- Step by Step */

#building-resources-nav #step-by-step {
    border: 1px solid #E6E6E6;
    background: #f8f7f7;
}

#building-resources-nav #step-by-step h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    font-weight: 300;
    color: #0d4565;
}

#building-resources-nav #step-by-step h3 span {
    text-transform: uppercase;
    color: #0A0A0A;
}

#building-resources-nav #step-by-step ul {
    padding: 0 0 15px 0;
    margin: 15px 0 0 0;
    list-style: none;
}

#building-resources-nav #step-by-step ul li {
    position: relative;
    z-index: 1;
    float: left;
    width: 98px;
    height: auto;
    padding: 0 5px 0 47px;
    background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-builders-step-by-step.png);
    background-repeat: no-repeat;
}

#building-resources-nav #step-by-step ul li.one {
    background-position: 13px 0;
}

#building-resources-nav #step-by-step ul li.one:hover {
    background-position: -177px 0;
}

#building-resources-nav #step-by-step ul li.two {
    background-position: 5px -268px;
}

#building-resources-nav #step-by-step ul li.two:hover {
    background-position: -185px -268px;
}

#building-resources-nav #step-by-step ul li.three {
    background-position: 5px -537px;
}

#building-resources-nav #step-by-step ul li.three:hover {
    background-position: -185px -537px;
}

#building-resources-nav #step-by-step ul li.four {
    background-position: 3px -807px;
}

#building-resources-nav #step-by-step ul li.four:hover {
    background-position: -187px -807px;
}

#building-resources-nav #step-by-step ul li h4 {
    padding: 1px 10px 3px 0;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    background-image: none;
}

#building-resources-nav #step-by-step ul li p {
    margin: 0;
    font-size: 11px;
}

#building-resources-nav #step-by-step ul li p a {
    display: block;
    text-decoration: none;
    color: #222;
}


/* ----------------------------------------------------------------------------------------- My Account */

/* -------------------------------------------------- MyAccount/General */

/* Reset the sidebar and content
   widths to something useful */

.sidebar.col-left#my-account-sidebar {
    width: 200px;
}

.main.col2-left-layout .col-main#my-account-content {
    width: 705px;
}

.my-account { /* temp */
    padding: 0 0 50px 0;
}

.my-account .page-title {
    margin-top: 15px;
}

.my-account .page-title h1 {
    padding: 5px 15px;
    margin: 0;
    border: 1px solid #E6E6E6;
    text-align: right;
    font-size: 20px;
    line-height: 1;
    background: #FAFAFA;
}

.my-account h2 {
    font-size: 17px;
    line-height: 1;
}

.my-account h3 {
    font-size: 14px;
    line-height: 1;
}

.my-account ul {
    margin: 0;
    list-style: none;
}

.my-account p,
.my-account address {
    margin: 10px 0 0 0;
}

h2.table-caption a,
h2.sub-title a {
    font-size: 14px;
}

.box-title a {
    font-size: 12px;
}

/* -------------------------------------------------- My Account/Menu */

.sidebar .block-account {
    margin-top: 15px;
}

.sidebar .block-account .block-title {
    padding: 7px 5px;
    border: 1px solid #E6E6E6;
    font-size: 16px;
    line-height: 1;
    background: #F8F8F9;
}

.sidebar .block-account .block-title strong {
    font-weight: 300;
}

.sidebar .block-account ul {
    margin: 5px 0 0 0;
    list-style: none;
}

.sidebar .block-account ul li {
    margin: 0 0 5px 0;
    line-height: 1;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-my-account-sidebar-item.png) repeat-x top;
}

.sidebar .block-account ul li a {
    display: block;
    padding: 6px 5px 7px 5px;
    border: 1px solid #E6E6E6;
    text-decoration: none;
    color: #006699;
}

.sidebar .block-account ul li a:hover {
    background: #E6E6E6;
}

.sidebar .block-account ul li.current {
    padding: 6px 5px 7px 5px;
    border: 1px solid #90bad1;
    background: #90bad1;
    color: #FFF;
}

.sidebar .block-account ul li.current strong {
    font-weight: 300;
}

/* -------------------------------------------------- My Account/Cols */

.my-account .cols .col {
    float: left;
    width: 313px;
    padding: 15px;
    border: 1px solid #E6E6E6;
    margin: 15px 0 0 0;
    background: #F8F8F9;
}

.my-account .cols.col2-set .col-2 {
    float: right;
}

.my-account .cols .col h3.box-title {
    margin: 0;
}

/* -------------------------------------------------- My Account/Forms */

.my-account form ul {
    margin: 0;
    list-style: none;
}

.my-account form h2.legend {
    padding-left: 170px;
}

.my-account form .field {
    padding: 10px 0 0 0;
}

.my-account form .field label {
    float: left;
    width: 155px;
    margin: 0 15px 0 0;
    text-align: right;
}

.my-account form .field label.dummy {
    color: #FFF;
}

.my-account form .field .input-box {
    float: left;
    width: 206px;
}

.my-account form .field .input-box .input-text {
    width: 300px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E6E6E6;
}

.my-account form .field .input-box .input-text:focus {
    border-color: #C8CDD3;
}

.my-account form .field select {
    width: 312px;
    border: 1px solid #E6E6E6;
}

.my-account form .checkbox-field {
    padding: 10px 0 0 170px;
}

.newsletter-manage-index .my-account form .checkbox-field {
    padding-left: 0;
}

.my-account form p.sub-form {
    margin: 0;
    padding: 10px 0 0 170px;
}

.my-account form.profile-information .checkbox-field {
    padding-left: 168px;
}

.my-account form .checkbox-field .input-box {
    float: left;
    margin: 0 5px 0 0;
}

.my-account form .checkbox-field label {
    float: left;
    padding: 1px 0 0 0;
}

.my-account form .submit {
    width: 482px;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.enterprise-giftcardaccount-customer-index .my-account form .submit {
    margin-top: 0;
}

.my-account form .submit button {
    float: right;
    margin-left: 10px;
}

.my-account form p.required {
    width: 482px;
    padding: 10px 0 0 0;
    margin: 0;
    text-align: right;
    font-style: italic;
}

.customer-account-edit .my-account h2 {
    padding: 0 0 0 170px;
}

.my-account .giftcardaccount .form-list {
    margin: 15px 0 0 0;
}

.my-account form .submit {
    height: 29px;
}

.my-account form .submit img {
    float: right;
    margin: 0 10px 0 0;
    display: none;
}

.my-account.loading form .submit img {
    display: block;
}

.my-account.loading form .submit .elements {
    display: none;
}

/* -------------------------------------------------- My Account/Pagination */

.pager p.amount {
    padding: 10px 15px;
    margin: 0;
    border-bottom: 1px solid #F0F0F1;
    text-align: right;
}

.pager p.amount strong {
    font-weight: 300;
}

.my-account .pager {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #F0F0F1;
}

.my-account .pager .limiter {
    padding: 5px 0 0 15px;
}

.my-account .pager .pages {
    padding: 5px 15px 0 0;
}

.my-account .pager .limiter select {
    margin-top: 2px;
}

/* -------------------------------------------------- My Account/Tables */

.my-account table {
    width: 100%;
    border: 1px solid #E6E6E6;
    margin: 10px 0 0 0;
}

.my-account table thead tr th {
    padding: 5px;
    background: #d4e4ed;
    text-align: left;
    color: #000;
    font-weight: 300;
}

.my-account table tr td {
    padding: 8px 5px;
    border-top: 1px solid #eeebeb;
    text-align: left;
}

.my-account table tr th.first,
.my-account table tr td.first {
    padding-left: 15px;
}

.my-account table tr th.last,
.my-account table tr td.last {
    padding-right: 15px;
}

.my-account table tr.even td {
    background: #F8F8F9;
}

.my-account table tr td strong {
    font-weight: 300;
}

.my-account table tr td span.separator {
    color: #E6E6E6;
}

.my-account table#customerbalance-history tr th,
.my-account table#customerbalance-history tr td {
    text-align: right;
}

.my-account table#customerbalance-history tr th.first,
.my-account table#customerbalance-history tr td.first {
    text-align: left;
}

.my-account table#my-orders-table thead tr th {
    width: 15%;
}

.my-account table#my-orders-table thead tr th.two {
    width: 10%;
}

.my-account table#my-orders-table tr th.three {
    width: 25%;
}

.my-account table#my-orders-table tr th.four,
.my-account table#my-orders-table tr td.four,
.my-account table#my-orders-table tr th.five,
.my-account table#my-orders-table tr td.five {
    text-align: center;
}

.my-account table#my-orders-table tr th.six,
.my-account table#my-orders-table tr td.six {
    width: 20%;
    text-align: right;
}

/* Order page */

.my-account .data-table h3.product-name {
    margin: 0;
}

.my-account p.order-links a {
    float: right;
    margin: 0 0 0 5px;
}

.my-account p.order-links .separator {
    float: right;
    margin: 0 0 0 5px;
    color: #E6E6E6;
}

.sales-order-view .my-account table#my-orders-table tr th.one,
.sales-order-view .my-account table#my-orders-table tr td.one,
.sales-order-invoice .my-account .data-table tr th.one,
.sales-order-invoice .my-account .data-table tr td.one{
    width: 33%;
}

.sales-order-view .my-account table#my-orders-table tr th.two,
.sales-order-invoice .my-account .data-table tr th.two {
    text-align: center;
}

.sales-order-view .my-account table#my-orders-table tr td.a-right,
.sales-order-view .my-account table#my-orders-table tr th.a-right,
.sales-order-invoice .my-account .data-table tr td.a-right,
.sales-order-invoice .my-account .data-table tr th.a-right  {
    text-align: right;
}

.sales-order-view .my-account table#my-orders-table tfoot tr.grand_total td,
.sales-order-invoice .my-account .data-table tfoot tr.grand_total td  {
    background: #F8F8F9;
}

/* -------------------------------------------------- My Account/Order Page */

.my-account .title-buttons {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #F0F0F1;
}

.my-account .title-buttons button {
    float: right;
    margin: 10px 15px 0 0;
}

.my-account .title-buttons p.order-date {
    float: left;
}

.my-account .title-buttons a {
    float: right;
    margin: 10px 15px 0 0;
}

.my-account .title-buttons a.print {
    margin-right: 5px;
}

.my-account .title-buttons span {
    float: right;
    margin: 10px 5px 0 0;
    color: #E6E6E6;
}

.my-account .order-info dt {
    margin: 15px 0 0 0;
}

.my-account .order-info dd ul li {
    float: left;
    margin: 5px 15px 0 0;
}


.my-account table tr td dl.item-options dt,
.my-account table tr td dl.item-options dt dt {
    padding: 5px 0 0 0;
    text-transform: capitalize;
    color: #000;
}

.my-account table tr td dl.item-options dd {
    font-size: 11px;
    color: #3c3c3d;
}

.my-account table tr td.last {
    text-align: right;
}

.my-account table.shipment-table tr th.one {
    width: 40%;
}

.my-account table.shipment-table tr th.two,
.my-account table.shipment-table tr td.two {
    width: 35%;
    text-align: center;
}

.my-account table.shipment-table tr th.last {
    text-align: right;
}


/* -------------------------------------------------- My Account/Saved Searches */

.my-account .saved-searches li {
    position: relative;
    float: left;
    width: 209px;
    padding: 7px;
    margin: 15px 15px 0 0;
    border: 1px solid #E6E6E6;
    background: #F8F8F9;
}

.my-account .saved-searches li.item-2 {
    margin-right: 0;
}

.my-account .saved-searches li h3 {
    margin: 0;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700;
}

.my-account .saved-searches li .filters {
    padding: 5px 0 0 0;
}

.my-account .saved-searches li .filters p {
    margin: 0;
    padding: 5px 0 0 0;
}

.my-account .saved-searches li .actions {
    padding: 10px 0 0 0;
}

.my-account .saved-searches li .actions p {
    float: left;
    margin: 0;
}

.my-account .saved-searches li .actions a {
    float: right;
    margin: 0 0 0 5px;
}

.my-account .saved-searches li a.remover {
    position: absolute;
    z-index: 50;
    right: -4px;
    top: -4px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ico-close-round-black.png) no-repeat right top;
    text-indent: -9999px;
}

/* -------------------------------------------------- My Account/Gift Card */

.gift-card-info {
    padding-left: 32px;
}

.gift-card-info p strong {
    font-weight: 300;
}

/* -------------------------------------------------- My Account/Address Book */

.customer-address-index .my-account .addresses-list {
    padding-left: 30px;
}

/* -------------------------------------------------- MyAccount/Temp/Product Listings */

.my-account-grid {
    margin: 0;
}

.my-account-grid li.item {
    position: relative;
    float: left;
    width: 223px;
    border: 1px solid #E6E6E6;
    margin: 15px 15px 0 0;
    background: #FFF;
}

.my-account-grid li.item.last {
    margin-right: 0;
}

.my-account-grid li.item .product-name {
    margin: 0;
}

.my-account-grid li.item .product-image {
    display: block;
}

.my-account-grid li.item .product-image img {
    display: block;
    width: 223px;
    height: 174px;
}

.my-account-grid .product-list-details {
    margin: 7px;
    color: #162c49;
}

.my-account-grid .product-list-details a {
    text-decoration: none;
    color: #162c49;
}

.my-account-grid .product-fb {
    position: relative;
    float: right;
}

.my-account-grid .product-name {
    line-height: 25px;
    font-weight: normal;
}

.my-account-grid .product-type {
    padding: 0 0 10px 0;
    margin: 5px 0 0 0;
    line-height: 20px;
    font-weight: normal;
    font-size: 16px;
}

.my-account-grid .product-attrs {
    padding: 0 0 10px 0;
}

.my-account-grid .product-attrs .attr {
    position: relative;
    float: left;
    width: 52px;
    font-size: 11px;
    font-family: "Arial Narrow";
    line-height: 25px;
    color: #4a4949;
}

.my-account-grid .actions ul {
    margin-left: 0;
}

.my-account-grid .actions li {
    float: left;
    margin-left: 5px;
}

.my-account-grid .product-surface {
    padding: 1px 0 0 0;
    font-size: 11px;
    line-height: 14px;
}

.my-account-grid li.item a.remover {
    position: absolute;
    z-index: 50;
    right: -4px;
    top: -4px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ico-close-round-black.png) no-repeat right top;
    text-indent: -9999px;
}

/*
.my-account-grid .low-button,
.my-account-grid .low-button-save,
.my-account-grid .low-button-update,
.my-account-grid .low-button-buy {
  font-family: arial;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #96a3ab;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfe), color-stop(100%, #e0e3e4));
  background: -webkit-linear-gradient(#fdfdfe, #e0e3e4);
  background: -moz-linear-gradient(#fdfdfe, #e0e3e4);
  background: -o-linear-gradient(#fdfdfe, #e0e3e4);
  background: linear-gradient(#fdfdfe, #e0e3e4);
  padding: 0.1em 1em;
  -webkit-border-radius: 0.5em 1em;;
  -moz-border-radius: 0.5em / 1em;
  -o-border-radius: 0.5em / 1em;
  -ms-border-radius: 0.5em / 1em;
  -khtml-border-radius: 0.5em / 1em;
  border-radius: 0.5em / 1em;
  color: black;
  cursor: pointer;
}

.my-account-grid .low-button:hover {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f9fafb));
  background: -webkit-linear-gradient(#ffffff, #f9fafb);
  background: -moz-linear-gradient(#ffffff, #f9fafb);
  background: -o-linear-gradient(#ffffff, #f9fafb);
  background: linear-gradient(#ffffff, #f9fafb);
}

.my-account-grid .low-button-save {
  border: 1px solid #daa772;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcb816), color-stop(100%, #f89d1e));
  background: -webkit-linear-gradient(#fcb816, #f89d1e);
  background: -moz-linear-gradient(#fcb816, #f89d1e);
  background: -o-linear-gradient(#fcb816, #f89d1e);
  background: linear-gradient(#fcb816, #f89d1e);
}

.my-account-grid .low-button-save:hover {
  border: 1px solid #daa772;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fed879), color-stop(100%, #fcb816));
  background: -webkit-linear-gradient(#fed879, #fcb816);
  background: -moz-linear-gradient(#fed879, #fcb816);
  background: -o-linear-gradient(#fed879, #fcb816);
  background: linear-gradient(#fed879, #fcb816);
}

.my-account-grid .low-button-update {
  font-size: 9px;
  font-weight: normal;
  padding: 0.1em 1em;
  border: 1px solid #2e91c8;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7e2f5), color-stop(100%, #47a1d6));
  background: -webkit-linear-gradient(#c7e2f5, #47a1d6);
  background: -moz-linear-gradient(#c7e2f5, #47a1d6);
  background: -o-linear-gradient(#c7e2f5, #47a1d6);
  background: linear-gradient(#c7e2f5, #47a1d6);
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em;
  -khtml-border-radius: 1em;
  border-radius: 1em;
}

.my-account-grid .low-button-update:hover {
  border: 1px solid #daa772;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7e2f5), color-stop(100%, #47a1d6));
  background: -webkit-linear-gradient(#fed879, #fcb816);
  background: -moz-linear-gradient(#fed879, #fcb816);
  background: -o-linear-gradient(#fed879, #fcb816);
  background: linear-gradient(#fed879, #fcb816);
}

.my-account-grid a.low-button-buy {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

.my-account-grid .low-button-buy {
  border: 1px solid #daa772;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fed879), color-stop(100%, #fcb816));
  background: -webkit-linear-gradient(#fed879, #fcb816);
  background: -moz-linear-gradient(#fed879, #fcb816);
  background: -o-linear-gradient(#fed879, #fcb816);
  background: linear-gradient(#fed879, #fcb816);
  padding: 0.1em 0.5em;
}

.my-account-grid .low-button-buy:hover {
  border: 1px solid #daa772;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcb816), color-stop(100%, #f89d1e));
  background: -webkit-linear-gradient(#fcb816, #f89d1e);
  background: -moz-linear-gradient(#fcb816, #f89d1e);
  background: -o-linear-gradient(#fcb816, #f89d1e);
  background: linear-gradient(#fcb816, #f89d1e);
}
*/



/* ----------------------------------------------------------------------------------------- Banner Rotator */
/* To be used on DHS and EPL homepages in a double box (meaning 615px wide) */

ul.banner-rotator {
    position: relative;
    height: 480px;
    padding: 0 10px 0 0;
    margin: 0;
    background: #FFF;
}

ul.banner-rotator li {
    float: right;
    width: 11px;
    height: 11px;
    margin: 15px 5px 0 0;
}

ul.banner-rotator li .clicker {
    position: relative;
    z-index: 3;
    display: block;
    width: 7px;
    height: 7px;
    border: 2px solid #FFF;
    background: #D7D6D6;
    text-indent: -9999px;
    cursor: pointer;
}

ul.banner-rotator li.active .clicker {
    background: #1D84BE;
}

ul.banner-rotator li img {
    position: absolute;
    z-index: 1;
    left: -9999px;
    top: 0;
    width: 615px;
    height: 480px;
}

ul.banner-rotator li h2 {
    position: absolute;
    z-index: 2;
    left: -9999px;
    bottom: 0;
    width: 585px;
    padding: 15px;
    margin: 0;
    font-size: 20px;
    text-transform: capitalize;
    color: #FFF;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-carousel.png) repeat;
}

ul.banner-rotator li h2 span {
    text-transform: uppercase;
    color: #F7941E;
}

ul.banner-rotator li.active h2,
ul.banner-rotator li.active img {
    left: 0;
}


/* ----------------------------------------------------------------------------------------- Simple Modal */

/* -------------------------------------------------- General */

.simplemodal-overlay {
    background: #000;
}

.simplemodal-container {
    border: 5px solid #5c5682;
}

.simplemodal-container .simplemodal-wrap {
    background: #f5f5f3;
}

.simplemodal-container .simplemodal-data {
    padding: 15px;
}

.simplemodal-container .modal-content {
    padding-bottom: 5px;
}

.simplemodal-container .simplemodal-close {
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 15px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ico-close-blue.png) no-repeat 0 0;
    cursor: pointer;
}

.simplemodal-container h2 {
    padding: 0 30px 10px 0;
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1;
}

.simplemodal-container .content h3 {
    margin: 0;
    padding: 5px 0 0 0;
    text-transform: none;
}

.simplemodal-container ul {
    margin: 0;
    list-style: none;
}

.simplemodal-container .content ul li {
    padding: 5px 0 0 0;
}

.simplemodal-container p {
    padding: 10px 0 0 0;
    margin: 0;
}

.simplemodal-container p.loading {
    padding: 0;
}

.simplemodal-container p.loading img {
    float: left;
    padding: 0 5px 0 0;
}

.simplemodal-container p.loading span {
    float: left;
    padding: 1px 0 0 0;
}


/* -------------------------------------------------- Forms */

button.sta-btn,
form .submit button {
    padding: 0;
    border-width: 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-all.png) no-repeat right -150px;
}

button.sta-btn.large,
form .submit button.large {
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-large-all.png) no-repeat right -200px;
}

button.sta-btn.important,
form .submit button.important {
    background-position: right -30px;
}

button.sta-btn.large.important,
form .submit button.large.important {
    background-position: right -40px;
}

button.sta-btn:hover,
form .submit button:hover {
    background-position: right -210px;
}

button.sta-btn.large:hover,
form .submit button.large:hover {
    background-position: right -280px;
}

button.sta-btn.important:hover,
form .submit button.important:hover {
    background-position: right -90px;
}

button.sta-btn.large.important:hover,
form .submit button.large.important:hover {
    background-position: right -120px;
}

.ie7 button.sta-btn.large,
.ie7 form .submit button.large {
    height: 29px;
}

.ie7 button.sta-btn,
.ie7 form .submit button {
    height: 22px;
}

button.sta-btn span,
form .submit button span {
    float: left;
    min-width: 40px;
    padding: 4px 0 6px 8px;
    border-width: 0;
    margin: 0 8px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    color: #3f3e3e;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-all.png) no-repeat left -120px;
    vertical-align: top;
}

.ie7 button.sta-btn span,
.ie7 form .submit button span {
    white-space: nowrap;
}

button.sta-btn.large span,
form .submit button.large span {
    padding: 8px 0 9px 12px;
    margin: 0 12px 0 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-large-all.png) no-repeat left -160px;
}

button.sta-btn.important span,
form .submit button.important span {
    background-position: left 0;
}

button.sta-btn:hover span,
form .submit button:hover span {
    color: #272626;
    background-position: left -180px;
}

button.sta-btn.large:hover span,
form .submit button.large:hover span {
    background-position: left -240px;
}

button.sta-btn.important:hover span,
form .submit button.important:hover span {
    background-position: left -60px;
}

button.sta-btn.large.important:hover span,
form .submit button.large.important:hover span {
    background-position: left -80px;
}

.simplemodal-container .content {
    float: left;
    width: 171px;
    padding: 0 15px 15px 0;
    color: #6e6e6c;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-modal-content.png) no-repeat right 10px;
}

.simplemodal-container form {
    position: relative;
    float: right;
    width: 384px;
}

.simplemodal-container form .text {
    margin: 10px 0 0 0;
}

.simplemodal-container form .text label {
    float: right;
    width: 100px;
    margin: 0 15px 0 0;
    text-align: right;
}

.simplemodal-container form .text .holder {
    float: right;
    width: 250px;
}

.simplemodal-container form .text input {
    width: 238px;
    padding:5px 1%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    border: 1px solid #E6E6E6;
}

.simplemodal-container form .text input:focus {
    border-color: #C8CDD3;
}

.simplemodal-container form .submit {
    margin: 10px 0 0 0;
}

.simplemodal-container form .submit button {
    float: right;
}

.simplemodal-container form .validation-advice {
    clear: both;
}

.simplemodal-container #modal-form-feedback {
    display: none;
}

.simplemodal-container #modal-form-feedback ul.messages {
    margin: 0;
}
.simplemodal-container .modal-content form .submit {
    height: 29px;
}

.simplemodal-container .modal-content form .submit img {
    float: right;
    margin: 10px 10px 0 0;
    display: none;
}

.simplemodal-container .modal-content.loading form .submit img {
    display: block;
}

.simplemodal-container .modal-content.loading form .submit .elements {
    display: none;
}

/* -------------------------------------------------- Login */

.simplemodal-container #modal-login iframe {
    display: none;
}

.simplemodal-container #modal-login form .submit .password-modal-link {
    float: right;
    margin: 0 10px 0 0;
}

/* -------------------------------------------------- Register */

.simplemodal-container #modal-register .content {
    float: left;
    width: 183px;
    padding: 0 10px 40px 10px;
    border: 1px solid #E6E6E6;
    background: #FFF none;
    color: #333;
}

.simplemodal-container #modal-register .content h3 {
    padding: 14px 0 0 0;
    font-size: 17px;
    line-height: 1;
}

.simplemodal-container #modal-register .content li {
    padding-top: 7px;
}

.simplemodal-container #modal-register form {
    float: right;
    width: 364px;
}

.simplemodal-container #modal-register .field {
    padding: 10px 0 0 0;
}

.simplemodal-container #modal-register .field label {
    float: left;
    width: 145px;
    margin: 0;
    text-align: right;
}

.simplemodal-container #modal-register .field .input-box {
    float: right;
    width: 206px;
}

.simplemodal-container #modal-register .field .input-box .input-text {
    width: 196px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E6E6E6;
}
.simplemodal-container #modal-register .field .input-box .input-text:focus {
    border-color: #C8CDD3;
}

.simplemodal-container #modal-register .checkbox-field {
    padding: 10px 0 0 158px;
}

.simplemodal-container #modal-register .checkbox-field .input-box {
    float: left;
    margin: 0 5px 0 0;
}

.simplemodal-container #modal-register .checkbox-field label {
    float: left;
    padding: 1px 0 0 0;
    width: 183px;
}

.simplemodal-container #modal-register .submit {
    padding: 10px 0 0 0;
}

.simplemodal-container #modal-register p.required {
    padding: 10px 0 0 0;
    text-align: right;
    font-style: italic;
}


/* -------------------------------------------------- Co Register */

.simplemodal-container #modal-coregister h2 {
    padding-left: 0;
}

/* It's required, but needs to be hidden */
.simplemodal-container #modal-coregister form .customer-name {
    display: none;
}

.simplemodal-container #modal-coregister form {
    width: auto;
}

.simplemodal-container #modal-coregister form .field {
    padding: 10px 20px 0 0;
}

.simplemodal-container #modal-coregister form .field.first {
    padding-top: 20px;
}

.simplemodal-container #modal-coregister .field label {
    float: left;
    width: 204px;
    padding: 0 11px 0 0;
    margin: 0;
    text-align: right;
}

.simplemodal-container #modal-coregister .field .input-box {
    float: right;
    width: 310px;
}

.simplemodal-container #modal-coregister .field .input-box .input-text {
    width: 298px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E6E6E6;
}

.simplemodal-container #modal-coregister .field .input-box .input-text:focus {
    border-color: #C8CDD3;
}

.simplemodal-container #modal-coregister form .form-list {
    padding-left: 25px;
}

.simplemodal-container #modal-coregister form select {
    width: 310px;
    border: 1px solid #E6E6E6;
}

.simplemodal-container #modal-coregister form .submit {
    padding: 10px 20px 0 0;
}

.simplemodal-container #modal-coregister form .submit button,
.simplemodal-container #modal-coregister form .submit a {
    float: right;
    margin: 0 0 0 10px;
}

.simplemodal-container #modal-coregister form p.required {
    padding: 10px 20px 0 0;
    text-align: right;
    font-style: italic;
}

.simplemodal-container #modal-coregister .partners ul {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #E6E6E6;
}

.simplemodal-container #modal-coregister .partners ul li {
    float: left;
    width: 249px;
    padding: 10px;
    border: 1px solid #E6E6E6;
    margin: 15px 7px 0 7px;
    background: #FFF;
}

.simplemodal-container #modal-coregister .partners ul li h2 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    text-transform: capitalize;
}

.simplemodal-container #modal-coregister .partners ul li img {
    float: left;
    width: 84px;
    padding: 2px;
    border: 1px solid #ebeaea;
}

.simplemodal-container #modal-coregister .partners ul li p {
    float: left;
    width: 130px;
    /*height: 81px;*/
    padding: 0 0 0 9px;
    margin: 0;
    overflow: hidden;
    font-size: 11px;
    color: #6E6E6C;
}

.simplemodal-container #modal-coregister .partners .checkboxStrip {
    clear: left;
    padding: 10px 0 0 0;
    font-size: 11px;
}

.simplemodal-container #modal-coregister .partners ul li .checkboxStrip .checkbox {
    float: left;
    margin: -1px 0 0 0;
}

.simplemodal-container #modal-coregister .partners ul li .checkboxStrip .checkbox input {
    float: left;
    margin: 0 3px 0 0;
}

.simplemodal-container #modal-coregister .partners ul li label {
    float: left;
    margin: 5px 0 0 5px;
}

/* ----------------------------------------------------------------------------------------- Login & Register Fallback */

.account-login p {
    margin: 10px 0 0 0;
}

.account-login iframe {
    display: none;
}

.account-login h1 {
    margin-top: 15px;
}

.account-login .cols .col {
    float: left;
    width: 420px;
    padding: 15px;
    border: 1px solid #E6E6E6;
    margin: 15px 15px 0 0;
    background: #f7f5f5;
}

.account-login .cols .col h2 {
    margin: 0;
}

.account-login .cols .col.col-2 {
    margin-right: 0;
}

.account-login form .text {
    margin: 10px 0 0 0;
}

.account-login form .text label {
    float: left;
    width: 135px;
    padding: 0 15px 0 0;
    text-align: right;
}

.account-login form .text .holder {
    float: right;
    width: 250px;
}

.account-login form .text input {
    width: 240px;
    padding:5px 1%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    border: 1px solid #E6E6E6;
}

.account-login form .text input:focus {
    border-color: #C8CDD3;
}


.account-login form .submit {
    padding: 10px 0 0 0;
}

.account-login form .submit button {
    float: right;
    margin: 5px 0 0 0;
}

.account-login form .submit a {
    float: right;
    margin: 5px 15px 0 0;
}

.account-login form p.required {
    text-align: right;
    font-style: italic;
}

.customer-account-create .account-create {

}

.customer-account-create .account-create .content {
    float: left;
    width: 475px;
    padding: 0 15px 0 0;
}

.customer-account-create .account-create ul {
    margin: 0;
    list-style: none;
}

.customer-account-create .account-create .we-are-form {
    position: relative;
    float: right;
    padding: 0 15px 15px 50px;
    border: 1px solid #E6E6E6;
    margin: 10px 0 0 0;
    background: #F7F5F5;
}

.customer-account-create .account-create form h2 {
    padding: 0 0 0 150px;
}

.customer-account-create .account-create form h2.first {
    margin-top: 15px;
}

.customer-account-create .account-create form .field {
    padding: 10px 0 0 0;
}

.customer-account-create .account-create form .field label {
    float: left;
    width: 135px;
    padding: 0 15px 0 0;
    text-align: right;
}

.customer-account-create .account-create form .field .input-box {
    float: left;
}

.customer-account-create .account-create form .field .input-box .input-text {
    width: 200px;
}

.customer-account-create .account-create form .checkbox-field {
    padding: 10px 0 0 150px;
}

.customer-account-create .account-create form .checkbox-field .input-box {
    float: left;
    margin: 0 5px 0 0;
}

.customer-account-create .account-create form .checkbox-field label {
    float: left;
    padding: 1px 0 0 0;
}

.customer-account-create .account-create form div.submit {
    padding: 10px 0 0 283px;
}

.customer-account-create .account-create form .submit button {
    padding: 5px 10px;
    margin: 10px 0 0 0;
}

.customer-account-create .account-create form p.required {
    padding: 10px 10px 0 0;
    text-align: right;
    font-style: italic;
}

.customer-account-create .account-create form .validation-advice {
    clear: left;
    width: 200px;
}


/* ----------------------------------------------------------------------------------------- Styles & Collections */

.listing#architectural-styles-listing .sidebar {
    position: relative;
}

.listing#architectural-styles-listing .sidebar .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-transparent-white-50.png) repeat;
}


/* ----------------------------------------------------------------------------------------- Floaty Bar */

#floaty-overlay {
    display: none;
    position: absolute;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-transparent-white-50.png) repeat;
}

.floaty-preloader,
#preview {
    position: absolute;
    display: none;
    z-index: 99999;
    width: 42px;
    height: 42px;
    background: transparent url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/spinner.gif) 0 0 no-repeat;
}


/* ----------------------------------------------------------------------------------------- General Preloader */

#preloader-overlay {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-transparent-100.png) repeat;
}


/* ----------------------------------------------------------------------------------------- PDP Extra Info */

.plan-types {
    padding-bottom: 20px;
}

.plan-types .info {
    position: absolute;
    right: -145px;
    width: 140px;
    margin: 0;
    background: #F6F6F6;
    color: #000;
}

.plan-types .info p {
    padding: 5px;
    margin: 0;
}

.plan-types .plan-type li {
    position: relative;
    width: 270px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #CDD4DC;
    margin: 0;
}

.plan-types .plan-type li.title {
    position: relative;
    border-right-width: 0;
}

.plan-types .plan-type li.title h3 {
    padding-left: 30px;
    margin-top: 25px;
}

.plan-types .plan-type li.title .info {
    top: 31px;
}

.plan-types .plan-type li.study-set {
    position: relative;
    border-right-width: 0;
}

.plan-types .plan-type li.study-set .info {
    top: 0px;
    padding-top: 2px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-pdp-blueprints-info.png) no-repeat -2px 0;
    margin: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .plan-types .plan-type li.study-set .info {
        background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-pdp-blueprints-info@2x.png) no-repeat -2px 0;
        background-size: 275px 10px;
    }
}

.plan-types .plan-type li .plan-name {
    font-size: 13px;
}

.plan-types .plan-type li .plan-price {
    margin-top: 4px;
}

.plan-types .plan-type li .view-pdp-tooltip {
    text-decoration: underline;
    color: #607890;
    cursor: pointer;
}

.plan-types .plan-type li .pdp-tooltip {
    position: absolute;
    left: 30px;
    bottom: 24px;
    width: 240px;
    padding: 0 0 12px 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-pdp-blueprint-info-arrow.png) no-repeat 7px bottom;
}

.plan-types .plan-type li .pdp-tooltip.hidden {
    left: -9999px; /* cache the bg at load */
}

.plan-types .plan-type li .pdp-tooltip p {
    padding: 5px;
    margin: 0;
    color: #FFF;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/bg-pdp-blueprint-info.png) repeat;
}




/* ----------------------------------------------------------------------------------------- PDP Buy Error */

p#pdp-buy-error {
    margin-top: 0;
    color: #EC2028;
}


/* ----------------------------------------------------------------------------------------- PDP Estimation Form */

#pdp-customization-form .action {
    height: 30px;
    padding: 0;
}

#pdp-customization-form .action img {
    display: none;
    border-top: 5px solid #FFF;
		height: 16px;
		width: 16px;
}

#pdp-customization-form.loading .action img {
    display: inline-block;
}

#pdp-customization-form.loading .action input {
    display: none;
}


/* ----------------------------------------------------------------------------------------- Stuff */

.popup-modal, .popup-overlay {
  display: none;
}
.popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: black;
  left: 0px;
  top: 0;
  z-index: 2001;

  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}
.popup-modal {
  background: #fff;
  width: 870px;
  margin: auto;
  height: 600px;
  z-index: 2002;
  position: fixed;
  margin-left: 40px;
}
.popup-modal .modal-content {height: 100%;}
.popup-modal iframe {background: transparent;}
.popup-modal.loading {
  background: #FFF url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/spinner.gif) no-repeat 10px 10px;
}

.popup-modal.loading iframe {
    display: none;
}

.oldie .popup-modal.loading iframe {
    display: block;
}

body.catalog-product-quickview{
  width: 850px;
  padding: 0;
}

.print-link {
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/print-icon.png) no-repeat 0 0;
  right: -5px;
  line-height: 24px;
  vertical-align: middle;
  text-indent: 28px;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 10px;
  border-bottom: none;
  cursor: pointer;
  float: right;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .print-link {
        background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/print-icon@2x.png) no-repeat 0 0;
        background-size: 24px 24px;
    }
}

.clear-all-link {
  background: url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/list_remove_btn.gif) no-repeat 0 0;
  right: -5px;
  line-height: 24px;
  vertical-align: middle;
  text-indent: 28px;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 10px;
  border-bottom: none;
  cursor: pointer;
  float: right;
  top: 30px;
}
/*
.floated-side-banner {
  width: 160px;
  height: 600px;
  display: block;
  position: fixed;
  margin: 20px 0 0 960px;
  z-index: 99;
  color: #fff;
  text-align: center;
}
*/

#side-skyscrapers-160 {
  width: 160px;
  display: block;
  position: absolute;
  margin: 10px 0 0 960px;
  top: 0px;
  color: #fff;
  text-align: center;
}

#in-drupal #side-skyscrapers-160 {
    margin-left: 945px;
    margin-top: 0px; /*-160px;*/
}

#in-drupal .drupal-eplans #side-skyscrapers-160 {
    margin-top: 0px; /*-190px;*/
}

#side-skyscrapers-160 .adWrapper {
    margin-top: 14px;
}

.bottom-banner {
  background-color: #FFFFFF;
  display: block;
  margin: auto;
  text-align: center;
}

.category-products .adWrapperTitle {display: none;}
#co-shipping-form{
  position: relative;
}
#use_same_address{
  right: 0;
  position: absolute;
  top: -35px;
}
#use_same_address label{
    float: left;
    padding: 0 0 0 5px;
}
.helper-comment { font-size:10px;color:#6D6565;font-style:italic; }

.bottom-banner {padding: 15px 0 30px 0;}
.pair-bottom-banners {
  padding: 20px 0;
  border-bottom: 1px solid #4b6e8a;
  display: none;
}
.catalog-product-view .pair-bottom-banners, .cms-home .pair-bottom-banners, .catalogsearch-advanced-index .pair-bottom-banners {display: block;}
.pair-bottom-banners > div {
  float: left;
  width: 50%;
  text-align: center;
}
.pair-bottom-banners > div .box-300x250 {
  width: 300px;
  margin: auto;
}


.chat-banner {
  height: 75px;
  overflow: hidden;
}

/* This is the css issue detailed in bug #689 --- details @ acazacu */
.low-button-orange, .low-button-orange *  {
	background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-orange.png) !important;
}
.disabled, .low-button-grey, .low-button-grey * {
	background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/btn-flexible-grey.png) !important;
}
.low-button-large {
	line-height: 29px;
	background-position: 100% -40px;
	padding-right: 12px;
}
.low-button-large.low-button-disabled {
	background-position: 100% -40px !important;
}
.low-button-small {
	line-height: 22px;
	background-position: 100% -200px;
	padding-right: 9px;
}
.low-button-small.low-button-disabled {
	background-position: 100% -200px !important;
}
.low-button2, .low-button2 * {
	display: inline-block;
	zoom: 1;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	cursor: pointer;
}
.low-button-disabled, low-button-disabled * {
	cursor: default !important;
}
.low-button2 {
	text-decoration: none;
}
.low-button-large .low-button-wrap {
	background-position: 0 0;
	padding-left: 12px;
}
.low-button-large.low-button-disabled .low-button-wrap {
	background-position: 0 0 !important;
}
.low-button-small .low-button-wrap {
	background-position: 0 -160px;
	padding-left: 9px;
}
.low-button-small.low-button-disabled .low-button-wrap {
	background-position: 0 -160px !important;
}
.low-button-large .low-button-text {
	padding: 0 5px !important;
}
.low-button-small .low-button-text {
	padding: 0 !important;
}
.low-button2 .low-button-text {
	background-position: -1000px -1000px;
	font-family: Arial;
}
.disabled .low-button-text{
	color: #777;
}
.disabled .low-button-wrap {
  background-position: 0 -240px;
}
.disabled {
  background-position: 100% -280px;
}

.low-button2 input.low-button-text {
	background-color: transparent;
	border: none !important;
	padding-bottom: 2px;
	margin: 0 !important;
	border-radius: 0 !important;
}
.low-button-small input.low-button-text {
	height: 22px;
}
.low-button-large input.low-button-text {
	height: 29px;
}
.low-button-arrow .low-button-text {
	padding-right: 12px !important;
}
.low-button-arrow.low-button-large .low-button-text {
	background-position: 100% -306px;
}
.low-button-arrow.low-button-small .low-button-text {
	background-position: 100% -310px;
}
.low-button-large:hover {
	background-position: 100% -120px;
}
.low-button-large:hover .low-button-wrap {
	background-position: 0 -80px;
}
.low-button-small:hover {
	background-position: 100% -280px;
}
.low-button-small:hover .low-button-wrap {
	background-position: 0 -240px;
}


/* ----------------------------------------------------------------------------------------- Everywhere Footer */
/* This footer appears on all pages and is different from the category footer */

#everywhere-footer {
    padding: 0 0 35px 0;
    border-top: 5px solid #c5c5c3;
    border-bottom: 1px solid #DFDBDC;
    background: #FFF;
}

#everywhere-footer p {
    padding: 10px 0 0 0;
    margin: 0;
}

#everywhere-footer ul {
    margin: 0;
    list-style: none;
}

#everywhere-footer a {
    text-decoration: underline;
}

#everywhere-footer ul.links {
    text-align: center;
    padding: 7px 0 0 0;
}

#everywhere-footer ul.links li {
    display: inline;
}

#everywhere-footer ul.links li a {
    display: inline-block;
    padding: 0 5px 0 1px;
    border-right: 1px solid #E6E6E6;
}

#everywhere-footer ul.links li.last a {
    border-right-width: 0;
}

#everywhere-footer p.call-to-action {
    padding: 30px 0 0 0;
    text-align: center;
    font-size: 16px;
    color: #333;
}

#everywhere-footer p.call-to-action img {
    display: inline-block;
}

#everywhere-footer p.call-to-action span {
    display: block;
    padding: 3px 0 0 0;
}

#everywhere-footer .affiliates ul {
    padding: 35px 0 0 40px;
}

#everywhere-footer .affiliates ul li {
    float: left;
    text-align: center;
}

/* footer sprites */
#everywhere-footer .affiliates ul li a {
    float: left;
    margin: 0 20px;
    padding-top:55px;
    text-decoration: none;
    background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/logos/logos.gif") no-repeat top center;
}

#everywhere-footer .affiliates ul li a.arhitectonline {
  background-position: 0 -70px;
  width: 97px;
}

#everywhere-footer .affiliates ul li a.aibd {
  background-position: 0 0;
  width: 34px;
}

#everywhere-footer .affiliates ul li a.bol {
  background-position: 0 -217px;
  width: 97px;
}

#everywhere-footer .affiliates ul li a.customhomeonline {
  background-position: 16px -302px;
  width: 115px;
}

#everywhere-footer .affiliates ul li a.dreamhomesource {
  background-position: 0 -387px;
  width: 137px;
}

#everywhere-footer .affiliates ul li a.ebuild {
  background-position: 0 -472px;
  width: 90px;
}

#everywhere-footer .affiliates ul li a.eplans {
  background-position: 0 -557px;
  width: 120px;
}

#everywhere-footer .affiliates ul li a.nahb {
  background-position: 0 -642px;
  width: 90px;
}

#everywhere-footer .affiliates ul li a.ra {
  background-position: -8px -727px;
  width: 115px;
}
/* eof footer sprites */

#everywhere-footer .affiliates ul li a span {
    display: block;
    text-decoration: underline;
    background-color: white;
}

#everywhere-footer .affiliates ul li a img {
    vertical-align: bottom;
}

#everywhere-footer .affiliates ul li.last a img {
    padding: 15px 0 0 0;
}

#everywhere-footer .affiliates p {
    text-align: center;
    color: #E6E6E6;
}

#everywhere-footer .affiliates p a {
    color: #85847F;
}

#everywhere-footer .affiliates p a:hover {
    color: #000;
}

#everywhere-footer p.copyright {
    text-align: center;
    color: #85847F;
}

#everywhere-footer ul.associates {
    padding: 50px 0 0 290px;
}

#everywhere-footer ul.associates li {
    float: left;
}

#everywhere-footer ul.associates li a {
    float: left;
    margin: 0 112px;
}

#everywhere-footer ul.associates li a.bbbonline {
  background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/logos/logos.gif") no-repeat 0 -155px;
  width: 90px;
  padding-top:33px;
  text-indent: -3000px;
}

#everywhere-footer ul.associates li a.verisign {
  background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/logos/logos.gif") no-repeat 0 -812px;
  width: 84px;
  padding-top:33px;
  text-indent: -3000px;
}

#everywhere-footer ul.associates li a img {
    float: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    #everywhere-footer .affiliates ul li a {
        background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/logos/logos@2x.gif") no-repeat top center;
        background-size: 146px,845px;
    }
    #everywhere-footer ul.associates li a.verisign {
        background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/logos/logos@2x.gif") no-repeat 0 -812px;
        background-size: 146px 845px;
    }
}



/* These classes are used in the pdps for positioning the print floorplans link
 * within the title and displaying the print iframe
  *details @acazacu */
.title .print-link .clear-all-link {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	zoom: 1;
	padding-left: 28px;
	cursor: pointer;
	text-transform: uppercase;
	float: none;
	margin:  0 !important;
	text-indent: 0px;
}
.title .link-loading {
	background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ajax-loader.gif) no-repeat 4px center !important;
	color: #999 !important;
	cursor: default;
}
#printFpFrame {
	position: absolute;
	top: -10000px;
	left: -10000px;
}


/* ----------------------------------------------------------------------------------------- 404 */

body.cms-index-noroute .main {
    padding-bottom: 0
}

body.cms-index-noroute .main .col-main {
    padding-bottom: 50px;
}

body.cms-index-noroute .std h3 {
    font-size: 20px;
}

body.cms-index-noroute .std ul {
    margin: 7px 0 0 0;
    list-style-type: none;
}

body.cms-index-noroute .std ul li {
    padding: 3px 0 0 0;
}

.partners-mass-selector { margin-left: 7px;}
.partners-mass-selector input { margin-right: 7px;}

.ad-iframes {height: 1px; background: transparent; border: 0px solid; }

input.loading-button {
	text-indent: -9999px;
	width: 85px;
	background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ajax-loader.gif) no-repeat 50% center transparent !important;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: -16px; /* has to be at least bigger than the mouseover otherwise it will flicker */
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/* Reset */
/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'lucida sans','lucida sans unicode',sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}

/* Hack retained to preserve specificity */
select, input, textarea, button {
  font: 99% sans-serif;
}

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/**
 * Minimal base styles.
 */
/* Always force a scrollbar in non-IE */
html {
  overflow-y: scroll;
}

/* j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #FF5E99;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none;
}

a, a:active, a:visited {
  color: #607890;
}

a:hover {
  color: #036;
}

ul, ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

/* Remove margins for navigation lists */
nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements.
      Firefox adds a 1px margin above and below textareas */
button, input, select, textarea {
  width: auto;
  overflow: visible;
  margin: 0;
}

textarea {
  overflow: auto;
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/**
 * You might tweak these..
 */
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 {
    font-family: PTSansRegular;
}

h3 span {
    font-family: PTSansBold;
}

h1 {
    margin: 10px 0 0 0;
    font-size: 24px;
    float:left;
}

.header-container h1 {
    margin: 0;
}

h2 {
    margin: 20px 0 0 0;
    font-size: 18px;
}

h3 {
    margin: 20px 0 0 0;
    font-size: 14px;
}

h4 {
    margin: 16px 0 0 0;
    font-size: 12px;
    font-weight: 700;
}

h5 {
    margin: 16px 0 0 0;
    font-size: 12px;
    font-weight: 700;
}

b {font-weight: bold;}

/* Layout */
.page {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 38px;
  *zoom: 1;
/*  position: relative; */
}

/* Style */
body {
  border-top: 10px solid #F7941E;
  font-size: 11px;
}

.main {
    padding-bottom: 30px;
}

p {
    margin: 10px 0;
}

a {
  text-decoration: none;
}

.heading {
  font-size: 167%;
  font-weight: normal;
  text-transform: uppercase;
  font-family: sans-serif;
}
.heading span {
  font-weight: bold;
}

.menu {
  margin: 0;
}

.header-container {
    position: relative;
  padding: 18px 0;
}

.header-container .logo img { display: block; height: 87px; width: 325px; }

.main-nav ul, .main-vav li, .minor-nav ul, .minor-nav li{
  margin: 0;
  list-style: none;
  list-style-image: none;
}
.main-nav ul {
  padding: 10px 15px;
  overflow: auto;
}
.main-nav li,.minor-nav li {
  padding: 0;
  list-style: none;
  display: inline;
}
.minor-nav a {
  color: black;
}
#header #logo-title {
  overflow: auto;
}

.minor-nav {
  position: absolute;
  top: 14px;
  width: 950px;
}
.minor-nav > * {
  float: right;
}
.minor-nav li {
  padding: 0 5px;
  border-right: 1px solid #333;
}

.minor-nav ul:first-child li.last {
  border-right: none;
}

.minor-nav ul:first-child li.last {
  padding-right: 0;
}



.main-nav {
  background: #E7E7E7;
}
.main-nav li {
  font-family: 'lucida sans','lucida sans unicode',sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
.minor-nav li {
	padding-right: 9px;
}

.main-nav li:not(:last-child) {
  padding-right: 9px;
}
.main-nav a {
  color: #666;
  border-right: 2px solid #666;
  padding-right: 14px;
}
.main-nav a.last {margin-right: 0px; border-right: none;}

.footer {
  background: #7F7D7D url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bkg/footer_bkg.png) no-repeat right bottom;
  color: white;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .footer {
        background: #7F7D7D url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bkg/footer_bkg@2x.png) no-repeat right bottom;
        background-size: 183px 90px;

    }
}

.footer ul {
  margin: 0 0 1em;
}
.footer li {
  display: block;
  list-style: none;
  line-height: 1.5;
}
.footer a {
  color: white;
}

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


/* ----------------------------------------------------------------------------------------- FEATURES.CSS */

#quick-search .options label, #quick-search .options label.active {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons-s082ad53873.png') no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    #quick-search .options label, #quick-search .options label.active {
        background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons-s082ad53873@2x.png') no-repeat;
        background-size: 28px 345px;
    }
}


#quick-search .block-inner {
  border: 1px solid #afafaf;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.sidebar #quick-search .block-inner {
  border: none;
  color: #636262;
}
#quick-search .content {
  padding: 1em;
}
#quick-search h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #BBB9B9;
  margin: 0 0 1em;
}
#quick-search [type="checkbox"] , #quick-search input.hidden_checkbox{
  display: none;
}
#quick-search .formitem {
  margin: 0 0 1em;
}
#quick-search .formitem > label {
  display: block;
  margin: 1em 0;
}
#quick-search .options {
  margin: 1em 0;
}
#quick-search .options label {
  cursor: pointer;
  padding: 0.125em 0.5em 0.25em 2em;
  background-position: 0 -83px;
}
#quick-search .options label:hover {
  color: #1B6EB4;
}
#quick-search .options label.active {
  color: black;
  background-position: 0 -45px;
}
#quick-search a {
  color: #0D3D6D;
  font-weight: bold;
}
#quick-search h3 .search-results {
  font-size: 20px;
  color: #f7941e;
}
#quick-search a {
  color: #0D3D6D;
  font-weight: bold;
}
/*
#quick-search [type="submit"] {
  font-family: verdana;
  font-weight: bold;
  border: 1px solid #C5C7C9;
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons/button-arrow.png?1307635162') no-repeat 95% 50%, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfe), color-stop(100%, #e0e3e4));
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons/button-arrow.png?1307635162') no-repeat 95% 50%, -webkit-linear-gradient(#fdfdfe, #e0e3e4);
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons/button-arrow.png?1307635162') no-repeat 95% 50%, -moz-linear-gradient(#fdfdfe, #e0e3e4);
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons/button-arrow.png?1307635162') no-repeat 95% 50%, -o-linear-gradient(#fdfdfe, #e0e3e4);
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons/button-arrow.png?1307635162') no-repeat 95% 50%, linear-gradient(#fdfdfe, #e0e3e4);
  padding: 0.5em 1em;
  padding-right: 2em;
  -webkit-border-radius: 0.75em 1.5em;
  -moz-border-radius: 0.75em / 1.5em;
  -o-border-radius: 0.75em / 1.5em;
  -ms-border-radius: 0.75em / 1.5em;
  -khtml-border-radius: 0.75em / 1.5em;
  border-radius: 0.75em / 1.5em;
  color: black;
  margin-left: 54%;
}
*/

a.normal-button, a.light-button {display: block; text-align: center;}



#quick-search input[type="button"], a.normal-button, a.light-button, .go-button, .add-to-links a.disabled {
  border: none;
  font-size: 16px;
  width: 110px;
  height: 26px;
  line-height: 26px;
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/btns.gif') no-repeat;
  color: #6a6c7b;
}
#quick-search input[type="button"]:hover, .normal-button:hover, .go-button:hover {
  background-position: 0px -30px;
}

#quick-search input[type="button"].clear-button, a.light-button {background-position: 0px -60px;}
#quick-search input[type="button"].clear-button:hover, a.light-button:hover { background-position: 0px -90px;}

.add-to-links a.disabled {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/btns.gif') !important;
  color: #999;
  background-position: 0 -90px;
}

#quick-search input[type="button"].smaller-button {font-size: 14px;}


#quick-search .keywords-input {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/form-sprite.png') no-repeat;
}

#quick-search .keywords-input {
  border: none;
  height: 22px;
  width: 145px;

}

#quick-search .keywords-input input {
  font-size: 10px;
  margin: 1px 0 0 0;
  width: 135px;
  border: none;
  background: transparent;
  padding: 5px 5px 3px 5px;
}

#quick-search .search-results {
  font-weight: bold;
  font-size: 11px;
  vertical-align: bottom;
}

#quick-search .form-title {
  margin-top: 25px;
  font-size: 18px;
  color: #58585A;
  margin-bottom: 0px;
}

#quick-search .form-filter-group {
  border: 1px solid #a4a1a1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 5px 0;
  background-color: #fff;
  font-size: 14px;
}

#quick-search .form-filter-group .filter-button, #quick-search .filter-options li  {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons-0f1d51a22c.png') no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    #quick-search .form-filter-group .filter-button, #quick-search .filter-options li  {
        background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/icons-0f1d51a22c@2x.png') no-repeat;
        background-size: 60px 520px;
    }
}


#quick-search .form-filter-group .filter-button {
  text-indent: -119988px;
  background-position: 0 -403px;
  width: 20px;
  height: 20px;
  margin: -5px -5px 0 0;
}
#quick-search .form-filter-group.expanded .filter-button {
  background-position: 0 -430px
}
#quick-search .form-filter-group .active-filter {
  padding: 5px;
  cursor: pointer;
}
#quick-search .form-filter-group .active-filter:hover {}
#quick-search .filter-options {
  margin: 0px;
  display: none;
}

#quick-search .filter-options li{
  list-style-type: none;
  border-top: 1px solid #a4a1a1;
  padding: 5px 5px 5px 20px;
  background-position: 0px -453px;
  cursor: pointer;
}
#quick-search .filter-options li:hover {background-color: rgba(22, 148, 215, 0.25);}
#quick-search .filter-options li.checked {background-position: 0px -503px;}

#quick-search .filter-ops {line-height: 23px; display: none; text-align: right; padding-right: 5px; border-top: 1px solid #a4a1a1;}

#quick-search .form-filter-group.expanded .filter-ops {display: block;}

#quick-search .expanded .filter-options {display: block;}

#quick-search .form-filter-group .filter-range {
  width: 100%;
  border-top: 1px solid #A4A1A1;
  text-align: center;
  padding-top: 10px;
}

#quick-search .form-filter-group .filter-range input {width: 100%; font-size: 11px;}
#quick-search .form-filter-group .filter-range .range-sq-ft { float: left; font-size: 11px; line-height: 18px; margin-left: 0px; margin-top: 18px;}
#quick-search .form-filter-group .filter-range > div.range-cell {float: left; width: 70px; margin: 0px 10px 10px 10px; text-align: left;}
#quick-search .form-filter-group .filter-range > .range-separator {width: 10px; float: left; text-align: center; line-height: 18px; margin-top: 18px;}
#quick-search .form-filter-group .filter-range > div.range-footnote {font-size: 10px; text-align: left; margin-left: 10px;}
.ie7 #quick-search .form-filter-group .filter-range > div.range-footnote {margin-top: -10px;}
.ie7 #quick-search .form-filter-group .filter-range input {margin-left: -10px;}
#quick-search .form-filter-group .filter-range > div {
  margin: 15px;
  width: auto;
}

.rel-right {
  position: relative;
  float: right;
}

.separator-top {border-top: 1px solid #9a9999; padding-top: 10px;}
.title-note {font-size: 10px; margin: 5px 0 3px 0; text-transform: none;}

.ie7 .title-note {margin-top: -15px;}
.ie7 .clearfix.no-height {zoom: 1 !important; line-height: 0px !important; font-size: 0;}
.ie7 #quick-search .ui-slider-horizontal {height: 20px;}

.catalogsearch-advanced-index .col2-left-layout .col-left.sidebar {
    float: left;
    width: 270px;
    margin-right: 10px;
    background-color: #f7f5f5;
    border: 1px solid #000000;
}

.catalogsearch-advanced-index .col2-left-layout .col-left.sidebar .block-inner {
    margin: 10px;
}

.catalogsearch-advanced-index .col-main {
    float: left;
}

.filters-added {
  margin-top: 20px;
}
.filter-added-option {
  margin: 5px;
  padding: 5px;
  font-size: 11px;
  cursor: default;
}

.filter-added-option span.info_cue{
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/information_small.png) no-repeat center left;
  margin: 2px;
  padding: 0 8px;
}

.filter-op-remove {
  position: relative; float: right;
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/jquery-ui/ui-icons_222222_256x240.png') no-repeat -34px -194px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  width: 12px; height: 12px;
  cursor: pointer;
}

.filters-added label {margin: 5px 0; font-weight: bold; font-size: 14px; color: #F7941E;}

.low-button-update {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/btns.gif') no-repeat;
}
.low-button-update {
  display: block;
  width: 88px;
  height: 20px;
  background-position: 0px -120px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  color: #6a6c7b;
}
#quick-search a.low-button-update {color: #6a6c7b;}
.low-button-update:hover, #quick-search a.low-button-update:hover {background-position: 0px -144px;}
.filter-ops {
  padding: 5px;
}

.low-button-update.smaller-button {font-size: 10px; colro: #0D3D6D;}


/* products grid */

.col-main {width: 650px;}
ul.products-grid {margin-left: 0px;}
ul.products-grid .product-attrs > div {width: 48px; font-size: 12px; position: relative; float: left; color: #4a4949; text-align: center; padding: 3px 0;}
ul.products-grid .product-attrs > div div {font-weight: bold; margin-top: 5px;}
ul.products-grid .product-attrs > div.lightg {background-color: #cecdcd;}
ul.products-grid .product-attrs > div.darkg {background-color: #b4b3b3;}
ul.products-grid .product-attrs > div.first {margin: 0px; width: 47px;}
ul.products-grid .product-name {line-height: 25px; font-weight: normal; color: #615f5f; font-size: 14px;}
ul.products-grid .product-name a {color: #615f5f;}
ul.products-grid a.product-image {width: 287px; height: 215px; overflow: hidden; display: block;}
ul.products-grid a.product-image noscript img {margin-top: -215px;}
ul.products-grid .product-type {line-height: 25px; font-weight: normal; font-size: 16px;}
ul.products-grid li.item {
  list-style: none;
  position:relative;
  float: left;
  margin: 12px 0 0 30px;
  width: 287px;
  background: #f9f9f9;
  border: 1px solid #979797;

}
ul.products-grid li.item .item-head {
  padding: 10px;
  padding-bottom: 34px !important;
}
ul.products-grid li.first {margin-left: 20px;}

.toolbar-bottom {margin-top: 20px;}

.social-media {
    height: 35px;
    position: relative;
    width: 240px;
}

.social-media .product-fb {float: left !important; width:85px; height: 25px;}
.social-media .product-pin-it {float:left; width:85px !important;height: 25px;}
.social-media .product-twitter { float: left; width: 85px;height: 25px;}
.social-media .product-houzz {float: left; width: 85px;height: 25px;}

.products-grid .product-fb {
    float: right;
    position: relative;
    width: 85px !important;
}

.product-list-details {color: #162c49;}
.product-list-details a {text-decoration: none; color: #162c49;}
.product-fb-list {position: absolute; right: 0px; top: 3px; width: 90px; height: 20px;}
.product-fb-list .fb_edge_widget_with_comment { left: 5px; z-index: 100;}
.my-account-grid .product-fb-list { top: 184px; z-index: 0; }
.fb_edge_comment_widget { display: none !important;} /* Kill the comment widget in the category view*/

.products-grid .actions {margin: 5px 10px 5px 0;}
.products-grid .actions ul {margin-left: 0;}
.products-grid .actions li {list-style: none; float: left; margin-left: 5px;}
.products-grid .product-surface {font-size: 11px; line-height: 20px;}

.products-grid .product-details {margin: 15px 2px 8px 5px; font-size: 11px; }
.products-grid .product-details span { display: inline-block; zoom: 1; }
.products-grid .product-details span.value { margin-right: 5px; }
.products-grid .product-details div.info_icon{background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/info_icon.gif) no-repeat right top; float: left; display: block; width: 19px;height: 37px;}
.products-grid .product-details h4 {margin: 4px 0;}
.category-products .product-list-separator {width: 608px; background: #1d84be; margin-left: 20px; margin-top: 10px;}
.product-list-separator img {display: block;}

div.info_icon{ position: relative; cursor: pointer; }
p#info_message strong{  }
p#info_message {
  background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-transparent-brown-80.png") repeat scroll 0 0 transparent;
    border: 1px solid #666;
    font-size: 11px;
    color: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    top: -85px;
    width: 260px;
    z-index: 20;
    line-height: 14px;
  }
  a#closeme {
    font-weight: bold;
    float: right;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    top: -4px;
    padding: 1px 4px;
    color: #000;
  }

.span-half {float: left; display: block; width: 50%;}
.span-35 {float: left; display: block; width: 35%;}
.span-57 {float: left; display: block; width: 57%;}

.label {
  font-weight: bold;
}
.highlight-blue {color: #1d84be;}

#dialog-message {display: none;}


/* ----------------------------------------------------------------------------------------- General */

.col2-left-layout .col-left {
    float: left;
    width: 200px;
}

.catalog-category-view .col2-left-layout .col-left {
    width: 250px;
}

.col2-left-layout .col-main {
    float: right;
    width: 735px;
}

.catalog-category-view .col2-left-layout .col-main {
    width: 685px;
}

.catalogsearch-advanced-index .col2-left-layout .col-main {
    float: left;
    width: 650px;
}

.col3-layout .col-main {
    width: auto;
}


/* ----------------------------------------------------------------------------------------- Forms */

form p.text label,
form p.select label {
    float: left;
    width: 190px;
    padding: 0 10px 0 0;
}

form p.text input {
    float: left;
    width: 296px;
    border: 1px solid #B5B4B4;
}

form p.text input:focus {
    border-color: #F7941E;
}

form p.select select {
    float: left;
    width: 180px;
    border: 1px solid #B5B4B4;
}

form p.submit input {
    line-height: 1;
    padding: 10px;
}

form p.note {
    font-style: italic;
}


/* ----------------------------------------------------------------------------------------- Building Resources */

/* -------------------------------------------------- General */

#building-resources-nav {
    padding: 30px 0 0 0;
}

#building-resources-nav .content {
    float: right;
    width: 595px;
}

/* -------------------------------------------------- Content */

#building-resources-nav .content .unit {
    width: 155px;
}

#building-resources-nav .content .unit ul li a {
    color: #d39346;
}

#building-resources-nav .content .unit ul li a:hover {
    color: #9a7850;
}

/* -------------------------------------------------- Step by Step */

#building-resources-nav #step-by-step ul li {
    width: 93px;
    padding: 0 5px 0 47px;
}


/* ----------------------------------------------------------------------------------------- Builder Registration */

#builder-registration .sidebar {
    float: left;
    width: 390px;
    border-width: 0;
    background: #FFF;
}

#builder-registration .content {
    float: right;
    width: 500px;
}

#builder-registration .content form {
    width: 500px;
}

#builder-registration .content form p.note {
    text-align: right;
}

#builder-registration .content form p.text input {
    float: right;
}

#builder-registration .content form p.select select {
    float: right;
}

#builder-registration .content form p.submit input {
    float: right;
}


/* ----------------------------------------------------------------------------------------- Category Listing */

/* -------------------------------------------------- Breadcrumbs */

.breadcrumbs {
    padding: 6px 15px 8px 0;
    border-top: 25px solid #f7941e;
    margin-top: 5px;
    line-height: 1;
}

/* -------------------------------------------------- Drupal content generals */

.drupal-content h4 {
    margin-top: 11px;
    margin-bottom: -2px;
    font-family: 'lucida sans', 'lucida sans unicode', sans-serif;
    font-weight: 700;
}

.drupal-content .text p,
.drupal-content .complementary p,
.drupal-content .complementary .media,
.drupal-content .text .media,
.drupal-content .complementary img,
.drupal-content .text img {
    margin: 10px 0 0 0;
}

.drupal-content .text ul,
.drupal-content .complementary ul {
    margin-top:  8px;
}

.drupal-content .text ul li,
.drupal-content .complementary ul li {
    padding: 2px 0 0 0;
}

.drupal-content .text img {
    width: 325px;
}

/* -------------------------------------------------- Supralist */

#supralist .description .text {
    width: 350px;
}

#supralist .text img {
    width: 350px;
}

#supralist .description #category-ad img {
    width: 685px;
}

#supralist #category-billboard img {
    max-width: 685px;
}

/* ----------------------------------------------------------------------------------------- Styles & Collections */

.cms-page-view .col-main {
    width: auto;
}

.listing.hidden {
    display: none;
}

.listing h2 {
    padding: 10px 100px 5px 0;
    margin: 0;
    line-height: 1;
    font-size: 24px;
}

.listing ul {
    list-style: none;
    margin: 0;
}

/* -------------------------------------------------- Special Collections - Featured Designers */

.listing#special-collections-listing h2,
.listing#featured-designers-listing h2 {
    padding-top: 0;
}

ul#coll-des-menu {
    margin: 0 40px 0 0;
    list-style: none;
}

ul#coll-des-menu li {
    float: right;
    padding: 5px 8px;
    margin: 0 0 0 10px;
    border: 1px solid #E6E6E6;
    line-height: 1;
    background: #5ea1c7;
    color: #FFF;
    cursor: pointer;
}

ul#coll-des-menu li.active {
    border-color: #E6E6E6;
    background: #FFF;
    color: #333;
    cursor: default;
}

.listing#special-collections-listing .collection {
    float: left;
    width: 182px;
    padding: 15px;
    border: 1px solid #E6E6E6;
    margin: 18px 18px 0 0;
    background: #FFF;
}

.listing#special-collections-listing .collection.fourth {
    margin-right: 0;
}

.listing#special-collections-listing .collection h3 {
    margin: 0;
}

.listing#special-collections-listing .collection ul {
    padding: 5px 0 0 0;
}

.listing#special-collections-listing .collection ul li a {
    display: block;
    padding: 2px 0;
}

.listing#featured-designers-listing ul.collection {
    padding: 0 0 19px 0;
    border-bottom: 10px solid #8eadbe;
}

.listing#featured-designers-listing ul.collection li {
    float: left;
    position: relative;
    width: 212px;
    height: 470px;
    padding: 0 0 19px 0;
    border: 1px solid #E6E6E6;
    margin: 18px 18px 0 0;
    background: #FFF;
}

.listing#featured-designers-listing ul.collection li.fourth {
    margin-right: 0;
}

.listing#featured-designers-listing ul.collection li h3 {
    margin: 10px 0 0 0;
    height: 33px;
    padding: 0 10px;
}

.listing#featured-designers-listing ul.collection li img {
    width: 212px;
    height: 136px;
}

.listing#featured-designers-listing ul.collection li p {
    height: 244px;
    margin: 10px 0 0 0;
    padding: 0 10px;
    overflow: hidden;
}

.listing#featured-designers-listing ul.collection li a.see-more {
    position: absolute;
    left: 0;
    bottom: 15px;
    display: block;
    padding: 0 10px;
    margin: 10px 0 0 0;
    font-weight: 700;
    font-style: italic;
}

/* -------------------------------------------------- Architectural Styles */

.listing#architectural-styles-listing .sidebar {
    float: left;
    width: 215px;
    border-width: 0;
    border-top: 7px solid #1D84BE;
    margin: 15px 15px 0 0;
    background: #F0F0F0;
}

.listing#architectural-styles-listing .sidebar ul {
    padding: 8px 15px;
    border: 1px solid #E6E6E6;
}

.listing#architectural-styles-listing .sidebar ul ul {
    display: none;
    padding: 0;
    border: none;
}

.listing#architectural-styles-listing .sidebar ul li {
    line-height: 13px;
}

.listing#architectural-styles-listing .sidebar ul li span {
    display: block;
    padding: 4px 0 4px 17px;
    color: #005AB6;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-architectural-styles-switch.png) no-repeat -1px 3px;
    cursor: pointer;
}

.listing#architectural-styles-listing .sidebar ul li span:hover,
.listing#architectural-styles-listing .sidebar ul li.active li span:hover {
    color: #000;
}

.listing#architectural-styles-listing .sidebar ul li.with-kids span {
    background-position: -1px -29px;
}

.listing#architectural-styles-listing .sidebar ul li.with-kids.expanded span {
    background-position: -1px -61px;
}

.listing#architectural-styles-listing .sidebar ul li.active span {
    color: #d6810d;
}

.listing#architectural-styles-listing .sidebar ul li.active li span {
    color: #005AB6;
}

.listing#architectural-styles-listing .sidebar ul li.expanded ul {
    display: block;
}

.listing#architectural-styles-listing .sidebar ul li li {
    padding: 0 0 0 15px;
}

.listing#architectural-styles-listing .sidebar ul li li span {
    background-image: none;
}

.listing#architectural-styles-listing .content {
    float: left;
    width: 660px;
    padding: 15px 0 0 0;
}

.listing#architectural-styles-listing .content .text {
    float: right;
    width: 325px;
}

.listing#architectural-styles-listing .content .complementary {
    float: left;
    width: 320px;
}

.listing#architectural-styles-listing .content h3 {
    margin: 0;
    font-size: 16px;
}

.listing#architectural-styles-listing .content h4 {
    margin: 15px 0 0 0;
}

.listing#architectural-styles-listing .content p.chapeau {
    font-weight: 700;
}

.listing#architectural-styles-listing .content p.see-more {
    text-align: right;
    font-size: 13px;
}

.listing#architectural-styles-listing .content p.see-more a {
    text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------- Footer */

.footer {
    padding: 0 15px 50px 15px;
}

.footer .box {
    float: left;
    width: 33%;
    padding: 0;
    margin: 0;
}

.footer .box .heading {
    padding: 15px 0 0 0;
    margin: 0;
    font-family: PTSansRegular;
}

.footer .box .heading span {
    font-family: PTSansBold;
}

.footer .box ul {
    padding: 5px 15px 0 0;
}

#quick-search .ui-slider-horizontal {height: 8px; margin: 10px;}
#quick-search .slider-range {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/slider-bg.png') repeat-x;
  border: 1px solid #fff;
   -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px / 7px;
  -o-border-radius: 7px / 7px;
  -ms-border-radius: 7px / 7px;
  -khtml-border-radius: 7px / 7px;
  border-radius: 7px / 7px;
}
#quick-search .slider-range .ui-slider-handle {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/slider-arrow.png') no-repeat;
  width: 14px;
  height: 23px;
}

#quick-search .ui-slider-horizontal .ui-slider-handle {
  top: -0.5em;
}

#quick-search .ui-slider-horizontal .ui-slider-range {
  background: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/slider-selected-bg.png') repeat-x;
}

.header-container .media-share {
    display: block;
    right: 310px;
    position: absolute;
    top: 55%;
    color: #17A776;
    font-family: "Trebuchet MS";
    font-weight: bold;
    font-size: 12pt;
}
.header-right .media-share a {
    display: block;
    float: left;
    height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
}
.header-right .media-share a#facebook-go {
    width: 24px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/header-media/facebook-icon.png) no-repeat;
}

.header-right .media-share a#twitter-go {
    width: 30px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/header-media/twitter-icon.png) no-repeat;
}

.header-right .media-share a#pinterest-go {
    width: 30px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/header-media/pinterest-icon.png) no-repeat;
}

.header-right .media-share a#houzz-go {
    width: 30px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/header-media/houzz-icon.png) no-repeat;
}


/* --- Search box --- */
.home-search {
  position: relative;
  float: right;
  height: 35px;
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/home-search-bg.png) repeat-x;
  margin: 3px 0 0 0;
}

.home-search > div {
  position: relative; float: left;
  width: 5px; height: 35px;
}
.home-search .left-side {
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/search.png) no-repeat 0 0;

}

.home-search .right-side {
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/search.png) no-repeat 0 -57px;
  width: 2px;
}
.home-search div.content {width: auto; }

.home-search input[type="submit"] {
  background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/search.png) no-repeat 0 -114px;
}

.home-search input[type="submit"] {
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  border: none;
  float: right;
  margin: 7px 0 0;
}

.home-search input#q {
  margin-top: 6px;
  padding-left: 5px;
  padding-right:5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  background: transparent;
  font-size: 14px;
  width: 270px;
  color: #666;
}

.header-right {
  text-align: right;
  margin-top: 20px;
  width: 600px;
}

.header-right .title {color: #f7941e; font-size: 12px; text-transform: uppercase;}
.header-right .phone-number {color: #636363; font-size: 14px;}
.header-right .phone-number a {text-decoration: underline;}

.toolbar {
  font-size: 11px;
}
.toolbar .sorter, .toolbar .limiter, .toolbar .saver {
  float: left;
  position: relative;
  margin: 5px 3px 0 3px;
}
.toolbar .saver {margin-top: 0px;}
.toolbar label {
  line-height: 18px;
  vertical-align: middle;
}
.toolbar .saver .go-button {
  margin: 0 30px 0 0;
  line-height: 6px;
}

#searchPager {
    margin-top: 5px;
}

.item-head h2 {margin-top: 0px;}


#tiptip_content {
	font-size: 11px;
	color: #555;
	text-shadow: none;
	padding: 4px 8px;
	border: 1px solid #F7941E;
	background: #E7E7E7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #F7941E;
	-webkit-box-shadow: 0 0 3px #F7941E;
	-moz-box-shadow: 0 0 3px #F7941E;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	border-top-color: rgb(247,148,30);
}

.loading-overlay, .quick-search-overlay {
  background: #fff;
  width: 100%;
  position: absolute;
  height: 300px;
  z-index: 100;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;

  display: none;
}

.quick-search-overlay {margin-top: -10px;}


/* ----------------------------------------------------------------------------------------- Menu */

#menu {
    background: #EEE;
    clear:both;
}

#menu ul {
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}

#menu ul li {
    float: left;
    line-height: 1;
}

#menu ul.links li a {
    float: left;
    padding: 10px;
    text-decoration: underline;
    background: #EEE;
    color: #1D84BE;
}

#menu ul.tabs {
    float: right;
    border-left: 1px solid #E7E7E7;
}

#menu ul.tabs li {
    float: left;
    border-right: 2px solid #E7E7E7;
    border-right: 1px solid #FFF;
}

#menu ul.tabs li.last {
    border-right-width: 0;
}

#menu ul.tabs li a {
    float: left;
    padding: 10px 18px;
    color: #444;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/epl-homepage.png) no-repeat 0 -165px;
    cursor: pointer;
}

#menu ul.tabs li a:hover {
    background-image: none;
    background-color: #E4E4E4;
}

#menu ul.tabs li.active a,
#menu ul.tabs li.active a:hover {
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/epl-homepage.png) no-repeat 0 -235px;
    cursor: default;
}


/* Tabbed menu */
.tab-menu ul {
    margin: 0;
}

.tab-menu ul li {
    float: left;
    list-style: none;
}

.tab-menu ul.menu {
    border-bottom: 10px solid #F7941E;
}

.tab-menu ul.menu li {
    height: 27px;
    padding: 0 0 0 10px;
    margin: 0 5px 0 0;
    font-size: 16px;
    line-height: 1;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-featured-plans-menu.png) no-repeat 0 0;
    cursor: pointer;
}

.tab-menu ul.menu li span {
    float: left;
    height: 21px;
    padding: 6px 10px 0 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-featured-plans-menu.png) no-repeat right top;
}

.tab-menu ul.menu li.active {
    color: #FFF;
    background-position: 0 -28px;
}

.tab-menu ul.menu li.active span {
    background-position: right -28px;
}

.tab-menu .content {
    position: relative;
    display: none;
}

.tab-menu .content.active {
    display: block;
}

.tab-menu .content ul{
    padding: 0 0 5px 0;
    margin: 0 1px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-featured-plans.png) repeat-x bottom;
}

.tab-menu .content ul li {
    padding: 15px 16px 15px 0;
    border-bottom: 1px solid #B5B6B6;

}

.tab-menu .content ul li.fourth {
    padding-right: 0;
}

.tab-menu .content ul li a {
    display: block;
    font-size: 11px;
    color: #636363;
}

.tab-menu .content ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.tab-menu .content ul li a img {
    width: 220px;
    height: 110px;
}

.tab-menu .content ul li a span {
    display: block;
    padding: 4px 5px 0 5px;
}

.tab-menu .content a.go {
    position: absolute;
    right: 1px;
    top: -32px;
    font-size: 14px;
    color: #252924;
}

.tab-menu .content a:hover {
    text-decoration: underline;
}
.black {color: #000;}
.no-display {display: none;}

/* ----------------------------------------------------------------------------------------- My Account */

#my-account-sidebar.sidebar.col-left {
    width: 230px;
}

.main.col2-left-layout .col-main#my-account-content {

}


/* ----------------------------------------------------------------------------------------- Simple Modal */

.simplemodal-overlay {
    background: #1D84BE;
}

.simplemodal-container {
    border-color: #1D84BE;
}


/* ----------------------------------------------------------------------------------------- Login & Register Fallback */

.customer-account-login .col-main,
.customer-account-create .col-main {
    width: auto;
}

.account-login .cols .col {
    width: 435px;
}

.customer-account-create .account-create {
    padding: 0;
}

.customer-account-create .account-create h1 {
    margin: 18px 0 0 0;
    font-size: 24px;
}

.customer-account-create .account-create form h2 {
    font-size: 20px;
}

/* ----------------------------------------------------------------------------------------- Flyout Page */

body.flyout-moving {
    overflow: hidden;
}

body.has-flyout .page {
    overflow: visible;
}

body.has-flyout .header-container {
    position: relative;
    z-index: 101;
    background: #FFF;
}

body.has-flyout #menu {
    position: relative;
    z-index: 101;
}

#flyout-holster {
    position: relative;
    overflow: visible;
    z-index: 100;
}

#flyout-page {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 0;
    width: 950px;
}

#flyout-page .close {
    position: absolute;
    right: 20px;
    top: 15px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 0;
    text-indent: -9999px;
    background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/ico-close-blue.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

#flyout-page .inner {
    padding: 15px 19px 19px 19px;
    border: 1px solid #E6E6E6;
    border-top-width: 0;
    background: #f8f4f4;
}


/* ----------------------------------------------------------------------------------------- Checkout */

.main .opc-wrapper h1 {
    padding: 5px 0 3px 0;
}

.main .step-title a {
    padding-top: 9px;
}

.checkout-cart-index .page,
.checkout-onepage-index .page,
.checkout-onepage-success .page {
    border-left: 1px solid #F3F2F7;
    border-right: 1px solid #F3F2F7;
    padding: 0 14px 80px;
    background: #F8F7F7;
}

.checkout-cart-index .page .col-main,
.checkout-onepage-index .page .col-main,
.checkout-onepage-success .page .col-main {
    width: auto;
}

.checkout-cart-index #optional-additions .checkout-option {
    background: #FFF;
}

.checkout-cart-index #optional-additions .checkout-option.active {
    border-color: #94bbd1;
    background: #bdcbd2;
    color: #FFF;
}


.checkout-onepage-index .page .col-main {
    width: auto;
}

.opc-wrapper .simple_border {
    background: #FFF;
}

.opc-wrapper .simple_border .simple_border {
    background: #F8F7F7;
}

#checkout-review-table thead tr th {
    background: #F8F7F7;
}

.main #order-confirmation h1 {
    padding-top: 8px;
    margin: 0;
}

.main #order-confirmation .confirmation-box {
    background: #FFF;
}

.main #order-confirmation #order-info img {
    background: #FFF;
}

.main #order-confirmation ul.partners li {
    background: #fcf9f9;
}

.main .opc-wrapper .cols .col {
    background: #FFF;
}

.popup-modal {
  margin-left: 50%;
  left: -435px;
}
.modal-close span {margin-left: 30px; margin-right: 10px;}
.modal-close {
  position: absolute;
  right: 0;
  line-height: 30px;
  height: 30px;
  background: #F7941E url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/buttons-24-sprite.png) no-repeat 3px -26px;
  margin-top: -30px;
  color: #fff;
  cursor: pointer;
}

.adWrapperTitle {color: #cfcfcf;}

.on-sale, .pdp-on-sale {
  position: absolute;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 2;
  background: transparent url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/on-sale.png) no-repeat 0 0;
}

.pdp-on-sale {
  width: 100px;
  height: 100px;
  background: transparent url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/pdp-on-sale.png) no-repeat 0 0;
  right: auto;
  left: 0;
}

.flexible-button, .flexible-button span, .option-add a.disabled , .flexible-button.disabled{
  background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/buttons.png);
  background-repeat: no-repeat;
  line-height: 30px;
  display: block;
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.flexible-button {
  background-position: 100% -40px;
}
.flexible-button:hover {
  background-position: 100% -120px;
}
.flexible-button span {
  background-position: 0 0;
  padding-left: 12px;
  margin-right: 12px;
  display: block;
  min-width: 40px;
  text-align: center;
}



.flexible-button:hover span {
  background-position: 0 -80px;
}

.flexible-button.gray {
  background-position: 100% -200px;
}
.flexible-button.gray:hover {
  background-position: 100% -280px;
}


.flexible-button.disabled {
  background-position: right -40px;
}

.flexible-button.disabled:hover {
  background-position: 100% -40px;
}
.flexible-button.gray span {
  background-position: 0 -160px;
}
.flexible-button.disabled span {
  color: #999;
}

.flexible-button.gray:hover span {
  background-position: 0 -240px;
}
.flexible-button.disabled:hover span {
  background-position: 0 -160px;
}

#in-drupal #page-article .pane-content p {padding-left: 0px}
#in-drupal #page-article h6 {font-weight: bold; margin: 15px 0 5px 0;}

.pair-bottom-banners {border-bottom: 1px solid #c8c8c8;}

.item-image{
  position: relative;
}
.quickview-link{
  position: absolute;
  display: none;
  width: 80px;
  padding: 5px;
  font-size: 13px;
  background: white;
  left: 100px;
  top: 75px;
  text-align: center;
}


/* ----------------------------------------------------------------------------------------- Everywhere Footer */
/* This footer appears on all pages and is different from the category footer */

.cms-index-index #everywhere-footer {
    border-top-width: 0;
}

#everywhere-footer .affiliates ul {
    padding-left: 70px;
}

#everywhere-footer .affiliates ul li a {
    margin: 0 10px;
}

#everywhere-footer ul.associates {
    padding-left: 296px;
}


/* ----------------------------------------------------------------------------------------- 404 */

body.cms-noroute .main {
    padding-left: 10px;
    padding-right: 10px;
}

.header-container a.logix {display: none;}


#quick-search .is-sticky .is-sticky {
  width: 270px;
  background-color: #F7F5F5;
  height: 25px;
  z-index: 2000;
  border: 1px solid #000;
  border-bottom: 3px solid #000;
  margin-left: -11px;
  padding-top: 10px;

  /*
  -moz-box-shadow: 0px 0px 7px #444;
  -webkit-box-shadow: 0px 0px 7px #444;
  box-shadow: 0px 0px 7px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444');
  */
}
#quick-search .is-sticky .sticker-2.is-sticky {
  padding-bottom: 10px;
  height: 25px;
}
#quick-search .is-sticky .sticker-2.is-sticky #button_view {
  margin-right: 10px;
  margin-left: 0px;
}
#quick-search .is-sticky .sticker-2.is-sticky .clear-button {
  margin-right: 0px;
  margin-left: 10px;
}

#quick-search .is-sticky #nresults, #quick-search .is-sticky #nresults span {margin-left: 15px;}
#quick-search .is-sticky .low-button-arrow {margin-right: 5px;}

.results-loading {
  padding-top: 10px;
  background: transparent url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/ajax-loader.gif') no-repeat 0 10px;
  text-indent: 20px;
}

/* PIN IT CSS */

a.pin-it-button {
    display: inline-block !important;
    position: relative !important;
    background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/pidgets/bps1.png") no-repeat transparent  0 -20px / 40px 60px !important;
    background-image: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/pidgets/bps1.png") !important;
    background-position: 0 -20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    vertical-align: baseline !important;
    width: 40px !important;
}
a.pin-it-button:hover {
    background-position: 0 0 !important;
}
a.pin-it-button:active {
    background-position: 0 -40px !important;
}
a.pin-it-button span.pin-it-content {
    background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/pidgets/fpb1.png") no-repeat transparent 0 0 !important;
    background-size: 45px 20px !important;
    color: #777777 !important;
    font: 10px/20px Arial,Helvetica,sans-serif !important;
    height: 20px !important;
    left: 41px !important;
    padding: 0 3px 0 10px !important;
    position: absolute !important;
    text-align: center !important;
    text-indent: 0 !important;
    top: 0 !important;
}

a.pin-it-button span.pin-it-content i {
    background: url("http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/pidgets/fpb1.png") no-repeat transparent 100% 0 !important;
    height: 20px !important;
    position: absolute !important;
    right: -2px !important;
    top: 0 !important;
    width: 2px !important;
}

#everywhere-footer .affiliates ul li a {
    float: left;
    padding: 0;
    text-decoration: none;
    background: none;
}

#everywhere-footer .affiliates ul li.last a img {
    padding: 0px;
}

#everywhere-footer .links {
    text-align: center;
    padding: 7px 0 0 0;
}

#everywhere-footer .links li {
    display: inline;
}

#everywhere-footer .links li a {
    display: inline-block;
    padding: 0 5px 0 1px;
    border-right: 1px solid #E6E6E6;
}

#everywhere-footer .links li.last a {
    border-right-width: 0;
}

#everywhere-footer div.call-to-action {
    padding: 30px 0 0 0;
    text-align: center;
    font-size: 16px;
    color: #333;
}

#everywhere-footer div.call-to-action img {
    display: inline-block;
}

#everywhere-footer div.call-to-action span {
    display: block;
    padding: 3px 0 0 0;
}
.on-sale-flag {
  position: absolute;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 2;
 }
.on-sale-flag img {

}
.product-view .cost-to-build h1 {
  color: #e79837;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.product-view .cost-to-build p.estimate-cost {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0px;
}
.product-view .cost-to-build .left {
  float:left;
  width:60%;
  border-right: 1px solid #ddd;
}
.product-view .cost-to-build .right {
  float: left;
  width: 23%;
  text-align: center;
  margin-left: 36px;
}
.cost-to-build .left .product-img-box-cost-to-build {
  float: left;
  border: 1px solid #c5c5c3;
}

.cost-to-build .left .attributes {
  float: left;
  margin-left: 15px;
}
.cost-to-build .left .attributes table .odd {

}
.cost-to-build .left .attributes table .even {
  background: #E1E1E1;
}

.cost-to-build .left .attributes table .attvalue {
  font-weight: bold;
  float: right;
  width: 150px;
}
.cost-to-build .left .attributes table td {
  margin-right: 15px;
  margin-left: 2px;
  float: left;
  margin-bottom: 10px;
}
.cost-to-build .product-price .product-price-title {
  color: #949494;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
.cost-to-build .product-price .product-price-value {
  color: #29597B;
  font-size: 23px;
  font-weight: 600;
}
.cost-to-build .product-price  {
  margin-bottom:10px;
}
.cost-to-build  .product-options label {
  font-size: 13px;
  font-weight: bold;
}
.cost-to-build  .product-options input {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 67%;
  height: 15px;
  font-size: 13px;
}
.cost-to-build .product-options select {
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 78%;
}
dt:last-child label{

}
.cost-to-build .add-to-cart button {
  margin-top: 10px;
  background-color: #e79837;
  border: none;
  height: 40px;
  width: 90%;
  font-weight: bold;
  font-size: 13px;
}
.cost-to-build {
  border-bottom: 2px solid #ddd;
}
.cost-to-build-cart {
  float:left;
  width:100%;
  margin-top: 10px;
}
.cost-to-build-cart .cart-image {
  width: 220px;
  float:left;
}
.cost-to-build-cart .cart-image img{
  width: 210px;
  padding: 4px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
.cost-to-build-cart .cart-information {
  float: left;
  margin-left: 32px;
  margin-top: 5px;
}
.cost-to-build-cart .cart-information .cart-cost-to-build h5 {
  float: left;
  margin-right: 5px;
  margin-top: 17px;
}
.cost-to-build-cart h2 {
  float: right;
  margin-right: 10px;
  margin-top: 16px;
}
.cost-to-build-cart .cart-options {
  margin-top: 10px;
  margin-bottom: 20px;
}
.cost-to-build .faq a {
  color: #4797D3;
  cursor: pointer;
  text-decoration: none;
}

.cost-to-build .faq {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cost-to-build .important-note {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #E1E1E1;
  padding: 10px;
  width: 85%;
  text-align: justify;
}
.cost-to-build .call-us {
  margin-top: 10px;
  font-weight: bold;
}
.report-cart-buttons {
  margin-top: 20px;
  margin-bottom: 10px;
}
.report-cart-buttons button {
  margin-right:10px;
}
.cost-to-build .product-description {
  margin-top: 10px;
  width:95%;
  text-align: justify;
}
.cost-to-build .product-options em {
  display: none;
}
div.view-sample {
  margin-top:20px;
}
.cart-information .buget {
  float:left;
  margin-top:3px;
}
/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition License
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magentocommerce.com/license/enterprise-edition
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     enterprise_default
 * @copyright   Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://www.magentocommerce.com/license/enterprise-edition
 */
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { margin:10px 0; }
.widget .widget-title h2 { font-size:18px; color:#d12c01; }

.widget .widget-products { margin:0 -20px 0; }
.cms-home .col1-layout .widget .widget-products,
.cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; }
/* std class reset */
.widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; }
.widget .products-grid p,
.widget .products-list p { margin-bottom:0; }
.widget .products-list { list-style:none; margin-bottom:0; padding-left:0; }
.widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; }

/* Widget Banner */
.widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; }
.widget-banner li { margin:7px 0; }

.top-container .widget-banner li { margin:0; }

.footer-before-container .widget-banner li { margin:0; }

.widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; }
.widget-banner-inline ul,
.widget-banner-inline li { display:inline; }
.widget-banner-inline li { margin:0 3px; }
.widget-banner-inline li img { vertical-align:middle; }

/* Widget New Proructs */
.widget-new-products { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; }

/* Widget Viewed Proructs */
.widget-viewed { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; }

/* Widget Compared Proructs */
.widget-compared { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; }

/* Widget CMS Static Block */
.widget-static-block {}

/* Widget Catalog Events Carousel */
.widget-events { display:block !important; }

/* Widgets Links Common Styles */
/* Style 1 */
/*.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/
/* Style 2 */
.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

.footer-before-container .widget-product-link,
.footer-before-container .widget-category-link,
.footer-before-container .widget-cms-link,
.footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.footer-before-container .widget-product-link a,
.footer-before-container .widget-category-link a,
.footer-before-container .widget-cms-link a,
.footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; }
.footer-before-container .widget-product-link a:hover,
.footer-before-container .widget-category-link a:hover,
.footer-before-container .widget-cms-link a:hover,
.footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

/* Widget Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-product-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ }
.sidebar .widget-product-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-product-link a:hover { color:#333; text-decoration:none; }

/* Widget Category Link */
.widget-category-link-inline { display:inline; }

.top-container .widget-category-link { border-bottom:0; }
.top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; }
.top-container .widget-category-link a:hover { color:#fff; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-category-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ }
.sidebar .widget-category-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-category-link a:hover { color:#333; text-decoration:none; }

/* Widget CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; }

/* Widget CMS Hierarchy Link */
.widget-cms-hierarchy-link-inline { display:inline; }

.col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }
/* ======================================================================================= */

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  display: inline-block;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% 0 repeat-x;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  /*  border: 1px solid #e78f08;*/
  /*  background: #f6a828 image-url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png') 50% 50% repeat-x;*/
  /*  color: #ffffff;*/
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /*  border: 1px solid #cccccc;*/
  /*  background: #f6f6f6 image-url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png') 50% 50% repeat-x;*/
  font-weight: bold;
  color: #006699;
}

.ui-state-default a {
  color: #006699;
  text-decoration: none;
}
.ui-state-default a:link, .ui-state-default a:visited {
  color: #006699;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  /*  border: 1px solid #fbcb09;*/
  /*  background: #fdf5ce image-url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x;*/
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a {
  color: #c77405;
  text-decoration: none;
}
.ui-state-hover a:hover {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  /*  border: 1px solid #fbd850;*/
  /*  background: white image-url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/jquery-ui/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;*/
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a {
  color: #eb8f00;
  text-decoration: none;
}
.ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png?1307635163') 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png?1307635163') 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_222222_256x240.png?1307635163');
}

.ui-widget-content .ui-icon {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_222222_256x240.png?1307635163');
}

.ui-widget-header .ui-icon {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_ffffff_256x240.png?1307635163');
}

.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_ef8c08_256x240.png?1307635163');
}

.ui-state-highlight .ui-icon {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_228ef1_256x240.png?1307635163');
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-icons_ffd27a_256x240.png?1307635163');
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start, .ui-icon-seek-first {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
/*.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }   */
/*.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }*/
/* Overlays */
.ui-widget-overlay {
  background: #333;/* url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png?1307635163') 50% 50% repeat;*/
  opacity: .50;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: black url('http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/images/jquery-ui/ui-bg_flat_10_000000_40x100.png?1307635163') 50% 50% repeat-x;
  opacity: .20;
  filter: Alpha(Opacity=20);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

                                                                                                                                                                                                                                                           /*
* jQuery UI Resizable 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
  /* http://bugs.jqueryui.com/ticket/7233
   - Resizable: resizable handles fail to work in IE if transparent and content overlaps
  */
  background-image: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/default/css/data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

                                                                                      /*
* jQuery UI Selectable 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*
 * jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}

/*
 * jQuery UI Autocomplete 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: fixed;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

                                                   /*
* jQuery UI Tabs 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
  position: relative;
  /*  padding: .2em;*/
  zoom: 1;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  /*        padding: .5em 1em;           */
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a {
  cursor: pointer;
}
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

/*
* jQuery UI Progressbar 1.8.13
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
  height: 2em;
  text-align: left;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}



/* ----------------------------------------------------------------------------------------- Floaty Bar */

.floatybar {
    display: block;
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #9B9A97;
    background: #D0CFCF;
}

.floatybar .wrapper {
    width: 960px;
    margin: 0 auto;
}

.floatybar #account-holder {
    float: left;
    position: relative;
}

.floatybar a {cursor: pointer;}

.floatybar #account-holder .account-info {
    position: absolute;
    left: 5px;
    top: -24px;
    width: 800px;
    font-size: 12px;
    line-height: 1;
}

.floatybar #account-holder .account-info p {
    float: left;
    margin: 0;
    padding: 5px 15px;
    border: 1px solid #6E6F6A;
    border-bottom-width: 0;
    line-height: 1;
    color: #b9b9b9;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/bg-transparent-brown-80.png) repeat;
}

.floatybar #account-holder .account-info a {
    text-decoration: none;
    color: #FFF;
}

.floatybar #account-holder .account-info a:hover {
    text-decoration: underline;
}

.floatybar ul {
    margin: 0;
    list-style: none;
}

.floatybar ul.menu {
    float: left;
    font-size: 12px;
    list-style: none;
}

.floatybar ul.menu li {
    float: left;
    position: relative;
    padding-right: 1px;
    margin: 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 100% -59px;
}

.floatybar ul.menu li.last {
    padding-right: 0;
    background: none;
}

.floatybar ul.menu li a {
    float: left;
    padding: 11px 15px 11px 15px;
    text-decoration: none;
    color: #000;
}

.floatybar ul.menu li a:hover {
    color: #FFF;
    background: #1B75B4;
}

.floatybar ul.menu li a.normal:hover {
    text-decoration: underline;
    color: #000;
}

.floatybar ul.menu li.multiple span {
    float: left;
    padding: 11px 10px 11px 15px;
    color: #666;
}

.floatybar ul.menu li.multiple a#twitter-go {
    width: 31px;
    height: 23px;
    padding: 0;
    margin: 8px 10px 0 0;
    text-indent: -9999px;
    background:url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 0 -223px;
}

.floatybar ul.menu li.multiple a#facebook-go {
    width: 22px;
    height: 24px;
    padding: 0;
    margin: 7px 15px 0 0;
    text-indent: -9999px;
    background:url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 0 -314px;
}

.floatybar ul.menu li a#my-profile {
    padding-left: 52px;
    background:url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 10px -123px;
}

.floatybar ul.menu li a#print-this {
    padding: 11px 40px 11px 15px;
    background:url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 42px -394px;
}

.floatybar form {
    position: relative;
    float: right;
    margin: 6px 0 0 0;
}

.floatybar form label {
    position: absolute;
    left: 10px;
    top: 5px;
    cursor: text;
}

.floatybar form label.hidden {
    display: none;
}

.floatybar form input.text {
    float: left;
    width: 150px;
    height: 28px;
    padding: 0 0 0 10px;
    border-width: 0;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/floatybar.png) no-repeat 0 0;
}

.floatybar form input.submit {
    float: left;
}

.floatybar iframe {display: none}


/* ----------------------------------------------------------------------------------------- Floaty Panel */

.floatybar .floatybar-panel {
    position: absolute;
    display: none;
    right: 2px;
    bottom: 38px;
    width: 700px;
    padding: 0 15px 25px 15px;
    border: 1px solid rgb(190,190,190);
    border-bottom-width: 0;
    text-align: left;
    background: #FFF;
}

.floatybar .floatybar-panel h3 {
    width: 590px;
    line-height: 1;
}

.floatybar .floatybar-panel h3 span {
    float: left;
    padding: 0 10px 0 0;
    font-weight: 300;
    text-transform: uppercase;
}


.floatybar .floatybar-panel h3 a {
    float: left;
    padding: 5px 10px 0 0;
    font-size: 12px;
    text-transform: capitalize;
}

.floatybar .floatybar-panel h4 { /* h4 holds the close button; comes from core js; can't modify */
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 300;
}

.floatybar .floatybar-panel h4 a {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 0;
    text-indent: -9999px;
    background: url(http://www.eplans.com/house-plans/skin/frontend/hanleywood/eplans/images/ico-close-blue.png) no-repeat 0 0;
}

.floatybar .floatybar-panel .scroller {
    width: 700px;
}

.floatybar .floatybar-panel .scroller.true {
    overflow-x: scroll;
    overflow-y: hidden;
}

.floatybar .floatybar-panel .bundle ul {
    padding: 15px 0 0 0;
}

.floatybar .floatybar-panel .scroller.true ul {
    padding-bottom: 15px;
}

.floatybar .floatybar-panel .bundle ul li {
    float: left;
    margin: 0 10px 0 0;
}

.floatybar .floatybar-panel .bundle ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    background: #F4F4F4;
}

.floatybar .floatybar-panel .bundle ul li a:hover {
    background: #E6E6E6;
    color: #000;
}

.floatybar .floatybar-panel .bundle ul li a img {
    display: block;
}

.floatybar .floatybar-panel .bundle ul li a span {
    display: block;
    padding: 2px 0 0 0;
    text-align: center;
}

/* Floatybar reset */
.floatybar-reset,.floatybar-reset div,.floatybar-reset dl,.floatybar-reset dt,.floatybar-reset dd,.floatybar-reset ul,.floatybar-reset ol,.floatybar-reset li,.floatybar-reset h1,.floatybar-reset h2,.floatybar-reset h3,.floatybar-reset h4,.floatybar-reset h5,.floatybar-reset h6,.floatybar-reset pre,.floatybar-reset form,.floatybar-reset fieldset,.floatybar-reset input,.floatybar-reset textarea,.floatybar-reset p,.floatybar-reset blockquote,.floatybar-reset th,.floatybar-reset td
{margin:0;padding:0;text-align:left;font-size:100%;font-weight:normal;letter-spacing:0;text-transform:none;}

.floatybar-reset table
{border-collapse:collapse;border-spacing:0;}

.floatybar-reset fieldset,.floatybar-reset img
{border:0;}

.floatybar-reset address,.floatybar-reset caption,.floatybar-reset cite,.floatybar-reset code,.floatybar-reset dfn,.floatybar-reset em,.floatybar-reset strong,.floatybar-reset th,.floatybar-reset var
{font-style:normal;font-weight:normal;}

.floatybar-reset ol,.floatybar-reset ul
{list-style:none;}

.floatybar-reset caption,.floatybar-reset th
{text-align:left;}

.floatybar-reset h1,.floatybar-reset h2,.floatybar-reset h3,.floatybar-reset h4,.floatybar-reset h5,.floatybar-reset h6
{font-size:100%;font-weight:normal;}

.floatybar-reset q:before,.floatybar-reset q:after
{content:'';}

.floatybar-reset abbr,.floatybar-reset acronym
{border:0;}

* .floatybar-reset.oui-oview-content div{
zoom: 1.0;
}
.drupal-comment-controls {
  text-align: right;
  float:right;
}

.drupal-comment-box-controls {
  padding: 5px;
  text-align: right;
}

.drupal-comment {
  padding: 10px;
  border-bottom: 1px dotted #C4C4C4;
}

.drupal-comment .subject {
  padding: 0px;
  font-weight: bold;
}

.drupal-comment .content {
  padding: 0px;
}

.drupal-comment-box {
  width: 80%;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.drupal-comment-message-box {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.drupal-comment-box table.add-comment-table{
   margin-left:auto; 
   margin-right:auto; 
   margin-top: 10px;   
}

.drupal-comment-box table.add-comment-table td{
  padding : 2px;
}

.drupal-comment-box-hidden {
  display: none;
}

.node-comments-title {
  background:#E7E7E7 url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_block-title.gif) repeat-x scroll 0 0;
  border:1px solid #E1E1E1;
  margin:0 -1px;
  padding:5px 20px;
}

.node-comments-title h3{
  color:#000333;
  font-size:14px;
  font-weight:bold;
  line-height:1.2;
}

.comments-data {
  padding: 10px;
}

.optaros-drupal-node-view .col2-right-layout,
.optaros-drupal-blog-view .col2-right-layout,
.optaros-drupal-page-view .col2-right-layout,
.optaros-drupal-post-display .col2-right-layout
{
    background-position: 535px 0; /*from 573 - 75*/
}

.optaros-drupal-node-view .col2-right-layout .col-main, 
.optaros-drupal-blog-view .col2-right-layout .col-main,
.optaros-drupal-page-view .col2-right-layout .col-main,
.optaros-drupal-post-display .col2-right-layout .col-main
{
    width: 678px;/*from 715px*/
}

.optaros-drupal-node-view .col2-right-layout .col-right, 
.optaros-drupal-blog-view .col2-right-layout .col-right,
.optaros-drupal-page-view .col2-right-layout .col-right,
.optaros-drupal-post-display .col2-right-layout .col-right
{
    width: 220px;
}

.drupal-content {
	
}

.category-view .drupal-content {
    padding: 10px 20px;
}


.drupal-content h2 {
	background:#F6F6F6 url(http://www.eplans.com/house-plans/skin/frontend/base/default/images/bkg_page-title.gif) repeat-x scroll 0 0;
    /*border: 1px solid #CFCFCF;*/
    padding: 20px;
}

div.clear {
  clear:both;
}