/* V3 Product info styles for NextGen Stores - 980 pixel width */
/* Older stores that want to use the V3 editor have their own file. */
/* And, yes, ALL of this should go into the db eventually. Today isn't that day... */
/*
This should be added to all nextgen stores
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/

/* set width of tooltips on product info page only */
.dijitTooltip {max-width: 25em;}

/* signmojo V3 override product_info page only */
#sm_bread_crumb_trail {
    display:none;
}

/* no left column on product info page only*/
.leftColumn {
    display: none;
}

/* no old breadcrumbs */
#headerNavigationTable {
    display: none;
}

/*
new category tree show-hide dropdown
#leftColumnDiv {
    position:absolute;
    top:40px;
}
*/
/*
#divNewNavigation {
    width:100%;
    clear: both;
}
*/

/*
.divShowHideMenu {

    position:relative;
    float:left;
    clear:none;
    width: 300px;
    height:40px;
	line-height: 40px;
    padding-left: 20px;
	z-index:4;

}
*/
/*
.expand_menu_large_plus_minus {
    font-size: 24px;
    font-weight: bold;
    float:right;
    margin-right:15px;
}
*/
/*
#newBreadcrumb {
    position:relative;
    height:40px;
    line-height:40px;
    vertical-align: middle;
    padding-left:320px;
}
*/

/* these have been moved to the store CSS database.
A.headerNavigation,
A:visited.headerNavigation,
A:link.headerNavigation  {
    color:white !important;
    font-size:13px !important;
    line-height:20px !important;
}

A:hover.headerNavigation {
    text-decoration: underline !important;
}
*/

#nav_content_container {
    margin-top:0px;
}
#nav_content_top {
    height:0px;
}

#bodyTable {
    border-collapse: collapse;
    padding:0px;
    margin:0px;
    /*background-color:#F3F4F2; signmojo */
    background-color:#FFFFFF;
    position: relative;
    /* border:1px solid purple; */
}

/* Temporarily hidden until can troubleshoot with new layout */
#affiliate_reciprocal_link {
    display: none;
}
/*
// Moved to the database under the new id productEditV3Table
#unknownTable {
    border-collapse: collapse;
    padding:0px;
    margin:0px;
    // background-color:#F3F4F2; signmojo
    background-color:#FFFFFF;
}
*/
.bodyTable tr {
    /* background-color:#F3F4F2; signmojo */
    background-color: #FFFFFF;
}

#mainTable {
    border-collapse: collapse;
    padding:0px;
    margin:0px;
}

#div_mainTable {
    padding: 20px 0px 20px 20px;
    box-shadow: 0 0 5px #CCCCCC;
    position: relative;
    width:100%;
    border-collapse: collapse;
    margin:0px;
}

#mainTable tr {
    /* background-color:#F3F4F2; signmojo */
    background-color: #FFFFFF;
}

#div_ada_seal {
    width:140px;
    margin-right:20px;
    margin-top:40px;
}

#div_sign_details_container {
    width:100%;
    vertical-align: top;
    clear:both;
}

#td_mainTable_right_column {
    width:180px;
}

#related_products_scrolling_container {
    position:relative;
    width:98%;
    height:700px;
    vertical-align: top;
    clear:both;
    overflow:hidden;
    box-shadow: inset 8px 0px 8px -10px #CCCCCC;
    margin-left:8px;
    margin-bottom:10px;
}

#related_products_strip {
    position:relative;
    top:0px;
}

/*
.edit_hover_button {
    display: none;
    position: absolute;
}
*/

#related_parent_category_title {
    width:100%;
    color:#30709B;
    font-size: 16px;
    font-weight: bold;
    text-transform:uppercase;
    text-align: center;
    margin-left:8px;
}

#related_current_category_title {
    width:100%;
    color:#454545;
    font-size: 14px;
    font-weight: bold;
    text-transform:lowercase;
    text-align: center;
    margin-left:8px;
    padding: 0px 8px 0px 8px;

}

.related_scroll_button_image {

    margin-left:8px;
}

#related_scroll_button_up {
    margin-top: 10px;

}

