/*
 Document   : style.sean.css
 Created on : Sep 15, 2009, 11:45:54 AM
 Author     : sean
 Description: This is to keep the new styles separate from the already-existing styles.
 
 */
/*
 Syntax recommendation http://www.w3.org/TR/REC-CSS2/
 */
/* New Category Page */
h3.category_title {
  margin: 10px;
  font-size: 1.1em;
}

h3.category_title a {
  color: #9C9B91;
}

/*
 table.categories {
 float: left;
 margin: 0;
 margin-right: 5px;
 margin-bottom: 10px;
 padding: 0;
 border: 2px solid #9C9B91;
 border-collapse: collapse;
 font-family: Arial, sans-serif;
 font-size: .9em;
 }
 table.categories:hover {
 cursor: pointer;
 border-color: black;
 background-color: black;
 color: white;
 }
 table.categories td {
 margin: 0;
 padding: 0;
 }
 table.categories td.category_image {
 width: 278px;
 height: 174px;
 }
 table.categories tr.category_choose_row td {
 line-height: 40px;
 padding: 0 10px;
 }
 span.select_this:hover {
 background-position: 0 -20px;
 }
 span.select_this_model {
 background: transparent url(../images/button_select_this_model.gif) no-repeat left top;
 height: 20px;
 width: 132px;
 display: none;
 float: right;
 }
 span.select_this_model:hover {
 background-position: 0 -20px;
 }
 */
table.emailForm {
  width: 65%;
}

table.customized {
  margin-bottom: 20px;
  border-collapse: collapse;
  width: 900px;
}

table.customized td {
  vertical-align: top;
}

table.customized td.left {
  padding-right: 35px;
  width: 310px;
}

table.customized td p.modelQuote {
  color: #9C9B91;
  font-size: 1.1em;
}

p.modelDesc {
  color: #80807a;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

#customizer h2.model_name {
  margin-top: 60px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: normal;
}

a.continue_to_customizer {
  background: transparent url(../images/button_sizes_options_and_pricing.gif) no-repeat left top;
  display: block;
  width: 212px;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}

a.continue_to_customizer:hover {
  background-position: 0 -25px;
}

p.model_icons {
  margin-bottom: 20px;
}

p.model_profile {
  margin-bottom: 20px;
  background: transparent url(../images/download-arrow.gif) no-repeat scroll 0 50%;
  padding-left: 15px;
}

p.model_profile a {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #80807a;
  text-decoration: underline;
}

a.select_different_model {
  width: 142px;
  height: 26px;
  display: block;
  background: transparent url(../images/button_select_different_model.gif) no-repeat left top;
}

a.select_different_model:hover {
  background-position: 0 -26px;
}

img.icon_image {
}

img.icon_image:hover {
  border-color: black;
}

div.model_profile_large_image {
  width: 590px;
  height: 406px;
  overflow: hidden;
}

a.popupWindow {
  display: block;
  width: 108px;
  height: 78px;
  border: 1px solid #AEAEA7;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

a.popupWindow:hover {
  border-color: black;
}

div.popupwindow {
  width: 600px;
  margin: 0 auto;
}

div.popupwindow a.modelRolloverEmail span {
  display: none;
}

div.popupwindow a.modelRolloverEmail {
  display: block;
  width: 100px;
  height: 20px;
  background: transparent url(../images/button_email_photo.gif) no-repeat left top;
}

div.popupwindow a.modelRolloverEmail:hover {
  background-position: 0 -20px;
}

div.popupwindow a.modelRolloverPrint span {
  display: none;
}

div.popupwindow a.modelRolloverPrint {
  width: 86px;
  height: 20px;
  background: transparent url(../images/button_print_photo.gif) no-repeat left top;
  display: block;
}

div.popupwindow a.modelRolloverPrint:hover {
  background-position: 0 -20px;
}

div.popupwindow a.modelRolloverClose span {
  display: none;
}

div.popupwindow a.modelRolloverClose {
  width: 62px;
  height: 20px;
  background: transparent url(../images/button_close.gif) no-repeat left top;
  display: block;
}

div.popupwindow a.modelRolloverBack span {
  display: none;
}

div.popupwindow a.modelRolloverBack {
  display: block;
  width: 104px;
  height: 20px;
  background: transparent url(../images/button_back_to_images.gif) no-repeat left top;
}

div.popupwindow a.modelRolloverBack:hover {
  background-position: 0 -20px;
}

a.modelRolloverSendEmail {
  display: block;
  width: 85px;
  height: 20px;
  background: transparent url(../images/button_email_photo.gif) no-repeat left top;
}

a.modelRolloverSendEmail:hover {
  background-position: 0 -20px;
}

a.modelRolloverSendEmail span {
  display: none;
}

a.red-text {
  font: 12px Arial, sans-serif;
  color: #B63102;
  text-decoration: none;
}

a.breadcrumb, a.breadcrumb:hover {
  color: rgb(139, 131, 144);
}

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

span.products_link_color {
  color: #8B8390;
}

td.formField {
  color: #80807A;
  text-align: right;
  padding-top: 3px;
  font: 12px Arial, sans-serif;
}

span.requiredField {
  color: red;
  display: block;
  float: left;
  font-weight: bold;
  margin-left: -6px;
  margin-top: -3px;
}

ul.error_message {
  background-color: #D6363C;
  border: 2px solid #7A1012;
  float: left;
  font-family: Arial;
  font-size: 0.9em;
  /*line-height:33px;*/
  list-style-type: none;
  margin-left: 15px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}

span.errorMessage, span#errorMessage {
  display: block;
  float: left;
  padding-bottom: 8px;
  padding-top: 8px;
}

