/**
                                            Unknown CSS
                          Written by Alexander Sharomet, James Mussman
                                 Copyright Inroads 2014-2015
        unknown.css - dev12 CSS which could be catalog or dev12 css and need clarification
*/

/* I am not sure if live_chat is a function of the catalog, or dev12, or its own entity. */

/* brief was used on the static product-detail.html page, but is not used on the detail page for the catalog remove? */
/*.brief{
  text-transform: uppercase;
  font-size: 12px;
  color:#222;
  margin-bottom: 5px
}*/


/* 
 submenu is a block that appears to be used as a semi-broken looking menu on dev12.
 the broken look might have been caused by the importing of calico styles.
 I am not sure if submenu is a function of dev12 or catalog
*/

/* .services_section is found only on the index pages 
  (and test.html and women.html which I think are holdovers from the original template),
  should this be replaced with snippets? */


/* I keeping these in case we decide they were actually needed */
/*.product_list .product_price{
line-height:2.5em
}*/


/* shedukeBlock and toggleEvent classes are the scheduler, which has its own CSS
  these need to be converted to override the scheduler's CSS 
  OR
  we need to modify the scheuduler's CSS to show these changes
*/


/* 
  this block of commented CSS was removed between dev12 and calico.
  likely this has all been replaced/handled by boostrap.
*/
/*-----plist3cg-----*/
/*.vertical_slider.flexslider{
  padding:45px 0;
  width:100%;
  overflow:visible;
}
.vertical_slider.flexslider .flex-viewport{
  height:650px!important;
  width:100%;
}
.vertical_slider.flexslider .slides{
  -webkit-transform:translate3d(0px, 0px, 0px);
  -moz-transform:translate3d(0px, 0px, 0px);
  transform:translate3d(0px, 0px, 0px);
}
.vertical_slider.flexslider .flex-direction-nav a{
  position:absolute;
  width:100%;
  text-align:center;
}
.vertical_slider.flexslider .flex-direction-nav .flex-prev{top:15px;}
.vertical_slider.flexslider .flex-direction-nav .flex-prev:before{
  content:"\f106";
  font-family:FontAwesome;
  display:block;
  width:100%;
  text-align:center;
  font-size:2.5em;
}
.vertical_slider.flexslider .flex-direction-nav .flex-next{bottom:0;}
.vertical_slider.flexslider .flex-direction-nav .flex-next:before{
  content:"\f107";
  font-family:FontAwesome;
  display:block;
  width:100%;
  text-align:center;
  font-size:2.5em;
}
.vertical_slider.flexslider .btn{padding:10px;}*/

/* product_color_select is not currently found on any template file
   was originally used on attributes in the static detail page.
   likely handled by another CSS command now
*/