.related_scroll_button_container {
    width:100%;
    margin:0 auto;
    text-align: center;
    cursor: pointer;
}

.related_product_container {
    position: relative;
    width:100%;
    margin:16px auto 5px auto;
    cursor: pointer;
}

.related_product_image_container {
    position:relative;
    width:100%;
    margin:0 auto;
    text-align: center;
}

.related_product_image {
    width:120px;
    margin:0 auto;
}

.related_product_name {
    color:#454545;
    font-weight: bold;
    width:100%;
    text-align: center;
    padding: 0px 7px 0px 7px;
}

#div_full_screen_node {
    width:100%;
    /*height:150vh;*/
    overflow: visible;
    display: none;
    background-color: #FFFFFF;
}

#div_custom_full_screen, #div_custom_full_screen_fs {
    font-size: 16.25px;
    font-weight: 700;
    color:#3E3E3E;
    line-height:20px;
    text-align:left;
    margin: 0px 0px 0px 0px;
}

#div_full_screen {
    width:100%;
    position:relative;
    padding-bottom: 300px;
}

#div_full_screen_placeholder {
    position: relative;
}

/* The width here should control the width of the entire left column color palettes etc */
#div_customizeit_container {
    float:left;
    clear:none;
    width:48%;
    position:relative;
}

#div_customizeit_controls {
    position:relative;
}

/* <div id="div_preview_and_price_wrapper">
				<div id="div_preview_and_price">
                    <div id="div_image_preview_new">
                        <div id="mainPreview_wrapper">
                            <img id="mainPreview"
*/

/* Right preview and price column-like div */
#div_preview_and_price_wrapper {
    float:left;
    position: relative;
    width:48%;
    margin-left:20px;
    display:block;
}

#div_preview_and_price {
    width:100%;
    position: relative;
    float:right;
}

#div_image_preview_new {
    width:100%;
    margin: auto;
}

#mainPreview_wrapper {
    position: relative;
    width:100%;
    margin: auto;
    text-align: center;
}

/* The image tag itself */
#mainPreview {
    display:block;
    position: relative;
    /*
        max-width:360px;
        max-height:400px;
    */
    margin: auto;
}

#progressIndicator_wrapper {
    display:block;
    position: relative;
    margin: auto;
    clear: both;
}

#progressIndicator {
    display: block;
    position: relative;
    margin: auto;
}

#div_cart_info {
    /* background-color: #ECECEA; */
    background-color:white;
    overflow: hidden;
    clear:both;
    width:100%;
    padding: 8px 10px 14px 10px;
    margin-top: 20px;
    border-top: 4px solid #6D6D6D;
}


.div_sign_details_label {
    font-size:14px;

    color:#5E5E5E;
    line-height:16px;
    text-align: left;
}

.div_sign_details_text {
    font-size:16px;
    font-weight:bold;
    color:#323232;
    line-height:16px;
    text-align: left;
    margin-top:3px;
}

#cart_info_row1 {
    width:100%;
    overflow: hidden;
    clear:both;
    margin-bottom:16px;
}

#cart_info_row2 {
    width:100%;
    overflow: hidden;
    clear:both;
}

#cart_info_row3 {
    width:100%;
    overflow: hidden;
    clear:both;
    text-align: center;
    margin-top: 10px;
}


#div_dimensions {
    width:50%;
    float:left;
    text-align: left;
}

#div_leadtime {
    width:50%;
    float:right;
    text-align: left;
}

#div_price_and_quantity {
    width:50%;
    float: left;
}

#div_price {
    float:left;
    width:50%;
    clear:none;
    text-align:left;
}

#span_price_label {
    font-size:13px;

    color:#555555;
}

#span_price {
    font-size:18px;
    font-weight: bold;
    color:#000000;
}

#div_quantity {

    float:left;
    width:50%;
    clear:none;
    text-align:left;
}

#div_total {
    text-align:left;
    width:100%;
    float:left;
    margin-top:5px;
}

#div_add_to_cart {
    float:left;
    width:50%;
    overflow: visible;
}