ul.error_message span.error_exclamation_point {
  font-size: 2em;
  float: left;
  margin-right: 10px;
}

.hideThis {
  visibility: collapse;
}

.asterisk_required {
  color: red !important;
  font-weight: bold !important;
  margin-left: -5px !important;
}

/* Samples Page */
#customizer ul.nav_tabs li.sample_step_01 {
  background: url(../images/samples_tab.gif);
  display: block;
  width: 80px;
  height: 30px;
}

#customizer ul.nav_tabs li.sample_step_01 span.on {
  background: url(../images/step_01_new_on.gif);
  display: block;
  width: 152px;
  height: 30px;
}

#customizer ul.nav_tabs li.sample_step_01 a.off {
  background: url(../images/step_01_new_off.gif);
  display: block;
  width: 152px;
  height: 30px;
}

#customizer ul.nav_tabs li.sample_step_save, #customizer ul.nav_tabs a.sample_step_save {
  background: url(../images/tab_review_selected_samples.gif) no-repeat right top;
  display: block;
  width: 232px;
  height: 30px;
  cursor: pointer;
}

#selected_layouts table.options td {
  font-size: 10px;
  color: #C7C7C1;
}

#selected_layouts table.options td.selected {
  color: white;
}

#selected_layouts table.options td a {
  color: #95AB05;
  font-weight: bold;
}

#customizer #content #inner #mini_options div.box span.inner_box span.add_sample_button a {
  width: 84px;
  height: 20px;
  float: left;
  margin-left: 8px;
  display: block;
  background: url(../images/button_add_samples.gif);
}

#customizer #content #inner #mini_options div.box span.inner_box span.add_sample_button a:hover {
  background-position: 0px -20px;
}

#customizer #content #inner #mini_options div.box span.inner_box span.add_sample_button a.option {
  background: url(../images/button_add_option.gif);
}

#customizer #content #inner #mini_options div.box span.inner_box span.add_samlple_button a.option:hover {
  background-position: 0px -20px;
}

#customizer #content #inner #mini_options div.box span.inner_box span.add_sample_button a span {
  display: none;
}

.align-right {
  text-align: right !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.no-float {
  float: none !important;
}

.clear-both {
  clear: both !important;
}

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.checkout_confirmation_editlink {
  text-decoration: underline !important;
}

.order_breakdown_header {
  margin-bottom: 10px;
}

.breakdown_size {
  font-size: 13px !important;
  line-height: 16px !important;
}

.order_total-column_padding {
  padding-right: 10px;
}

button.proceed_with_housecall {
  display: block;
  width: 198px;
  height: 34px;
  background: transparent url(../images/button_proceed_with_housecall.gif) no-repeat left top;
  border: 0;
  cursor: pointer;
  float: left;
  margin-top: 17px;
}

button.proceed_with_housecall:hover {
  background-position: 0 -34px;
}

div.selected_samples {
  width: 97%;
  border: 2px solid #D4D4D4;
  margin-left: 12px;
  margin-bottom: 20px;
  float: left;
  padding: 0;
  font-family: Arial, sans-serif;
  text-align: left;
}

div.selected_samples span.headerRow {
  background-color: #DFDFDF;
  font-weight: bold;
  padding: 3px;
  display: block;
}

div.selected_samples span.belowHeader {
  background-color: #D4D4D4;
  display: block;
}

div.selected_samples_option {
  width: 110px;
  font-size: .9em;
  float: left;
  margin: 20px;
}

.selectedSamples_returnRequired {
  color: red;
}

a.selectedSamples_remove {
  color: #7D7D7B;
  text-decoration: underline;
}

a.add_additional_samples {
  width: 150px;
  height: 20px;
  display: block;
	float: left;
	margin-top: 7px;
  background: transparent url(../images/button_add_additional_samples.gif) no-repeat left top;
}

a.add_additional_samples:hover {
  background-position: 0 -20px;
}

#customizer {
  padding-top: 13px;
}

div#main h2.categoriesNEW {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #191917;
  margin-top: 28px;
  margin-left: 40px;
  margin-bottom: 10px;
  line-height: 18px;
}

div#main h2.categoriesNEW span, div#main h2.categoriesNEW span a {
  color: #73736c;
}

#floormodel {
  margin-top: 0;
  width: 918px;
  margin-left: 26px;
}