/* questions_about is custom html/css on the product detail template. Should be removed and replaced with block/snippet*/
.questions_about{margin-top:20px;}
.questions_about .btn{
  padding:10px;
  font-size:1.33333333em;
}
/* product_dit et al: was used for the 4cg layout, but is not used by the bootstrap using product-list.html template*/
/*-4grid--*/
.product_list .product_rightalt{text-align:right}
.product_list .product_dit{width:65%;float:left}
.product_list .product_rightalt{width:35%;float:right}
.product_dit .button_product .btn{
  width:120px
}
.product_dit .button_product{
  /*margin-top:30px*/
}
/* the 'visibility' css selector seems poorly named, and it is used in locations where snippets should take over,
remove? */
.visibility{visibility: hidden;}
/* the 'mainPadding' selector was removed on dev12, but re-added on calico? are we using the pages it is used on?*/
.mainPadding{padding-top:103px}/*was commented out on dev12*/
/* pageBlock is no longer used: remove? */
.pageBlock{margin-bottom:30px}
/* colors should be handled like on dev7 */
.color_text {color:#30a67c;}
.color_red {color:#cc3333;}
/* title CSS looks like it is meant for use on glammy. remove? */
.title {
  margin-bottom:27px;
  padding-bottom:6px;
  border-bottom:1px solid #e9e9e9;
}
.title h3 {
  margin:0 0 9px;
  font-weight:900;
}
.title p {font-size:1.16667em;}

.title2 {margin-bottom:9px;}
.title2 h2 {
  margin:0 0 25px;
  text-transform:none;
  font-weight:400;
  line-height: 2em;;
  font-size:2em;
  color:#242424;
}
.title2 p {line-height:1.71429em; font-size:1.16667em;}
/* column_item looks like it has been removed from the site except for the shortcodes.html page, remove? */
/* __________ Columns __________ */
.column_item p {
  margin:0 0 11px;
  font-weight:500;
  font-size:1.33333em;
  color:#333;
}
.column_item p i {
  display:inline-block;
  vertical-align:middle;
  padding-right:18px;
  font-size:2.66667em;
}
/* text_iframe css looks like it has been removed from the site except for the shortcodes.html page, remove?*/
/* __________ Text in a frame __________ */
.text_iframe {
  position:relative;
  padding:19px;
  border:1px solid #efefef;
}
.text_iframe.angle:before {
  content:'';
  position:absolute;
  right:-1px;
  top:-1px;
  width:19px;
  height:19px;
  background-image:url(../images/frame_angle.jpg);
  background-repeat:no-repeat;
  background-size:100% auto;
  -webkit-background-size:100% auto;
}

.text_iframe p {
  margin:0 0 11px;
  font-weight:500;
  font-size:1.33333em;
  color:#333;
}
/* not sure if we want to keep these alert styles, if we don't then we don't need the css */



/* not sure if we want to keep these list styles, if not remove. */


/* not sure we want to keep these table types, if not remove*/
/* __________ Table type1 __________ */
.table.type1 {
  border-top:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
  border-left:1px solid #e0e0e0;
}
.table.type1 thead {
  font-weight:900;
  color:#333;
  background-color:#f5f5f5;
}
.table.type1 thead tr th {border-bottom:0;}
.table.type1 thead tr th,
.table.type1 tbody tr th,
.table.type1 tfoot tr th,
.table.type1 thead tr td,
.table.type1 tbody tr td,
.table.type1 tfoot tr td {
  padding:14px 0;
  text-align:center;
  line-height:1.42857em;
  font-size:1em;
  color:#666;
  border-top:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
}
.table.type1 tbody tr th {width:68px;}
/* __________ Table type1 __________ */
.table.type2thead {
  font-weight:900;
  color:#333;
}
.table.type2 thead tr th {border-bottom:0;}
.table.type2 thead tr th,
.table.type2 tbody tr th,
.table.type2 tfoot tr th,
.table.type2 thead tr td,
.table.type2 tbody tr td,
.table.type2 tfoot tr td {
  padding:14px 0;
  text-align:center;
  line-height:1.42857em;
  font-size:1em;
  color:#666;
  border-top:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
}
.table.type2 thead tr th:last-child,
.table.type2 tbody tr th:last-child,
.table.type2 tfoot tr th:last-child,
.table.type2 thead tr td:last-child,
.table.type2 tbody tr td:last-child,
.table.type2 tfoot tr td:last-child {
  border-right:0;
}
.table.type2 tbody tr th {width:68px;}
/* this was commented out on dev12, we should probably remove it.*/
/* __________ Prices Block __________ */
/*.price_item {
padding:24px 0 20px;
border:1px solid #e9e9e9;
transition: border-color 0.3s ease-in-out;
-webkit-transition: border-color 0.3s ease-in-out;
}
.price_item.best_price, .price_item.free_price {position:relative;}
.price_item.best_price:before,
.price_item.free_price:before {
content:'';
position:absolute;
left:-4px;
top:-5px;
width:76px;
height:75px;
background-image:url(../images/best_price.png);
background-repeat:no-repeat;
background-size:100% 100%;
-webkit-background-size:100% 100%;
}
.price_item.free_price:before {background-image:url(../images/free_price.png); left:-3px; top:-4px;}
.price_item_title {
padding-bottom:25px;
text-transform:uppercase;
font-weight:900;
font-size:1.33333em;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.price_item_cost {
width:170px;
height:170px;
margin:0 auto 30px;
padding:45px 0 40px;
font-weight:900;
line-height:67px;
font-size:80px;
color:#fff;
border-radius:50%;
background-color:#666;
transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
}
.price_item_cost span {
display:block;
line-height:1.28571em;
font-size:1.16667em;
}
.price_item_text {
padding:15px 5px 14px;
border-top:1px solid #e9e9e9;
background-color:#f5f5f5;
transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
}
.price_item_text.last {border-bottom:1px solid #e9e9e9;}
.price_item_text b {font-weight:900; color:#333;}
.price_item .btn {
width:210px;
margin:19px 0 0;
}

.price_item.price_active {padding:22px 0 18px; border:3px solid #333;}
.price_item.price_active.best_price:before {left:-6px; top:-7px;}
.price_item.price_active.free_price:before {left:-5px; top:-6px;}
.price_item.price_active .price_item_title {color:#333;}
.price_item.price_active .price_item_cost {background-color:#333;}
.price_item.price_active .price_item_text {background-color:transparent;}
*/
/* this type2 is currently used on index and index5.html files, however it appears to be in a location
  that will be replaced by catalog items, we should remove this or make it into a snippet*/
/* Type2 */
.price_item.type2 {padding-top:0;}
.price_item.type2 .price_item_title {
  padding:25px 0 21px;
  line-height:1.71429em;
  font-size:1.75em;
  color:#fff;
  background-color:#666;
}
.price_item.type2 .price_item_cost {
  position:relative;
  height:auto;
  margin-bottom:0;
  padding:35px 0 38px;
  color:#333;
  background-color:transparent;
}
.price_item.type2 .price_item_cost:before {
  content:'$';
  position:absolute;
  top:35px;
  left:50%;
  margin-left:-65px;
  font-weight:900;
  line-height:2.5em;
  line-height:2.5em
    color:#333;
}
.price_item.type2.free_price .price_item_cost:before {margin-left:-40px;}
.price_item.type2 .price_item_text {background-color:transparent;}
.price_item.type2.price_active .price_item_title {padding-top:23px; background-color:#333;}
/* doesn't bootstrap come with an accordion? remove or snippet this css? */

/* class love_list appears to be only used love-list.html and update.html - is this needed anymore?*/


.widget_register_form {margin-bottom:18px;}
/* __________ Registration Form __________ */
.registration_form p {
  margin:0 0 16px;
  font-size:1em;
}
.registration_form input[type="text"] {
  text-transform:uppercase;
  font-size:0.91667em;
}
.registration_form .forgot_pass {
  display:block;
  padding-bottom:9px;
  text-align:center;
  font-size:1em;
  color:#999;
}
.registration_form .forgot_pass:hover {color:#333;}
.registration_form input[type="submit"] {
  float:none;
  width:100%;
  margin-bottom:12px;
}
/* __________ Create New Account __________ */
.widget_new_account p {
  margin:0 0 14px;
  font-size:1em;
}
.widget_new_account .create_acc {
  display:block;
  width:100%;
  padding:15px 10px;
  text-transform:uppercase;
  text-align:center;
  font-weight:900;
  line-height:1.42857em;
  font-size:1.16667em;
  color:#fff;
  background-color:#333;
}
.widget_new_account .create_acc:hover {background-color:#242424;}
/* 
  like the love list items above, we are not using these styles
*/


/* banners seem to be in both catalog and site pages
  need to determine if this is on page or in the header or if this should be a snippet in the end.
*/




/* posts sounds like a word press integration thing, but I am not sure how you guys did this in dev7
  please decide if these styles are used in dev12 or not.
*/



/* are articles part of word press or are these things that should be replaced by snippets/blocks
or should they become snippets/blocks
or should these be removed?
*/


/* 
  is fashion week needed or a hold over from glammy that is better replaced with snippets?
*/


/*
  shoes looks like a hold over from glammy
*/



/* school sale looks like a hold over from glammy */


/*
  price-range is no longer used
  but I want to keep the styles around incase I need to copy them for the filter slider styles I have yet to write out
*/


/*
  i think these are handled by other styles already but I am keeping them just in case
*/

/*
  I think these are handled by other styles already but I am keeping them just in case
*/

/* i THINK these are catalog only styles but they are really generically written. 
  assuming they are catalog styles, I think they are in the filter or search and are handled by other styles already.
  but I am keeping them just in case
*/


/* I do not think these checkout/cart styles are used anymore, since the styles were redone on cart.css*/


/* i dont think these styles are used anywhere anymore (was this used in the modals? 
  remove?
*/


/* the my account and login pages are the inroads standard pages */

/* not sure if we are using the brands list in the future */


/* 
  i do not think we are using the update page anymore.
  remove?
 */


/* the checkout styles are no longer being used, we use the cart/ css file(s) for this
  John Smith please examine and remove
. */

/*is these needed? or is it a leftover from glammy or calico?*/
#home h5.restaurant{ font-family: Roboto,arial,sans-serif; font-size:18px; font-weight:500;border-bottom: 1px solid #cccccc; padding-bottom: 10px; }
#home .col-md-12.homePageOnly { padding-left: 0px; }