#div_add_to_cart_button {
    /* 161 x 43 */
    /*width:161px;
    height:43px;*/
    cursor: pointer;
    background: transparent;
    position: absolute;
}

/*  This was the pure CSS check out button
#div_add_to_cart_button {
    overflow: visible;
    font-size:20px;
    font-weight:700;
    color:#FFFFFF;
    line-height:20px;
    text-align:center;
    vertical-align: middle;

    padding-top:11px;
    padding-bottom:11px;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 4px 0 #A43D0A;
	-moz-box-shadow: 0 4px 0 #A43D0A;
	box-shadow: 0 4px 0 #A43D0A;
	cursor: pointer;

    background: #f26722;
    background: -moz-linear-gradient(top,  #f26722 0%, #d44f0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f26722), color-stop(100%,#d44f0d));
    background: -webkit-linear-gradient(top,  #f26722 0%,#d44f0d 100%);
    background: -o-linear-gradient(top,  #f26722 0%,#d44f0d 100%);
    background: -ms-linear-gradient(top,  #f26722 0%,#d44f0d 100%);
    background: linear-gradient(to bottom,  #f26722 0%,#d44f0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26722', endColorstr='#d44f0d',GradientType=0 );

}

*/

#span_total_label {
    font-size:20px;
    color:#555555;
}
.span_total {
    font-size:12px;
    color:#000000;
}

.span_total#extPrice {
    font-size:25px !important;
    font-weight:bold;
}

#span_quantity_label {
    font-size:13px;
    color:#555555;
}

#div_add_to_cart_button:focus {outline:none;}
#div_add_to_cart_button:-moz-focus-inner {border:0;}

#productOverviewContainer {
    margin-top:25px;
}

/* Hidden until product reviews exist */
#div_product_reviews_container {
    display:none;
    margin-top:15px;
}

.view_detailed_small_label {
    color:#A2998D;
    font-weight: bold;
}

.view_detailed_larger_label {
    color:#307D9B;
    font-size: 20px;
    font-weight:bold;
    height:25px;

}

.view_detailed_arrow {
    position: relative;
    vertical-align: middle;
    top:-2px;
    left:10px;
}


#div_product_description {
    /* not sure if they want styling on this yet */
    font-size: 16px;
}

#div_product_references {
    font-size: 16px;
}

#div_product_questions {
    font-size: 16px;
}
/* These are other items in the parent category */

/* We should be able to set a global class that can set the width to header width or content area widths and use that instead of hardcoding it for elements like this */

#RelatedProductsOtherPlaceholder {
    overflow: hidden;
}

#div_other_items_outer_container {
    position: relative;
    width:100%;
    height:160px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    clear:both;
}

#div_other_items_inner_container {
    width:100%;
    height:160px;
    overflow: hidden;
    background: white;
}

#other_products_scrolling_container {
    position:relative;
    float:left;
    background: white;
    width:900px;
    height:140px;
    overflow: hidden;
}

#other_products_strip {
    position:relative;
    height:140px;
    top:0px;
}

#other_items_title {
    color:#30709B;
    font-size:16px;
    text-transform:uppercase;
    margin-left:20px;
    margin-bottom:10px;
}

.bold {
    font-weight: bold;
}

.other_scroll_button_container {
    position: relative;
    float:left;
    width:17px;
    height:120px;
    text-align: center;
    cursor: pointer;
    margin: 0px 10px 0px 10px;
}

.other_scroll_button_horizontal {
    position: absolute;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}

.other_product_container {
    position: relative;
    float:left;
    width:100px;
    height:120px;
    cursor: pointer;
    margin:0px 10px 0px 10px;
}

.other_product_image_container {
    position: relative;
    text-align: center;
}

.other_product_image_and_name {
    position:absolute;
    bottom: 0px;
}

.other_product_image {
    max-height: 100px;
    max-width: 100px;
}

.other_product_name {
    color:#454545;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    height:18px;
}

.thick_gray {
    position:relative;
    border:0px;
    width:920px;
    height:10px;
    background-color: #a49d91;
    margin:10px auto 20px auto;
    clear: both;
}
/****************************************************/

