/* ----- Styles for content elements, for urbanbarn.com              ----- */
/* ----- by Webinfuse.com, author: Chris Corrigan                    ----- */

body {font-size: 11px; color: #928a66; font-family: Arial, Helvetica, Tahoma, sans-serif;}

/* ------- Links --------- */
a, a:link, a:visited {color: #736E2D; text-decoration: none;}
a:hover { text-decoration: underline; }

/* ------- Text --------- */
p, h1, h2, h3, h4, h5, h6, form, table, td, ul.menu, ul.menu li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 1em 0 0.5em 0; color: #595020;}
p { margin: 0.833em 0 0.5em; line-height: 1.5em; font-size: 11px;}
ul, ol, dl {}
#cms-content ul li {font-size: 11px;}
h1 { font-size: 20px; margin-top: 0; color: #A65B28;}
h2 { font-size: 13px; color: #A65B28;}
h3 { font-size: 12px;}
h4 { font-size: 11px; font-style: italic; }
h5 { font-size: 10px; }
h6 { font-size: 10px;  margin: 0.5em 0 0.25em; }
sup, sub { font-size: 8px; }
.IE sup, .IE sub { font-size: 10px; }
q { font-style: italic; }
del { text-decoration: line-through;}
ins { color: #FF0000; }
hr {width: 100%; border: none; border-top: 1px solid #333; margin: 1em 0;}

/* ------- Content --------- */
#cms-content {padding: 0;}
#pws-content {padding: 20px 20px 40px 20px;}
#categoryPage, #productContent {padding: 0;}
#cms-content #subnav a {text-decoration: none;}
#cms-content ul, #cms-content ol, #cms-content dl {font-size: 11px;}
.contentPanel ul li {margin-bottom: 0.5em;}
img { border: none; }
td { vertical-align: top; }
.clear {clear: both;}
p.left img {display: inline; padding: 0; float: left; margin: 0 18px 14px 0;}
p.right img {display: inline; padding: 0; float: right; margin: 0 0 14px 18px;}
.left {text-align: left;}
.right {text-align: right;}
.center, .centre {text-align: center;}
a.bullet1 {padding-left: 15px; background: url(/data/resources/bullet1.gif) no-repeat 0 50%; text-decoration: none;}
p.bullet1 {padding-left: 15px; background: url(/data/resources/bullet1.gif) no-repeat 0 50%;}
/* breadcrumb trail on content pages */
#cms-content .breadcrumb {padding: 8px 15px; background-color: #928a66; font-size: 10px; color: #000; margin-left:-1px;}
#cms-content .breadcrumb a {color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none;}
#cms-content .breadcrumb a:hover, #cms-content .breadcrumb a.current {color: #fff; }
.contentPanel {padding: 18px;}
.contentPanel a {text-decoration: underline;}
td.contentPanel { vertical-align: top; }
.important-text { background-color: #ececec; padding: 15px 18px; }
.notice {margin: 16px auto; width: 70%; padding: 8px 15px; background-color:#dcdcdc;}
.notice2 {margin: 16px auto; width: 70%; padding: 8px 15px; background-color:#c9f9d6;}
.notice3 {background-color: #FFFFFF; padding: 6px; border: 1px dashed #DADADA;}
/* Some containers you will want to use paragraphs (<p>) but not have the usual line height, so use this .data class */
.data p, .data li, .data dt, .data dd {line-height: normal}
/* data tables */
.data-table { border-collapse: collapse; border: none; font-size: 11px; border: 1px solid #c2c2c0; margin: 8px 0; }
.data-table th { font-weight: bold; color: #494115; background-color: #d6d1b9; padding: 6px; }
.data-table td { padding: 6px; border-bottom: 1px solid #c2c2c0; } 
/* layout tables */
table.layout {border: 0; border-collapse: collapse;}
table.layout td {vertical-align: top;}
/* pws system forms */
form.pwsForm h2.formTitle {color: #414141;}

/* content layouts */
/* 2 columns */
.content2col {min-height: 400px; overflow: hidden; background: url(/data/resources/images/content2col-bg.gif) repeat-y 0 0;}
.IE56 .content2col { height: 400px; zoom: 1; overflow: visible;} 
.content2col .breadcrumb { position: absolute; right: 0; top: 0; min-width: 300px; }
.IE56 .content2col .breadcrumb { width: 300px; }
.content2col .col1 {width: 160px; margin-right: 1px; float: left;}
.content2col .col2 {width: 779px; float: left; margin-top: 25px;}
.content2col .col1 h2 {padding: 8px 20px 8px 25px; border-bottom: 1px solid #e3e1d8; margin: 0;}
.content2col .col1 .contentPanel {padding: 8px 20px 8px 25px;}
/* 2 columns long content */
.content2col.long .col2 {margin-top: 0;}
.IE7 .content2col.long .breadcrumb, 
.IE56 .content2col.long .breadcrumb { position: absolute; right: 0; width: 336px;}
.IE7 .content2col.long .contentPanel {margin-top: 25px; }
.col2header {background-color: #efede8; overflow: hidden;}
.col2header img.mainimg {float: left; margin-right: 18px; }
.content2col.long .breadcrumb { width: auto; position: static;  }
.content2col.long .important-text { margin-left: -18px; width: 743px; }
.IE67 .content2col.long div.important-text { position: relative; left: -18px; }
/* 3 columns */
.content3col {overflow: hidden; background: url(/data/resources/images/content3col-bg.gif) repeat-y 0 0;}
.IE56 .content3col {overflow: visible; zoom: 1; }
.content3col .col1 {width: 160px; margin-right: 1px; float: left;}
.content3col .col2 {width: 468px; margin-right: 1px; float: left;}
.content3col .col3 {width: 310px; float: left;}
.content3col .col1 h2 {padding: 8px 20px 8px 25px; border-bottom: 1px solid #e3e1d8; margin: 0;}
.content3col .col1 .contentPanel {padding: 8px 20px 8px 25px;}

.IE56 .content3col .col1 {width: 160px; display: none;}
.IE56 .content3col .col2 {width: 460px;}
.IE56 .content3col .col3 {width: 310px;}

/* ------ PWS Components ------ */
/* -- subnavs -- */
#subnav ul {display: none;} 

/* ------- all Category Pages --------- */
#categoryPage { position: relative; overflow: hidden; background: url(/data/resources/images/content2col-bg.gif) repeat-y 0 0;}
.IE56 #category.lvl1 #categoryPage, 
.IE56 #category.lvl2 #categoryPage {zoom: 1;}
#breadcrumbTrail {position: absolute; width: 400px; right: 0; top: 0; }
.IE56 #category.lvl1 #breadcrumbTrail { left: 520px; right: auto;}
#breadcrumbTrail p {padding: 10px 10px 10px 18px; background-color: #928a66; margin: 0; width: 100%;}
#categoryPage #productThumbs { float: left; width: 754px; margin: 20px 0 0 20px; padding-bottom: 30px; } 
.IE6 #categoryPage #productThumbs { display: inline; position: relative; margin-left: 0; left: 15px; width: 720px; }
#categoryPage #pageLinks { float: none; margin-top: 16px; }
#categoryPage #thumbsArea { float: none; margin: 20px 0 0 20px; width: auto; }
#categoriesBar { float: left; width: 160px; margin-right: 1px; }
#categoriesBar1 { padding: 0; margin: 0; }
#categoriesBar .categories dl, 
#categoriesBar .categories.currentLevel dl { margin: 0; padding: 0; }
#categoriesBar .categories dl dt, 
#categoriesBar .categories.currentLevel dt { margin: 0; padding: 0.5em 10px 0.5em 25px; color: #A65B28; border-bottom: 1px solid #e3e1d8; font-size: 12px; font-weight: bold; }
#categoriesBar .categories dl dd, 
#categoriesBar .categories.currentLevel dd { margin: 0; background: none; padding: 0.8em 10px 0 25px; color: #918966; font-size: 11px; font-weight: normal; }
#categoriesBar .categories dl dd a { color: #918966; }
/* Category Thumbs */
#categoryThumbs3 #thumbsArea, 
#categoryThumbs3 #thumbsArea1, 
#categoryThumbs3 #thumbsArea2, 
#categoryThumbs3 #thumbsArea3 {margin: auto;}
#categoryThumbs3 #thumbsArea3 div {float: left; margin: 0 10px 12px 0; width: 100px; padding: 0; border: none; }
#categoryThumbs3 #thumbsArea3 div:hover, #categoryThumbs div.selected {border: none;}
.IE #categoryThumbs #thumbsArea3 div p {word-wrap: break-word;}
#categoryThumbs3 #thumbsArea3 div table {width: 100%;}
#categoryThumbs3 #thumbsArea3 div table td {height: 82px; vertical-align: bottom; text-align: center;}
#categoryThumbs3 #thumbsArea3 div.L150 {width: 155px;}
#categoryThumbs3 #thumbsArea3 div p {height: 2.3em; padding: 6px 0 0 0; overflow: hidden; font-size: 11px; text-align: center; margin: 0; line-height: 1;
font-family: Arial, Helvetica, sans-serif;}
#categoryThumbs3 #thumbsArea3 div p a {color: #75694F; text-decoration: none;}
/* Category Content */

/* ------- lvl1 Category Pages --------- */
#category.lvl1 #categoryPage { background: url(/data/resources/images/content4col-bg.gif) repeat-y 0 0;}
#category.lvl1 #breadcrumbTrail {position: absolute; width: 311px; right: 0; top: 0; }
.IE56 #category.lvl1 #breadcrumbTrail { left: 610px; right: auto; }
#category.lvl1 #categoryContent { float: left; width: 646px; } 
#category.lvl1 #categoryContent1 { padding: 0; }
#category.lvl1 #categoryContent h1 { padding-top: 30px; }
#category.lvl1 #categoryContent .contentPanel { padding: 34px 12px 20px 18px; }
#category.lvl1 #categoryThumbs { float: right; width: 132px; margin-left: 1px; }
#category.lvl1 #categoryThumbs1 { margin-top: 48px; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div { margin: 0 auto 18px; float: none; border: none; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div td img { max-width: 60px; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div td { height: auto; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div p { height: auto; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div p a { text-transform: uppercase; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div p a:hover { text-decoration: underline; }

/* ------- product thumbs on category pages --------- */
#thumbsArea3 div {border: none;}
#thumbsArea3 div:hover {border: none;}
#thumbsArea table td {vertical-align: bottom; height: 82px; vertical-align: bottom;}
.IE #thumbsArea table td {height: 83px;}
#thumbsArea div.L150 {width: 139px;}
#thumbsArea div.L100 {width: 84px;}
#thumbsArea div {margin-right: 25px;}
#thumbsArea3 div p {height: 3.8em;}
#thumbsArea3 div:hover p a {color: #000; text-decoration: none;}
#thumbsArea3 div p a:hover {color: #000; text-decoration: none;}
/* make all thumbs size to max width single size except for sofas category */
#thumbsArea div.L150 {width: 84px;}
#thumbsArea div.L150 img {width: 80px;}
/* category-38 is the sofas category */
#category.category-38 #thumbsArea div.L150 {max-width: 139px;}
.IE6 #category.category-38 #thumbsArea div.L150 {width: 139px;}
#category.category-38 #thumbsArea div.L150 img {max-width: 135px;}
.IE6 #category.category-38 #thumbsArea div.L150 img {width: 135px;}

/* ------- Product Detail Page --------- */
#productContent {padding-bottom: 15px; padding-top: 78px; }
#product #breadcrumbTrail {float: right; min-width: 500px; width: auto;  background-color: #928a66;}
.IE56 #product #breadcrumbTrail {display: inline;}
#product #breadcrumbTrail p {padding: 10px 50px 10px 18px; margin: 0; width: 100%;}
.IE56 #product #breadcrumbTrail {width: 500px;}
#productPage {margin: 0 0 0 0; overflow: hidden; background: url(/data/resources/images/product-bg.gif) repeat-y 0 0;}
.IE56 #productPage {overflow: visible; zoom: 1; }
#productImage { float: left; width: 440px; margin: 0;}
.IE56 #productImage { display: inline;  }
#productImage table { width: 100%; border-collapse: collapse; }
#productImage table td { text-align: center; vertical-align:top; }
#productImage1 { padding: 0 20px; }
#productImage1 img {  }
#productImage .view-larger { text-align: left; }
#productDetail { float: right; width: 500px; margin: 0; padding: 0; }
.IE56 #productDetail { display: inline;}
#productDetail1 {  padding: 0 20px 0 20px; }
#productDetail h2 {margin-top: 0; font-size: 15px; font-weight: bold; color: #A65B28; }
#productDetail h3 {text-transform: uppercase; margin-bottom: 1em;}

/* additional images */
#prodMoreViews {padding-left: 20px; margin-right: 0; margin-left: 0; width: 479px; float: right; overflow: hidden; border-left: 1px solid #E3E1D8;}

/* complimentary & related products */
#prodCrossSells, 
#complimentaryItems {clear: none; padding-left: 20px; margin-right: 0; margin-left: 0; width: 479px; float: right; overflow: hidden; border-left: 1px solid #E3E1D8;}
#prodCrossSells, 
#complimentaryItems .sellItem {height: 105px;}
/* remove ? icon and make entire thumb clickable for complimentary items */
#complimentaryItems .sellItem .quickInfo {position: static;}
#complimentaryItems .sellItem .quickInfo a {position: absolute; z-index: 9; display: inline-block; background-image: url(/data/resources/images/transparent.gif); height: 60px; width: 80px;}
/* remove ? icon for up sell items */
#prodCrossSells .sellItem .quickInfo a {display: none;}
/* compl item popup touch ups */
#TB_ajaxContent .productImage img {max-height: 130px;}
#TB_ajaxContent .description li p {padding: 0; margin-top: 0;}
#TB_ajaxContent p.price {padding: 0;}
/* align thumbs on bottom */
#prodCrossSells .image-wrap, 
#complimentaryItems .image-wrap {position: relative;}
#prodCrossSells .image-wrap img, 
#complimentaryItems .image-wrap img {position: absolute; bottom: 0;}

/* feature buttons */
#productContent .featureButtons {margin-left: 20px; margin-top: 30px;}
.IE56 #productContent .featureButtons {display: block; width: 325px; zoom: 1;}

/* navigational aid buttons */
#page .prev-next {clear: left; margin-left: 20px;  margin-top: 10px;}
#page .back-link {padding-top: 10px 0 20px; margin-left: 20px;}
#page .back-link a {text-decoration: none;}
#page .back-link a:hover {text-decoration: underline; }
#TB_window #TB_ajaxContent .prodPageLink a { color: #736E2D; text-decoration: none; text-align: right; }

/* variant list */
#variantList {margin-left: 20px; margin-top: 20px;}

/***** publications and articles *****/
/* publication landing page */
.publication .topics a {text-decoration: none;}
.publication .articles a {text-decoration: none;}
.publication .articles h3 a {font-weight: bold;}
.publication .articles h3 a:hover {color: #736E2D;}
.publication-article .articleAuthor {display: none;}

/* ------- Breadcrumb trail --------- */
#breadcrumbTrail {display: block; overflow: hidden;}
#breadcrumbTrail p {float: left; margin: 0 0 0 0; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #000;}
#breadcrumbTrail span {float: left; }
#breadcrumbTrail span a, #breadcrumbTrail a:visited { color: #000; }
#breadcrumbTrail span a:hover, #breadcrumbTrail span a.current {text-decoration: none; color: #fff;}
#breadcrumbTrail span.pageLinks {float: left; margin-left: 10px;}
#breadcrumbTrail span.pageLinks a {float: left; display: block; text-align: center; height: 1.6em; padding: 0 5px; border-right: 1px solid white;}
#breadcrumbTrail span.pageLinks a:hover, #breadcrumbTrail span.pageLinks a.current {text-decoration: none; color: #331a0e; background-color: #f1e5d7;}

/* --- Search Area --- */
#search #page {padding-bottom: 30px;}
#searchResults {padding: 20px;}
#searchResults1 {background: url("/design/search-results-bg.gif") repeat-y 0 0; overflow: hidden;}
.IE #searchResults1 {zoom: 1;}
#searchResults h3 {border-bottom: 1px dotted #bdbdbd; padding-bottom: 3px; color: #505050;}
#searchResults #sidebar h3 {width: 90%;}
#searchResults #sidebar {float: left; width: 200px; padding: 0; margin-bottom: 20px;}
.IE #searchResults #sidebar {display: inline; position: relative;}
#searchResults #sidebar h2 {margin-top: 8px; font-size: 12px;}
#searchResults #sidebar h3 {margin: 16px 0 2px 10px;  font-size: 11px;}
#searchResults #sidebar p {margin: 0 0 0 10px; line-height: 1.6em; font-size: 11px;}
#searchResults #galleryContent { margin-left: 220px; padding-left: 20px; }
.IE #searchResults #galleryContent { zoom: 1; }
#searchResults #galleryContent h3 {margin: 20px 0 0 0px;}
#searchResults #galleryContent p {margin: 0;}
#searchResults #galleryContent p.section_name {margin: 10px 0 0 0;}
#searchResults #galleryContent p.page_name {margin: 10px 0 0 0;}
#searchResults #thumbsArea { width: auto; }
#searchResults #contentResults a { text-decoration: underline; }

/* --- Site Map page --- */ 
#site-map-list {width: 370px; margin: 15px 0;}
#site-map-list ul {margin: 0; padding:0; list-style: none; margin-left: 25px; text-transform: uppercase;}
#site-map-list ul.lvl1 {margin-left: 15px;}
#site-map-list li.lvl1 a {text-decoration: none;}
#site-map-list li.lvl1 a {margin: 8px 0 5px 0; padding-top: 2px; border-top: 1px solid #e4d9cc; display: block; font-size: 12px;}
#site-map-list li.lvl2 a, #site-map-list li.lvl3 a, #site-map-list li.lvl4 a, #site-map-list li.lvl5 a, #site-map-list li.lvl6 a, #site-map-list li.lvl7 a, #site-map-list li.lvl8 a  {border: none; font-size: 11px; margin: 0 0 2px 0; padding-left: 8px; background: url(/data/resources/bullet1.gif) no-repeat 0 70%;}

/* emailjoin component */
form.emailjoin {float: right;}
form.emailjoin input {display: block;}
form.emailjoin input.field {float: right; border: 1px solid #BFBFBF;}
form.emailjoin input.butn {clear: right; float: right; background-color: #9ED47C; color:#FFFFFF; width: 58px; height: 20px; margin-top: 7px; font-size: 0.9em; font-weight: bold; border: none;}

/* careers component non-search style */
.career_listings {border-collapse: collapse; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;}
.career_listings caption {display: none;}
.career_listings th {font-size: 12px; font-weight: bold; padding: 8px 20px 6px 10px; border-bottom: 1px solid #958776; border-top: 1px solid #958776; background-color: #FFFFFF;}
.career_listings td {color: #3d301f; padding: 6px 20px 4px 10px; text-align: center; font-size: 11px; vertical-align: top;}
.career_listings tbody tr:first-child td {padding-top: 8px;}
.career_listings th.firstColumn, .career_listings td.firstColumn {text-align: left; padding-left: 4px; width: 200px; font-weight: bold}
.career_listings tr.moreinfo td {border-bottom: 1px solid #d9c6ae; text-align: left; font-size: 11px; padding: 0 0 12px 12px; text-transform: lowercase;}
.career_listings .location {width: 100px; text-align: center;}
.career_listings .date {width: 70px; text-align: center;}
.career_listings .deadline {width: 70px; text-align: center;}
.career_listings .code {width: 70px; text-align: center;}
.career_listings .status {width: 70px; text-align: center;}
.careers-posting #cms-content {padding: 10px 460px 20px 20px; background: url(/data/resources/page-careers.jpg) no-repeat top right}
.careers-posting #careers-post {padding: 20px 10px 20px 20px;}
#post-header td {padding: 0 15px 3px 0; font-size: 11px;}
#post-header td.field {font-weight: bold;}
#careers-post .back-link {margin-left: 0;}

/* careers component search-style */
 #careers-search
#careers-search #careerSidebar {border-right: 1px solid #AFAFAF;}
#careers-search #careersSearchPanel h2 {text-transform: uppercase; background-color: #FFFFFF; padding-top: 0.5em;}
#careers-search #careersSearchPanel h3 {color: #4E8ABE; border-color: #8FBDC2; border-bottom: none; text-transform: none; background-color: white; padding-top: 0.5em;}
#careers-search .careerSelector {height: auto; width: 215px;} /* note: little trick to get the grey bar in select list out of view, by making the width 215.. if you want scroll, set it back to 204 and set overflow: auto and a static height */
.IE #careers-search .careerSelector {height: 173px; width: 215px;}
.IE6 #careers-search .careerSelector {height: 187px;}
 #careers-search .careerSelector option {color: #73afb7;}
#careers-search .careerSelector option:hover, #careers-search .careerSelector option[selected] {background-color: #FFFFFF; color: #73afb7;}
#careers-search .careerSelector .Our-Home-Office {border-top: 1px solid #8FBDC2; margin-top: 6px;}
/* js selector replacement for better styling (for career types) */
#careers-search .careerSelector.selectorReplaced {width: 204px; background-color: #FFFFFF; height: auto}
#careers-search .careerSelector.selectorReplaced li {color: #73afb7;}
#careers-search .careerSelector.selectorReplaced li:hover, 
#careers-search .careerSelector.selectorReplaced li.selected {background-color: #FFFFFF;}
#careers-search .careerSelector.selectorReplaced .Our-Home-Office {margin-top: 0; margin-top: 4px; line-height: 2.2em}
/* end js selector replacement sytles */
#careers-search .keywordSearchArea {border-color: #8FBDC2; margin-top: 0;}
#careers-search input#career_search_terms {color: #73afb7;}
#careers-search #careersLandingPageContent1 {padding: 0;}
#careers-search #careersLandingPageContent .noMatches {padding: 20px 20px 150px 25px;}
#careers-search.searchResults #careersList .heading h2 {background-color: #8fbdc2;}
#careers-search.searchResults #careersList table th {color: #8fbdc2; background-color: #FFFFFF; border-color: #8fbdc2;}
#careers-search.searchResults #careersList table tr.moreinfo td {border: none;}
#careers-search {background-color: #FFFFF; repeat-y scroll 0 0 transparent;}


/* CRM mailer component */
.php_newsletter_edit_settings {width: 700px; height: 340px;}
.php_newsletter_signup iframe {width: 500px; height: 350px; border: none; overflow: hidden;}
.IE .php_newsletter_signup iframe {border: 1px solid white;}

.newsletters .headline {color: #b23284; font-weight: normal; margin: 0 0 15px 0;}
.newsletters .col2 .contentPanel {margin-top: 0; background: url(/data/resources/images/newsletters-bg.jpg) no-repeat 100% 0; padding-right: 330px;}
.newsletters form.crm_signUp {background-color: #fff; width: 410px; padding-left: 0; padding-right: 0;}
.newsletters form.crm_signUp label {width: 120px;}
.newsletters form.crm_signUp label span {padding-right: 4px; color: #ef2308;}
form.crm_signUp input, form.crm_signUp select, form.crm_signUp textarea {background-color: #fff; width: 250px;}
form.crm_signUp .checkboxes label {margin: 4px 0 0 5px; width: auto; float: left; clear: none; margin-bottom: 0; }
.IE6 form.crm_signUp input {background-color: #fff;}
form.crm_signUp .checkboxes label {margin: 4px 0 0 5px; width: auto; float: left; clear: none; margin-bottom: 0; }
.IE67 form.crm_signUp .checkboxes label {width: 200px; text-align: left;}
form.crm_signUp .checkboxes input {clear: left; width: auto; float: left;}
.IE67 form.crm_signUp .checkboxes input {width: 15px;}
.IE form.crm_signUp .checkboxes input {border: none;}
form.crm_signUp .checkboxes h3 {padding-top: 1em;}
form.crm_signUp .formButton {float: left; margin-top: 20px; }
form.crm_signUp .formButton input {background-color: #72afb6;}
.newsletters.validation .contentPanel {margin-top: 0; padding-top: 0;}
.newsletters.validation form.crm_signUp {margin-top: 0; padding-top: 0;}
.newsletters.validation #errorContainer {}

/* FW to a friend in emails */
form.referralForm .message {margin-bottom: 8px; }
form.referralForm h4 {clear: left; }

/* ------- Content Pages --------- */
/* pay-your-balance page */
.custom-UBPayYourBalance .col2 { background: url("/data/resources/photos/pay-your-balance.jpg") no-repeat 0 0; }
.custom-UBPayYourBalance .col2 .contentPanel { padding-top: 292px; }
.custom-UBPayYourBalance .content2col .col2 {margin-top: 0;}
.custom-UBPayYourBalance h2 {color: #525252;}
.custom-UBPayYourBalance table.form {width: 540px;}
form#paybalance {padding: 0; margin: 16px 0; overflow: hidden;}
form#paybalance fieldset {float: left; display: inline; width: 500px; border: 3px solid #909090; padding: 18px; margin: 0 0 5px 0;}
form#paybalance .leftcol {float: left; width: 520px; display: inline;}
form#paybalance .rightcol {float: right; width: 200px; display: inline;}
form#paybalance .rightcol img {margin: 265px 0 0 80px;}
form#paybalance input.proceed-button {clear: both; float: right; margin: 10px 120px 10px 0; width: 94px; height: 35px; background: url("/data/resources/proceed.gif") no-repeat 0 0; display: block; text-indent: -999em;}
/* Delivery page styles */
.question {font-weight: bold}
.question span {font-size: 18px; font-weight: bold; margin-right: 10px;}
.answer span {font-size: 18px; font-weight: bold; margin-right: 10px;}
/* Locations */
table.locations td { padding-right: 25px; border-collapse: collapse; vertical-align:top; }
/* As Seen In */
table#as-seen-in { margin-top: 10px; }
table#as-seen-in td { width: 130px; padding-right: 35px; padding-bottom: 18px; border-collapse: collapse; vertical-align: top; }
table#as-seen-in h2 { margin-top: 5px; margin-bottom: 0px; }
table#as-seen-in p { margin-top: 0px; }
table#as-seen-in a img { border: 1px solid #d1d1d1; }
/* Xmas index -- no border */
.home #page { border: 0; }

/* contact us form */
.contact-us .pwsForm {background: none; padding: 20px 0; width: auto;}
.contact-us .pwsForm label {width: 60px;}
.contact-us .pwsForm label em {padding-right: 4px; color: #EF2308;}
.contact-us .pwsForm input {width: 190px; background-color: #fff;}
.contact-us .pwsForm select {width: 190px; background-color: #fff;}
.contact-us .pwsForm textarea {width: 190px; background-color: #fff;}
.contact-us .pwsForm .formButton {margin-right: 14px;}
.contact-us .pwsForm .formButton input {background-color: #72AFB6;}
.IE .contact-us .pwsForm label {clear: left;}
.IE .contact-us .pwsForm textarea {overflow: auto;}
.IE8 .contact-us .pwsForm {padding-top: 0; margin-top: 0;}
.IE67 .contact-us .pwsForm select {position: relative; top: 14px; border: inherit;}
.IE67 .contact-us .pwsForm textarea {position: relative; top: 20px;}
.IE67 .contact-us .pwsForm #contact_message_email {margin-top: 5px;}
.IE67 .contact-us .pwsForm #contact_message_location {margin-top: -3px}
.IE67 .contact-us .pwsForm .formButton {margin-top: 30px;}

/* Summer colour scheme */
body {color: #555555;}
a, a:link, a:visited {color: #72afb6;}
h1, h2, h3, h4, h5, h6 {color: #182628;}
h1 {color: #4e8abe;}
h2 {color: #4e8abe;}
#cms-content .breadcrumb {background-color: #b8d7da;}
.content2col .col1 h2 {padding: 8px 20px 8px 25px; border-bottom: 1px solid #e3e1d8; margin: 0;}
.content3col .col1 h2 {border-bottom: 1px solid #e3e1d8;}
#breadcrumbTrail p {background-color: #b8d7da;}
#categoryThumbs3 #thumbsArea3 div p a {color: #72afb6;}
#categoriesBar .categories dl dt, 
#categoriesBar .categories.currentLevel dt {color: #4e8abe; border-bottom: 1px solid #d8e1e3;}
#categoriesBar .categories dl dd, 
#categoriesBar .categories.currentLevel dd {color: #72afb6}
#categoriesBar .categories dl dd a { color: #72afb6; }
#product #breadcrumbTrail {background-color: #b8d7da;}
#productDetail h2 {color: #4e8abe; }
#TB_window #TB_ajaxContent .prodPageLink a  {color: #72afb6;}
#breadcrumbTrail span.pageLinks a:hover, #breadcrumbTrail span.pageLinks a.current {color: #331a0e; background-color: #f1e5d7;}
#searchResults h3 {border-bottom: 1px dotted #bdbdbd; color: #505050;}
.career_listings th {border-bottom: 1px solid #958776; border-top: 1px solid #958776; background-color: #FFFFFF;}
.career_listings td {color: #505050;}
.publication .articles h3 a:hover {color: #72afb6;}


/* Ticket #95 - revamp 1st lvl category pages */
#category.lvl1 #categoryPage { background: url(/data/resources/images/content3col-cat1-bg.gif) repeat-y 0 0; }
#category.lvl1 #categoryContent { width: 600px; } 
#category.lvl1 #breadcrumbTrail { position: absolute; width: 178px; right: 0; top: 0; }
#category.lvl1 #categoryThumbs3 { margin-top: 15px; padding: 18px; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div { width: 143px; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div table td { padding: 6px  0px 6px 0px; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div table td img { max-width: none; }
#category.lvl1 #categoryThumbs3 #thumbsArea3 div p a {text-transform: inherit;}
#category.lvl1 #categoryThumbs3 #thumbsArea3 div table td {padding-bottom: 22px;}
#category.lvl1 #categoryThumbs3 #thumbsArea3 h2 {margin-bottom: 20px; }
#category.lvl1 #breadcrumbTrail {width:178px;}

/* Ticket #97 - change colour scheme */
a, a:link {color: #555555; text-decoration: underline;}
a:visited {color: #7d7d7d; text-decoration: underline;}
a:hover { text-decoration: underline; color: #000;}
#categoriesBar .categories.currentLevel dt { color: #4E8ABE; }
#breadcrumbTrail p { background-color: #acaead; }
#cms-content .breadcrumb { background-color: #acaead; }
#breadcrumbTrail span a {text-decoration: none;}
#categoryThumbs3 #thumbsArea3 div p a { color: #555555; }
#categoriesBar .categories dl dd a {text-decoration: none; color: #555555;}
#categoriesBar .categories dl dd a:hover {text-decoration: underline;} 
#thumbsArea3 div p a { color: #6D6E72; }
#pageLinks a { color: #6D6E72; }
#careers-search .careerSelector.selectorReplaced li { color: #6D6E72; }
#pageLinks a {text-decoration: none;}
#productImage .view-larger a {text-decoration: none;}
#productImage .view-larger a:hover {text-decoration: underline;}
#productContent .featureButtons a {text-decoration: none;}
#productContent .featureButtons a:hover {text-decoration: underline;}
#prodCrossSells a, #complimentaryItems a {text-decoration: none;}
#prodCrossSells a:hover, #complimentaryItems a:hover {text-decoration: underline;}
#productContent .prev-next a:hover {color: #555555;}
#product #breadcrumbTrail p a {text-decoration: none;}
.publication-topic .article h3 a {font-weight: bold; text-decoration: none;}
.publication-topic .article h3 a:hover {color: #72AFB6;}
.commentCount a {text-decoration: none;}
.commentCount a:hover {text-decoration: underline;}
.publication-topic .topics a {text-decoration: none;}
.publication-topic .article .read a {text-decoration: none;}
#page .publication-topic .article .read a:hover {text-decoration: underline;}
.publication-article .bodyArea .articleButtons a {text-decoration: none;}
.publication-article .bodyArea .articleButtons a:hover {text-decoration: underline;}
.publication-article .article-footer .shareLinks a {text-decoration: none;}
.publication-article .article-footer .shareLinks a:hover {text-decoration: underline;}
.publication-article .discussArticleLink a {text-decoration: none;}
.publication-article .discussArticleLink a:hover {text-decoration: underline;}
#header .header-menu a, #header .header-menua:link, #header .header-menu a:visited {text-decoration: none;}
#header .header-menu a:hover {text-decoration: underline;}
#footer a, #footer a:link, #footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* additional changes */
#cms-content #subnav li a {padding-left: 0; background-image: none;}
#searchBar li.search-form {border:1px solid #ACAEAD;}
#footer .signUp .input {border:1px solid #ACAEAD;}
#page {border:1px solid #ACAEAD;}
.content3col .col1 h2 {border-bottom:1px solid #ACAEAD;}
#categoriesBar .categories dl dt, #categoriesBar .categories.currentLevel dt {border-bottom:1px solid #ACAEAD;}
#prodCrossSells, #complimentaryItems {border-left:1px solid #ACAEAD;}
#prodMoreViews {border-left:1px solid #ACAEAD;}
.content2col .col1 h2 {border-bottom:1px solid #ACAEAD;}
.publication .topics {border-left:1px solid #ACAEAD;}
#careers-search #careersSearchPanel h2 {text-transform: inherit;}
#careers-search input#career_search_terms {color: #4E8ABE;}
#careers-search #careersSearchPanel h3 {border-color: #ACAEAD;}
#careers-search .careerSelector .Our-Home-Office {border-top:1px solid #ACAEAD;}
#careers-search .keywordSearchArea {border-color:#ACAEAD;}
#careers-search #careerSidebar {background-color: #FFFFFF;border-color:#ACAEAD;}
#mainnav ul.lvl2 {border:1px solid #ACAEAD;}
#mainnav ul.lvl3 {border:1px solid #ACAEAD;}
#mainnav ul.lvl4 {border:1px solid #ACAEAD;}


/* TEMP FROM PWS.CSS */
#thumbsArea div.L100 {height: auto;}
#thumbsArea.labels div.L100 { height: auto; }
.IE56 #page .prev-next .prev a {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/plugin_assets/pws/design/images/icon-previous.png", sizingMethod="crop");}
.IE56 #page .prev-next .next a {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/plugin_assets/pws/design/images/icon-next.png", sizingMethod="crop");}

.IE56 #page .back-link a {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/plugin_assets/pws/design/images/icon-back.png", sizingMethod="crop");}

.publication-topic {overflow: hidden;}
.IE67 .publication-topic {zoom: 1;}

/* To fix in pws.css */
#TB_ajaxContent .productImage {width: auto;}