#floormodel a.categoriesNEW {
  width: 292px;
  margin-bottom: 15px;
  margin-right: 10px;
  border: 2px solid #AEAEA7;
  background-color: white;
  color: #252525;
}

#floormodel a.categoriesNEW:hover {
  background-color: black;
  color: white !important;
  border: 2px solid #191917;
}

#floormodel a.categoriesNEW span.header {
  font-family: Arial, sans-serif;
  font-size: 14px;
  display: block;
  margin: 0;
  width: 272px;
  padding: 10px;
  position: relative;
}

#floormodel a.categoriesNEW span.header span.select {
  float: right;
  height: 20px;
  width: 51px;
  background: transparent url(../images/button_select_dark.gif) no-repeat left top;
  margin-top: -2px;
}

#floormodel a.categoriesNEW span.header span.view {
  /*float: right;*/
  height: 20px;
  width: 56px;
  background: transparent url(../images/button_view.gif) no-repeat left top;
  margin-top: -2px;
  position: absolute;
  top: 10px;
  right: 10px;
}

#floormodel a.categoriesNEW span.header span.name_wrapper {
  display: block;
  margin-top: 1px;
  margin-top: -1px;
  width: 100%;
}

#floormodel a.categoriesNEW span.header span.select_this_model {
  float: right;
  display: block;
  height: 20px;
  width: 117px;
  background: transparent url(../images/button_select_this_model.gif) no-repeat left top;
  margin-top: -2px;
}

#floormodel a.categoriesNEW span.header span:hover {
  background-position: 0 -20px;
}

#floormodel a.categoriesNEW span.thumb {
  width: 292px;
  height: 185px;
  overflow: hidden;
}

.no-right-margin {
  margin-right: 0 !important;
}

td.checkout_page_header {
  font: 33px Georgia, serif;
  color: #252525;
  padding: 10px 0 20px 20px;
}

td.checkout_page_header span.gray {
  color: #80807A;
}

td.gray-border-left {
  border-left: 1px dotted gray;
}

a.previous_step {
  background: transparent url(../images/button_previous_step.gif) no-repeat left top;
  display: block;
  height: 20px;
  width: 88px;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
}

a.previous_step:hover {
  background-position: 0 -20px;
}

table.checkout_table_styles td {
  margin-bottom: 100px;
}

.red-text {
  color: red;
  /*font-weight: bold;*/
}

.main-txt {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
}

.main-txt-n {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.main-txt-m {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

.main-txt-m-u {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #95AB05;
  text-decoration: underline;
}

.main-txt-m-b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

.main-txt-l {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

.item-txt-l {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #bdd904;
  text-decoration: none;
}

.gray-text {
  color: gray;
}

table.customerInfo {
  margin-top: 30px;
}

table.customerInfo td, table.customerInfo th {
  text-align: left;
  vertical-align: top;
}

table.customerInfo td {
  font-size: 12px;
  padding-right: 0;
  padding-left: 0;
}

table.customerInfo th {
  font-size: 14px;
}

table.customerInfo table {
  border-collapse: collapse;
  width: 90%;
}

td.orderFieldLeftPadding {
  padding-left: 4px;
}

table.itemDetails {
  border: 2px solid #C7C6C1;
  width: 100% !important;
  background-color: #FAF9F8;
  margin-bottom: 10px;
}

table.itemDetails th {
  background-color: #EDECE7;
  padding: 13px;
  color: #51504F;
  vertical-align: middle;
  font-size: .8em;
}

table.itemDetails th.vendor {
  border-right: 2px solid #C7C6C1;
}

table.itemDetails td {
  padding: 10px 17px;
}

table.itemDetails table td {
  color: #51504F;
  padding: 3px 12px;
  border-top: 1px dotted #CECECE;
}

table.itemDetails td.header {
  color: black;
  border-bottom: 2px solid #CECECE;
  border-top: none;
  font-weight: bold;
}

/* Sample Requests */
#customizer ul.nav_tabs li.sr_step_01 {
  background: url(../images/samples_tab.gif);
  display: block;
  width: 83px;
  height: 30px;
}

#customizer ul.nav_tabs li a.sr_review_selected_samples {
  background: url(../images/tab_review_selected_samples.gif);
  display: block;
  width: 232px;
  height: 30px;
}

#customizer #content #inner #mini_options div.box span.inner_box span.button_add_sample a {
  width: 84px;
  height: 20px;
  float: left;
  display: block;
  background: url(../images/button_add_samples.gif);
  margin-left: 10px;
}

#customizer #content #inner #mini_options div.box span.inner_box span.button_add_sample a:hover {
  background-position: 0 -20px;
}
button.place_sample_request {
	display: block;
	background: transparent url(../images/button_place_sample_request.gif) no-repeat left top;
	width: 190px;
	height: 34px;
	cursor: pointer;
	border: 0;
	float: left;
}
button.place_sample_request:hover {
	background-position: 0 -34px;
}