#PreviousProductsPlaceholder {
    overflow: hidden;
}

#previously_viewed_outer_container {
    position: relative;
    width:100%;
    height:160px;
    margin: 0px 0px 20px 0px;
    background: transparent;
    clear:both;
    overflow: hidden;
}

#previously_viewed_inner_container {
    width:100%;
    height:160px;
    overflow: hidden;
    background: white;
}

#previously_viewed_items_title {
    color:#30709B;
    font-size: 16px;
    font-weight: bold;
    text-transform:uppercase;
    margin: 0px 0px 10px 20px;
}

#previous_products_scrolling_container {
    position:relative;
    float:left;
    background: white;
    width:900px;
    height:140px;
    overflow: hidden;
}

#previous_products_strip {
    position:relative;
    height:140px;
    top:0px;
}

.previous_product_container {
    position: relative;
    float:left;
    width:100px;
    height:120px;
    cursor: pointer;
    margin:0px 10px 0px 10px;
}

.previous_product_image_and_name {
    position:absolute;
    bottom: 0px;
}

.previous_product_image_container {
    position: relative;
    text-align: center;
}

.previous_product_image {
    max-height: 100px;
    max-width: 100px;
}

.previous_product_name {
    color:#454545;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    height:18px;
}


/*******************************************************/


#icon-fonts-image {
    float: right;
}

#icon-customtext-image {
    float: right;
}

#customize_intro_logo {
    vertical-align:middle;
}

.subhead{
    font-size:16.25px;
    font-weight:bold;
    color:#555555;
    line-height:25px;
    text-align: left;
    vertical-align:middle;
    margin:0px 0px 10px 0px;

}

.subhead-intro-text {
    font-size:13px;
    color:#555555;
    line-height:25px;
    text-align: left;
    margin:0px 0px 10px 0px;
    white-space: nowrap;
}

.right-image{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
    line-height:25px;
}

#customizeit-header-box-fs {
    background:#e4e5e3;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    -webkit-box-shadow:inset 0 2px 3px #ccc;
    -moz-box-shadow:inset 0 2px 3px #ccc;
    box-shadow:inset 0 2px 3px #ccc;
    padding:10px;
    width: 100%;
    height: 65px;
    float:left;
    clear:both;
    position:relative;
    display: none;
}

.customizeit-header-box {
    background:#e4e5e3;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    -webkit-box-shadow:inset 0 2px 3px #ccc;
    -moz-box-shadow:inset 0 2px 3px #ccc;
    box-shadow:inset 0 2px 3px #ccc;
    padding:10px;
    width:100%;
    height: 65px;
    float:left;
    clear:none;
    position:relative;
    z-index:3;
}

.customize-intro{
    background:#e4e5e3;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 2px 3px #ccc;
    -moz-box-shadow:inset 0 2px 3px #ccc;
    box-shadow:inset 0 2px 3px #ccc;
    margin-bottom:20px;
    padding:10px;
    width:780px;
    display:none;
}

#preview_scroll_top{
    width:780px;
    padding-bottom:10px;
}

H1 {
    margin:10px 0;
    font-size:29px;
    font-weight:bold;
    line-height:32px;
    text-rendering:optimizelegibility;
}

#span_title_product_name {
    color:#3e3e3e;
    white-space: nowrap;
}

#span_title_product_model {
    color:#999999;
    font-size:22.75px;
    font-weight:400;
}

.nihilo .dijitTitlePane .dijitOpen .dijitArrowNode {
    float:right;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    background: none !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nihilo .dijitTitlePane .dijitClosed .dijitArrowNode {
    float:right;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    background: none !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nihilo .dijitTitlePaneTextNode {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width:100%;
}

/* This is just noted in case we may need it */
/* dijitTitlePaneTitleFocus */


/* Moved to stores_styles */
/*
.nihilo .dijitClosed
.nihilo .dijitTitlePaneTitle
*/

.nihilo .dijitTitlePaneTitle   {
    cursor: pointer;
    display: block;
    padding: 10px 12px 10px 20px;
    position: relative;
    border: 0px;
    /* just these colors have been moved into the store style */
    /* background-color: #585858;
     background-image: linear-gradient(to bottom, #646464, #474746); */
}


/*
.nihilo .dijitTitlePaneTitle .dijitClosed  {
    background-color: #585858 !important;
    background-image: linear-gradient(to bottom,#646464, #474746) !important;
    background-repeat: repeat-x !important;

}
*/

/*
.nihilo .dijitTitlePaneTitle .dijitTitlePaneTitleHover  {
   background: none repeat scroll 0 0 #669933;
}

.nihilo .dijitTitlePaneTitleHover .dijitClosed {
   background: none repeat scroll 0 0 #585858 !important;
}
*/

.nihilo .dijitTitlePaneContentOuter{
    border:0px;
    border-style: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tp_customize {
    clear:both;
    width:100%;
    margin-bottom:2px;
}

#div_beauty_shots {
    margin-top:20px;
    width:380px;

    /* display: none;  hiding to get it out of the way until it's reworked */
}

#div_gallery_bs {

}

.bsV3Image {
    width:100px;
    border:1px solid black;
    margin:8px;
    cursor: pointer;
}

#customizeItTextTable tr {
    background-color:white !important;
}

.color_swatch, .color_swatch_fs {

    position: relative;
    float:left;
    border-color:#ededed;
    border-style: solid;
    border-width: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-size: 100% 100%;
    cursor: pointer;
}

.color_swatch {
    height:30px;
    width:30px;
}

.color_swatch_fs {
    height:40px;
    width:40px;
}

.hover_swatch {
    position:absolute;
    height:30px;
    width:30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow:hidden;
    z-index:2;
    display: none;
    cursor: pointer;
    border-color:#ededed;
    border-style:solid;
    border-width:1px;
    background-color: white;
}

.hover_swatch_fs {
    position:absolute;
    height:40px;
    width:40px;
    background-size: 100% 100%;
    overflow:hidden;
    z-index:2;
    display: none;
    cursor: pointer;
    border-color:#ededed;
    border-style:solid;
    border-width:1px;
}

.selectedCell {
    border-color:#FF6F3F;
    border-style:solid;
    border-width:2px;
    box-shadow: #FFFFFF 0px 0px 0px 1px inset;
}

/* s02 white, s39 eggshell */
/*
div.color_swatch[onclick*="S02"], div.hover_swatch[onclick*="S02"] {


    border:1px solid black;
}
*/

/* Style all the Custom Text inputs */
input[id^="customTextLineId"] {

    text-align: start;
    color:#555555;
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    margin: 2px 0px 2px 0px;
    font-size: 13px;
    height:25px;
    border: 1px solid #CCCCCC;
    width:180px;
}

.palette_container {
    position:relative;
    width:100%;
    overflow:hidden;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 20px 20px 20px 20px;
}

.swatch_hover_text {
    margin-top:1px;
    text-align: right;
    float: right;
    color:#555555;
    font-size:13px;
    font-style: italic;
    display: inline;
}

.color_category_text {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #555555;
    display: inline;
}

.optionInfoContainer {
    height: 60px;
}

.selectedOptionContainer {
    margin-bottom: 8px;
}

.selectedOptionLabel {
    font-weight:bold;
}

.defaultOptionContainer {
    text-align: left;
}

.icon-colorwheel-image {
    position:absolute;
    right: 0px;
}

.default_help_icon {
    vertical-align: middle;
    margin-left:8px;
}

/*
.save_default_button {
    width:60px;
    height:20px;
    border: 1px;
    font-size:13px;
    font-weight: 800;
    color: #323232;
    text-align: center;
    border-color: #CCCCCC;
    border-style: solid;
    -webkit-box-shadow:inset 0 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	float:right;
	display: none;
}
*/


#symbolPreviewTable td {

    background-color:#dddddd;

}

/* image preview classes for normal and fullsize */
.mainPreview_normal {
    max-width: 360px;
    max-height: 400px;
}

.mainPreview_fs {
    max-width: 500px;
    max-height: 600px;
}

table#product_questions_table tr td {
    vertical-align: top;
}