/*
1: Category List
1.5: Search
2: Product List (Only the parts Different from Category List)
3: Product Detail
*/
/*
font families for reference:
font-family: 'Roboto',Arial, Helvetica, sans-serif;
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
*/
/*1: Category List*/
.category_info{
  /*padding-bottom:30px;*/
}
.category_info h1{
  font-family:"Berkshire Swash", arial,sans-serif;
  font-size:36px;
  font-weight:400;
  color:#353535;
}
.ld_content{
  padding-bottom: 24px;
  /*margin-top: 20px;*/
}
#category_long_description .ld_innContent{
  width:64%;
  float:left;
  padding-left:20px;
  padding-bottom: 20px;
}
.ld_image{
  width:32%;
  float:left;
}
#category_long_description{
  
}
.catalog_widget{
  border-top: 1px solid #c9c9c9;
  height:40px;
  line-height:40px;
  font-family:arial;
  font-weight:bold;
  color:#171717;
}
.catalog_widget .orderby{
  float:left;
  font-family:arial;
  font-weight:bold;
  color:#171717;
}
.catalog_widget .show-long-description{
  float:right;
  font-family:arial;
  font-weight:bold;
  color:#171717;
  padding:0 22px;
}
#orderBy,
.per_page select{ margin-left: 10px; }
.category-paging-description-toggle{
  text-align:right;
}
div.category-paging-description-toggle a{
  padding: 5px 15px;
  border: 1px solid #353535;
  margin-right: 10px;
  color: #353535;
}
.category-paging-row-1{
  color: #171717;
  font-family: arial;
  font-size: 12px;
  height: 44px;
  line-height: 44px;
}
.category-paging-row-2{
  height:44px;
  line-height:44px;
  font-size:12px;
  font-family:arial;
  color:#171717;
}
.category-paging-order{
  float:left;
  margin-left:10px;
}
.category-paging-order select{
  width:130px;
}
.catalog-compare{
  float:left;
  margin-left:72px;
}
.catalog-compare-blocks{
  margin-right: 7px;
  margin-top: 7px;
  width: 25px;
  height: 25px;
  float: left;
  background: #ededed;
  border: 1px solid #9d9d9d;
  cursor:pointer;
}
.catalog-compare-blocks img{
  cursor:pointer;
  max-width:100%;
  height:auto;
}
.catalog-compare-button{
  margin-top: 7px;
  float:left;
  background: #ededed;
  border: 1px solid #9d9d9d;
  padding:6px 8px;
  line-height:1em;
  font-size:13px;
  font-weight:bold;
  text-transform:uppercase;
  font-family:"Open Sans",arial,sans-serif;
  color:#000000;
  cursor:pointer;
}
.category-paging-description-toggle{
  float:right;
}
.category-paging-pages{
  float:none;
  text-align:center;
  padding:0;
  margin:0;
  width:auto;
  font-size:12px;
  font-family:arial;
}
.paging a{
  color:#666666;
}
.paging span{
  color:#000000;
}
.category-paging-view {
  float: right;
  text-align: right;
  padding: 0px;
  margin: 0px;
  font-size:12px;
  font-family:arial;
  color:#171717;
}
.view_text{
  padding-right:10px;
}
.view_grid{ /* CMS_HIDE */
  background:transparent url("https://eee3a3.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/standard-sprites.png") no-repeat scroll -28px -37px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-right: 15px;
  width: 21px;
  vertical-align:middle;
}
.view_grid.on{ /* CMS_HIDE */
  background:transparent url("https://eee3a3.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/standard-sprites.png") no-repeat scroll -3px -37px;
  cursor:not-allowed;
}
.view_grid img{
  border: 0 none;
  height: 20px;
  width: 21px;
}
.view_detail{ /* CMS_HIDE */
  background:transparent url("https://eee3a3.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/standard-sprites.png") no-repeat scroll -3px -61px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 44px;
  vertical-align:middle;
}
.view_detail.on{ /* CMS_HIDE */
  background:transparent url("https://eee3a3.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/standard-sprites.png") no-repeat scroll -52px -37px;
  cursor:not-allowed;
}
.view_detail img{
  border:0 none;
  height:20px;
  width:44px;
}
.category-paging-per-page{ /* CMS_HIDE */
  float:left;
  padding:0px;
  margin:0px;
}
.category_list{
  clear:both;
  padding-top:16px;
}
.category{
  float:left;
  width:300px;
  padding-left:1px;
  padding-top:22px;
  position:relative;
}
.category.pos1{
  padding-left:0;
}
.grid .long-description {
  position: absolute;
  left: -99999px;
  top: -99999px;
}
.category a{
  display:block;
}
.category a img{
  display:block;
}
.category h2{
  text-align:center;
  height:2.5em;
}
.category h2 a{
  color:inherit;
  font-weight:normal;
}
.category .price{
  
}

.wholeHit{
  position:absolute;
  z-index:4;
  width:inherit;
  height:100%;
  top:0;
  left:0;
  margin:22px 0 0 28px;
}
.pos1 .wholeHit{
  margin-left:0;
}
.wholeHit img{
  width:100%;
  height:100%;
}
/* 1.5: Search */
.searchForm .clearSearchResults{
  padding:3px 14px;
  display:block;
}
.searchForm .keywordsearchwrapper .keywordsearch{
  width: 154px;
  vertical-align:top;
  margin:0;
  border: 1px solid #999999;
  padding: 3px 3px 3px 3px;
  height: 17px;
}
#searchgo{ cursor:pointer; }
.searchForm h3{
  font-size:14px;
  color:#171717;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight:bold;
  position:relative;
  padding: 0 0 8px;
  margin:0 14px;
  border-bottom:1px solid #e5e5e5;
}
.clearSearchFilters{
  cursor:pointer;
  margin:0 14px;
  padding-bottom:8px;
}
.keywordsearchwrapper{
  padding: 8px 14px 8px;
}
.searchForm .searchButton {
  /* background: url("https://1b8a0a.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/searchButton.png") no-repeat scroll 98% 50% transparent; */
  /* text-indent: -9999px; */
  background:none;
  border: medium none;
  height: auto;
  overflow: hidden;
  width: auto;
  vertical-align: top;
  cursor: pointer;
  /*padding-left: 6px;
  padding-top: 3px;*/
}
.checkListContainer{
  position:relative;
  z-index:1;
}
.searchForm .checkList{
  padding-top:8px;
  position:relative;
  padding-bottom:20px;
}
.checkboxRow,.search-form-select{
  padding-left:13px;
  line-height:20px;
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#666666;
}
.search-form-select{
  padding-left:0;
  margin-left:13px;
  width:163px;
}
.show-more-checkboxes{
  float:right;
  cursor:pointer;
}
.checkboxRow input{
  vertical-align:middle;
}
.search-form-input{
  margin-right:10px;
}
.checkListContainer.brands{
  z-index:2;
}
.brands .checkboxRow{
  display:none;
}
.brands.focus .checkboxRow, .brands .checkboxRow.checked{
  display:block;
}
.brands.focus .checkList,
.brands.focus h3{
  position:absolute;
  top:0;
  left:0;
  width:895px;
  max-height:362px;
  overflow:auto;
  background:#ffffff;
  z-index:2;
  border:1px solid #9d9d9d;
  border-bottom:0;
}
.brands.focus .checkList{
  top:28px;
  z-index:3;
  padding-right:27px;
  border-top:0;
  border-bottom:1px solid #9d9d9d;
}
.brands.focus .checkboxRow{
  float:left;
  width:187px;
  padding-right:14px;
}
.refine{
  position:absolute;
  font-size:12px;
  color:#2b8bc9;
  cursor:pointer;
}
.refine{
  top:0;
  left:-99999px;
} 
.checkListContainer:hover .refine{
  left:auto;
  right:6px;
}
.brands.focus .refine{
  bottom: -419px;
  right: -681px;
  z-index: 3;
}
#expand{ width:20px; height:20px; position:absolute; right:6px; top:3px; display:block; cursor:pointer; z-index:3; }
.unfocus #expand{ background:url(https://ffe6be.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/buttons/expand.png) no-repeat top center; }
.focus #expand{ background:url(https://f5f62a.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/buttons/contract.png) no-repeat top center; }
.brandsMore,.brandsLess{
  float: right;
  padding-right: 19px;
  font-size: 9px;
  text-align: right;
  display: block;
}
.unfocus .brandsLess,
.focus .brandsMore{
  display:none;
}
/* 2: Product List*/
.related-list,
.product-list{
  position:relative;
}
.related-list .grid,
.featured-list .grid,
.product-list .grid{
  float:left;
  width:224px;
  margin-left:19px;
  margin-top:0;
  margin-bottom:20px;
  position:relative;
}
.product-list .detail{
  border-bottom:1px solid #c9c9c9;
  padding-bottom:10px;
  padding-top:20px;
}
.related-list .grid,
.featured-list .grid{
  width:140px;
}
.related-list .product:first-child,
.product-list .pos1,
.featured-list .product:first-child{
  margin-left:0;
}
.product a{
  display:block;
}
.product a img{
  display:block;
}
.related-list .product a img,
.featured-list .product a img{
  width:144px;
  height:auto;
  border:1px solid #d7d4d3;
}
.product .product-image{
  margin-bottom:11px;
  position:relative;
}
.product .product-image a{
  border:1px solid #d4d4d4;
  display:block;
}
.related-products .product .product-image{
  border:none;
}
.product .product-image img{
  margin:0 auto;
}
.related-products .product .product-image img{
  margin:0;
}
.product .product-image .back{
  animation: fadeInDID ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fadeInDID ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fadeInDID ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fadeInDID ease 1s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fadeInDID ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
  z-index:2;
}
.product .product-image .front{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  opacity:0;
  -moz-opacity:0;
  -webkit-opacity:0;
  filter:opacity(alpha=0);
  animation: fadeOutDID ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fadeOutDID ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fadeOutDID ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fadeOutDID ease 1s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fadeOutDID ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.product .product-image:hover .front{
  position:relative;
  z-index:2;
  animation: fadeInDID ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fadeInDID ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fadeInDID ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fadeInDID ease 1s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fadeInDID ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.product .product-image:hover .back{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  animation: fadeOutDID ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fadeOutDID ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fadeOutDID ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fadeOutDID ease 1s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fadeOutDID ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
  
}
@keyframes fadeInDID{
  0% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes fadeInDID{
  0% { opacity:0; -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
100% { opacity:1; }
}

@-webkit-keyframes fadeInDID {
  0% { opacity:0; }
100% { opacity:1; }
}

@-o-keyframes fadeInDID {
  0% { opacity:0; }
100% { opacity:1; }
}

@-ms-keyframes fadeInDID {
  0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeOutDID{
  0% { opacity:1; }
100% { opacity:0; }
}

@-moz-keyframes fadeOutDID{
  0% { opacity:1; -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
100% { opacity:0; }
}

@-webkit-keyframes fadeOutDID {
  0% { opacity:1; }
100% { opacity:0; }
}

@-o-keyframes fadeOutDID {
  0% { opacity:1; }
100% { opacity:0; }
}

@-ms-keyframes fadeOutDID {
  0% { opacity:1; }
100% { opacity:0; }
}
.frontBackFlag{
  padding:3px 8px 3px 8px;
  border:1px solid #464646;
  color:#464646;
  font-size:12px;
  font-family:Roboto,arial,san-serif;
  z-index:3;
}
.product.detail .product-image {
  float: none;
  padding-bottom:30px;
  display:table-cell;
  vertical-align:top;
}
.product.detail .product-image img{
  width:132px;
  height:132px;
}
.product .detail .product-image{
  float:left;
}
.product.grid .product-info{
  text-align:left;
  z-index:1;
}
.product-names{
  margin-top:10px;
}
.product .product-info{
  text-align:left;
  z-index:1;
}
.product.detail .product-info {
  text-align: left;
  z-index: 1;
  float: none;
  width: 400px;
  padding-left:18px;
  display:table-cell;
  vertical-align:top;
  padding-bottom:30px;
}
.product-list .detail .product-info{
  float:left;
  width: 395px;/*710-132-16-167*/
  text-align:left;
}
.product .product-info h3{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight:500;
  font-size:14px;
  color:#46818f;
  orphans:2;
}
.product-list .detail .product-info h3{
  font-size:18px;
  height:51px;
}
.product-list .detail .product-info h3 a{
  color:#666666;
}
.product .product-info h3 a{
  color:#353535;
}
.product .product-info h4, .product-names h4{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:13px;
  color:#46818f;
}
.product .product-info h4 a, .product-names h4 a{
  color:#353535;
}
.product .product-info h5, .product-names h5{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight:500;
  font-size:14px;
  color:#2c2c2c;
}
.product-list .detail .product_info h5{
  font-size:11px;
  height:16px;
}
.product .product-info h5{
  color:#2c2c2c;
}
.product-list .grid .product-numbers,
.product-list .grid .product-description{
  position:absolute;
  left:-9999px;
  top:-99999px;
}
.product-list .detail .product-description{
  border-top:1px solid #c9c9c9;
  padding-top:10px;
  font-size:13px;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
}
.product-list .detail .product-price-block{
  float:right;
  width:167px;
  text-align:right;
}
.detail .product-price-block {
  float: none;
  text-align:right;
  display:table-cell;
  padding-bottom:30px;
  vertical-align:top;
}
.grid .product-price-block {
  text-align:left;
}
.product-price-block {
  text-align:left;
}
.product .price{
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-weight:300;
}
.product .retail{
  font-size:13px;
  color:#666666;
}
.product .sale{
  font-size:24px;
  color:#171719;
  padding:5px 0;
}
.product .regular{
  font-size:13px;
  color:#717070;
  
}
.product .save{
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  color:#00b5f1;
}
.product-list .detail .product-flag-block{
  padding-bottom:10px;
}

.category a img.coverImage,.product a img.coverImage{
  border:0;
}
.product .price{
  
}
.detail .price.availability {
  text-align: left;
  padding: 5px 0 5px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0 10px 0;
}
.flag-notice{
  /*position:absolute;*/
  top:0px;
  z-index:3;
  padding:0px 8px 0px 8px;
  cursor:default;
  margin-right:5px;
}
.product-flag-block .flag-bot-right{
  top:200px;
  right:0;
  float:left;
}
.product-flag-block .flag-left{
  left:0;
  float:left;
}
.product-flag-block .flag-right{
  right:0;
  float:left;
}
.detail .flag-notice{
  position:relative;
  top:0;
  left:auto;
  right:auto;
  margin-left:10px;
  float:left;
}
.product-flag-block{
  /*height:28px;*/
}
.detail .flag-notice:first-child{
  margin-left:0;
}
.product-flag-block .flag-color1{
  border:1px solid #8caf04;
  color:#8caf04;
}
.product-flag-block .flag-color2{
  border:1px solid #00b5f1;
  color:#00b5f1;
}
.product-flag-block .flag-color3{
  border:1px solid #2a2fee;
  color:#2a2fee;
}
.product-flag-block .flag-color4{
  background:#fe4db8;
  color:#ffffff;
}
.product-flag-block .flag-color5{
  background:#2a2fee;
  color:#ffffff;
}
.product-flag-block .flag-color6{
  background:#fe4db8;
  color:#ffffff;
}
.product-flag-block .flag-color7{
  background:#000000;
  color:#ffffff;
}
.product .wholeHit{
  margin:20px 0px 20px 22px;
}
.product.pos1 .wholeHit{
  margin-left:0;
}
/* 3: Product Detail */
.product-left-column{
  float:left;
  width:468px;
}
.product_image{
  padding-bottom:15px;
  width:290px;
}
.MagicZoomPlus,.image_widget_alt_images{
  -moz-box-shadow: -1px -1px 9px 0px #cccccc;
  -webkit-box-shadow: -1px -1px 9px 0px #cccccc;
  box-shadow: -1px -1px 9px 0px #cccccc;
}
.MagicZoomPlus img,.image_widget_alt_images img{
  -mox-box-shadow: 1px 1px 9px #cccccc;
  -webkit-box-shadow: 1px 1px 9px #cccccc;
  box-shadow: 1px 1px 9px #cccccc;
}
.iw_help{
  padding-top:10px;
  padding-bottom:13px;
}
.iw_enlarge_help{ /* CMS_HIDE */ 
  float:right;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2c2c2c;
  font-weight:normal;
} 
.iw_zoom_help{ /* CMS_HIDE */ 
  float:left; 
  display:block; 
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2c2c2c;
  font-weight:normal;
}
.audio-video{
  border-top:1px solid #c9c9c9;
  margin-bottom:25px;
}
.audio-video.companyInfo{
  border:none;
}
.audio-video .audio:first-child{
  padding-left:0;
}
.audio-video .audio{
  width:112px;
  float:left;
  padding:17px 0 17px 7px;
}
.audio-video .audio img{
  cursor:pointer;
}
.audio-video .video:first-child{
  padding-left:0;
}
.audio-video .video{
  width: 112px;
  float: left;
  padding:17px 0 17px 6px;
}
.share{
  padding-top:20px;
}
.share span{
  vertical-align:top;
  padding-left:10px;
}
.product-main-column{
  float:left;
  width:438px;
  margin-left:29px;
}
.product-main-column .flag-notice{
  float:left;
  padding:1px 8px 3px 8px;
  cursor:default;
  margin-top:0;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
}
.product-main-column .flag-notice + .flag-notice{
  margin-left:10px;
}
.product-main-column .product-names{
}
.product-main-column .product-names h1.product_name{
  padding-bottom:0px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:500;
  color:#171717;
}
.product-main-column .product-names h3.product_name{
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:400;
  color:#2c2c2c;
  padding-bottom:10px;
}
.product-main-column .product-numbers{
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2c2c2c;
  padding-bottom:10px;/*add JMM 7-23-13*/
  margin-bottom:10px;
}
.product-main-column .product-numbers .product-number{
}
.product-main-column .product-price-block{
  padding-bottom:0px;
}
.product-main-column .product-price-block .price{
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#666666;
  line-height:1.4em;
}

.catalogItem.pos1{
  margin-left: 0;
}
.grid.pos1{
  margin-left: 0;
}
.detail.pos1{
  margin-left:6px;
}
.catalogItem{
  float: left;
  margin: 0 0px 30px 18px;
  position: relative;
  width: 224px;
}
.detail.catalogItem{
  float: none;/* jmm left;*/
  margin-bottom: 20px;
  padding-bottom: 20px;
  min-height: 100%;/* jmm 276px;*/
  width: auto;/* jmm 710px;*/
  display:table-row;
}
.product-main-column .product-price-block .retail{
  color:#666666;
}
.product-main-column .product-price-block.regular{
}
.product-main-column .product-price-block .sale{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1em;
  padding-top: 5px;
  color:#353535;
}
.product-main-column .product-price-block .save{
  font-weight: 700;
  color: #46818f;
  font-size: 14px;
  font-weight: 900;
  text-transform:uppercase;
  line-height: 1em;
}
.product-main-column .product-price-block .availability,
.product-main-column .product-price-block .free-shipping,
.featured .product-names .availability{
  font-weight: 500;
  color: #2c2c2c;
}
.product-main-column .product-price-block .free-shipping{
  padding:0;
}
.product-main-column .product-price-block .availability span,
.product-main-column .product-price-block .free-shipping span,
.featured .product-names .availability span{
  font-weight:400;
}
.product-main-column .product-attributes{
  padding-bottom:35px;
}
.product-main-column .attribute{
  padding-top:15px;
}
.product-main-column .attribute select,
.product-main-column .attribute input{
  width:220px;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2c2c2c;
  padding: 5px 0;
}
.product-main-column .attribute input[type=checkbox]{
  width:auto;
  margin-right:10px;
  vertical-align:middle;
}
.product-main-column .attribute span.info{
  margin-left:10px; vertical-align:middle;
}
.product-main-column .attribute-header{
  padding-bottom:1px;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#2c2c2c;
}
.product-main-column .attribute-name{
  font-weight:500;
  float:none;
}
.product-main-column .attribute-link{
  float:right;
}
.product-main-column .add-to-cart-area{
  padding-bottom:20px;
  border-bottom:1px solid #b7b7b7;
}
.product-main-column .quantity{
  float:left;
  padding-top:15px;
}
.product-main-column .quantity .prompt_div{
  font-size:18px;
  font-family:roboto, arial;
  color:#353535;
  font-weight:500;
  display:inline;
}
.product-main-column .quantity .input_div{
  display:inline;
  padding-left:7px;
}
.product-main-column .quantity .input_div input{
  width:30px;
  height:21px;
  border: 1px solid #aaaaaa;
}
.product-main-column .add-to-cart{
  float:right;
}
.product-main-column .add-to-cart input[type=submit]{
  background: #171717;
  border: 0;
  outline: 0 !important;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  padding: 19px 52px;
  cursor: pointer;
}
.product-main-column .ctt-product{
}
.product-main-column .ctt-product a{
}
.product-main-column .ctt-product a img{
  border:0;
}
.product-main-column .attribute-description{
}
.product-main-column .attribute-field{
}
.product-main-column .options_images{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
.product-main-column  .product-description{
}
.product-core {
  width: 468px;
  float: left;
  padding-left:20px;
}
.wrapped_more_container{
  padding-bottom:25px;
  position:relative;
}
.wrapped_more_cover{
  overflow:hidden;
}
.wrapped_more_content{
}
.wrapped_more_container .readMore{
  padding: 3px 5px;
  background: #b5b5b5;
  color: #ffffff;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 11px;
  line-height: 1em;
  cursor: pointer;
}
.product-right-column{
  float:left;
  width:226px;
  margin-left:28px;
}
.product-cart{
  margin-bottom:25px;
}
.product-cart-header{
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  height:40px;
  line-height:40px;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-weight:900;
  font-size:14px;
  color:#000000;
  padding-left:17px;
}
.product-cart-row{
  font-weight:900;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color:#2c2c2c;
  font-size:12px;
  font-weight:700;
  height:32px;
  line-height:32px;
  padding-left:10px;
}
.product-cart .subtotal{
}
.product-cart-lable{
}
.product-cart-value{
  float:right;
  text-align:right;
}
.checkout-button{
  text-align:center;
  margin-top:10px;
}
.checkout-button a{
}
.checkout-button img{
  border:0;
}
.product-whole{
}
.product-whole .specifications-label{
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#000000;
  font-weight:400;
  padding-bottom:5px;
}
.product-whole .specifications-label strong{
  font-weight:700;
}
.product-whole .product-tab-labels{
  border-right:1px solid #c9c9c9;
  position:relative;
  height:48px;
  z-index:2;
}
.product-whole .product-tabs{
  position:relative;
  border-right:1px solid #c9c9c9;
  border-left:1px solid #c9c9c9;
  margin-bottom:40px;
  border-bottom:1px solid #c9c9c9;
  z-index:1;
}
.product-whole .tab{
}
.product-whole .active{
  padding-top:16px;
  border-top:1px solid #c9c9c9;
  padding-bottom:16px;
}
.product-whole .tab-label{
  float:left;
  height:43px;
  line-height:43px;
  border-top:5px solid #c9c9c9;
  border-right:1px solid #c9c9c9;
  font-size:14px;
  font-weight:900;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  padding:0 18px;
  cursor:pointer;
}
.product-whole .product-tab-labels .label-active{
  border-top:5px solid #9f1f63;
  color:#9f1f63;
  border-bottom:1px solid #ffffff;
}
.product-whole .tab-label-filler{
  border-top:5px solid #c9c9c9;
  height:43px;
}
.product-whole .tab-label:first-child{
  border-left:1px solid #c9c9c9;
}
.product-whole .tab-content{
  position:absolute;
  top:-9999px;
  left:-99999px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:400;
  color:#171717;
  padding-left:22px;
}
.product-whole .active .tab-content{
  position:relative;
  top:0;
  left:0;
}
.product-whole .specifications{
  background: url(https://8944da.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/backgrounds/specifications-tab.png) repeat top center;
  padding-left:0;
}
.specs_item{
  /* CUSTOM */
  float:left;
  line-height:31px;
  padding-left:22px;
  width:454px;
}
.specs_item:nth-child(odd){
  border-right:2px solid #c9c9c9;
}
/* related products */
.related-products{
  margin-top:0;
  position:relative;
}
.related-products-label{
  margin-left:0;
  font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
  font-size:21px;
  color:#353535;
  font-weight:300;
  padding-bottom:13px;
}
.related-products-label  strong{
  font-weight:700;
}
.related-wrapper{
  overflow:hidden;
}
/* catalog side bar */
.shoppingCart{
  padding:14px 10px;
}
.shoppingCart h2{
}
.shoppingCart p{
  position:relative;
  width:74%;
  padding-top:16px;
}
.shoppingCart p .totalFloatRight{
  position:absolute;
  right:-33%;
  top:16px;
}
.attribute_image_displayed{ vertical-align:middle; }
.attribute_image_hidden{ position:absolute !important; left:-999999px; top:0; }

/** SPECIALIZATED*/
p:empty{
  display:none;
}

/* 6: Review */

.reviews{
  font-family:Roboto,arial,sans-serif;
  background:#ffffff;
  padding:10px;
}
.review-form-initial{
  float:right;
  cursor:pointer;
}
.review-form-initial span{
  font-size:13px;
  text-decoration:underline;
}
.review-stars{
  width:70px;
  height:13px;
  overflow:hidden;
  position:relative;
  background:#efefef;
}
.review-stars-amount{
  position:absolute;
  z-index:1;
  height:100%;
}
.review-stars-mask{
  position:absolute;
  z-index:2;
  height:13px;
  width:70px;
  background-image:url(https://bbf4d3.claudeassets.com/20181021220515im_/http://www.design-i-do.com/catalogengine/images/reviews-stars.png);
}
.review-inline-stars{
  display:inline;
  position:relative;
  padding-left:70px;
  margin: 0;
}
.detail .product-price-block .review-inline-stars{
  margin:0 0 0 10px;
}
.review-inline-stars + *{
  margin: 0 0 0 10px;
}
.review-inline-stars .review-stars{
  position:absolute;
  top:6px;
  left:0;
}
.product-price-block .reviews-average-rating {
  padding-top: 6px;
}
.reviews-average-rating{
  font-size:13px;
}
.reviews-average-rating .reviews-average-label{
  font-weight:500;
}
.reviews-average-label + .review_inline-stars{
  marign-left:0;
}
.reviews-count{
  font-size:12px;
}
.read-reviews{
  padding: 3px 5px;
  background: #666666;
  color: #ffffff;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 11px;
  line-height: 1em;
  cursor: pointer;
}
.reviews_control{
  padding:15px;
  background:#f4f3f1;
}
.reviews_sort{
  float:left;
}
#review_sort{
  margin-left:10px;
}
#reviews{
  padding:0 10px;
}
.review{
  position:relative;
  padding:10px;
  font-family:Roboto,arial,sans-serif;
}
.review-title{
  padding-bottom:10px
}
.review-title .review-stars{
  float:left;
}
.review-title h6{
  float:left;
  padding:0 0 0 10px;
}
.review-date{
  float:right;
  font-size:12px;
}
.review-author{
  font-size:14px;
}
.review-author span{
  font-weight:700;
}
.review-content{
}
/* rating form*/
.rating-form{
}
.rating-form-row{
  clear:both;
  padding-top:15px;
}
.rating-form-row label{
  float:left;
  width:67px;
  text-align:left;
  margin-right:20px;
}
.rating-form-row .review-stars{
  cursor:pointer;
  float:left;
  margin-right:20px;
}
.rating-form-row .review-stars + .rating-form-1-instructions{
  float:left;
}
.rating-form-input{
  float:left;
  width:240px;
  font-size:14px;
  background:#ffffff url(https://526299.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/shadow.gif) repeat-x;
  padding:2px 3px 3px;
  color:#666666;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  border-left:1px solid #dfdfdf;
  margin:0;
}
.rating-form-textarea{
  float:left;
  width:240px;
  min-height:5em;
  font-size:14px;
  background:#ffffff url(https://526299.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/shadow.gif) repeat-x;
  padding:2px 3px 3px;
  color:#666666;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  border-left:1px solid #dfdfdf;
  margin:0;
}
.rating-form-submit-row{
  clear:both;
  padding-top:20px;
  padding-bottom:20px;
}
.rating-form-submit{
  float:right;
  cursor:pointer;
  background:#de334d;
  color:#ffffff;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  font-size:13px;
  font-family:"Roboto Condensed",arial,sans-serif;
  padding:4px 10px;
  text-transform:uppercase;
  font-weight:700;
  border:1px solid #dfdfdf;
}
.rating-form-cancel{
  float:left  ;
  cursor:pointer;
  background:#efefef;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  font-size:13px;
  font-family:"Roboto Condensed",arial,sans-serif;
  padding:4px 10px;
  text-transform:uppercase;
  font-weight:700;
  border:1px solid #dfdfdf;
}
.more-info{
  margin-left:10px;
  width:458px;
  margin-top:40px;
}
.more-info .specifications-label{
  font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
  font-size:21px;
  color:#353535;
  font-weight:300;
  text-transform:uppercase;
  padding-bottom:15px;
}
.more-info .specifications-label strong{
  font-weight:700;
}
.more-info .product-tab-labels{
  /*border-right:1px solid #c9c9c9;*/
  position:relative;
  height:40px;
  z-index:2;
}
.more-info .product-tabs{
  position:relative;
  border-right:1px solid #c9c9c9;
  border-left:1px solid #c9c9c9;
  margin-bottom:40px;
  border-bottom:1px solid #c9c9c9;
  z-index:1;
}
.more-info .tab{
}
.more-info .active{
  padding-top:16px;
  border-top:1px solid #c9c9c9;
  padding-bottom:16px;
  background:#fff;
}
.more-info .tab-label{
  float: left;
  height: 35px;
  line-height: 36px;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: 12px;
  font-weight: 400;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  padding: 0 12px;
  cursor: pointer;
  margin-top: 5px;
}
.more-info .product-tab-labels .label-active{
  border-top: 1px solid #c9c9c9;
  color: #46818f;
  border-bottom: 1px solid #ffffff;
  background: #fff;
  font-weight: 500;
  margin-top: 0;
  height: 39px;
  line-height: 40px;
  border-left: 1px solid #c9c9c9;
}
.more-info .tab-label-filler{
  /*border-top:5px solid #c9c9c9;*/
  height:43px;
}
.more-info .tab-label:first-child{
  border-left:1px solid #c9c9c9;
}
.more-info .tab-content{
  position:absolute;
  top:-9999px;
  left:-99999px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:300;
  color:#171717;
  padding: 0 20px;
}
.more-info .active .tab-content{
  position:relative;
  top:0;
  left:0;
  min-height: 100px;
}
.more-info .specifications{
  background: url(https://8944da.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/backgrounds/specifications-tab.png) repeat top center;
  padding-left:0;
}
h2.artist-name{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:400;
  color:#333333; 
}
.customizeContainer span{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:300;
  color:#46818f;
  margin-left: 80px;
}
span.customText{
  font-style:italic;
  padding-left:5px;
  margin:0;
}
.leftSideNav .category_menu{
  
}
.leftSideNav .category_menu div.category_tree_li{
  clear:both;
  font-family: 'Roboto',Arial, Helvetica, sans-serif;
  position:relative;
  font-size:11px;
  padding:4px 11px;
}
.leftSideNav .category_menu div.category_tree_li:hover > a,.leftSideNav .category_menu div.active > a{
  color:#ffffff;
}
.leftSideNav .category_menu div.menu_level_2:hover > a,.leftSideNav .category_menu div.active > a{
  color:#46818f;
}
.leftSideNav .category_menu div.menu_level_3:hover > a, .leftSideNav .category_menu div.active > a {
color: #46818f;
}
/* first level styles*/
.frontPage .leftSideNav .category_menu > div.category_tree_li{
  padding:7px 13px;
  font-weight:300;
  font-size:13px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.leftSideNav .category_menu > div.category_tree_li{
  padding:7px 13px;
  font-weight:300;
  font-size:14px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.leftSideNav .category_menu > div.category_tree_li:hover,.homeProductListdiv.leftSideNav .category_menu > div.active{
  background:#000000;
}
/*.leftSideNav .category_menu > div.category_tree_li:hover,div.leftSideNav .category_menu > div.active{
background: url('https://608fbd.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/category-arrow.png') no-repeat 200px 15px;
}*/
.leftSideNav .category_menu div.category_tree_li > a{
  display:block;
  color:#171717;
  line-height: 1.4em;
}
.leftSideNav .category_menu > div.category_tree_li > a:hover{
  color:#ffffff;
}
.leftSideNav .category_menu > div.category_tree_li > a{
  color:#353535;
}
.leftSideNav .category_menu div.popOutWrapper{
  position:absolute;   
  left:-99999px;
  top:-9999px;
  z-index:100;
}
.leftSideNav .category_menu *:hover > div.popOutWrapper{
  left:212px;
  top: 0px;
}
.leftSideNav .category_menu div.popOutWrapper{
  /*padding:20px 10px 20px 10px;*/
  display:table-row;
  box-shadow:3px 3px 6px #aaaaaa;
  -moz-box-shadow:3px 3px 6px #aaaaaa;
  -webkit-box-shadow:3px 3px 6px #aaaaaa;
}
.leftSideNav .category_menu div.popOutCol{
  display:table-cell;
  width:252px;
  min-width:252px;
  background:#ffffff;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  padding:10px 0;
  min-width: 190px !important;
}
.leftSideNav .category_menu div.popOutCol:first-child{
  border-left:1px solid #e5e5e5;
}
/* second level styles*/
.leftSideNav .category_menu div.menu_level_2{
  font-size:13px;
  font-weight:500;
}
/* third level styles*/
.leftSideNav .category_menu div.menu_level_3{
  font-size:12px;
  font-weight:300;
  padding:4px 11px;
}
.leftSideNav .category_menu div.menu_level_3:hover{
  /*background:url('https://608fbd.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/category-arrow.png') no-repeat 13px 9px;*/
}
.leftSideNav .category_menu div.menu_level_3 > a{
  color:#171717;
  padding-left:14px;
}
/* fourth level styles*/
.leftSideNav .category_menu div.menu_level_4:last-child{
  padding-bottom:10px;
}
.leftSideNav .category_menu div.menu_level_4{
  font-size:11px;
  /*padding:0 11px;*/
}
.leftSideNav .category_menu div.menu_level_4 > a{
  padding-left:22px;
  position:relative;
  font-weight:300;
  color: #666666;
}
.leftSideNav .category_menu div.menu_level_4 > a:before{
  content: " ";
  width:6px;
  left:12px;
  height:1px;
  background:#000000;
  top:50%;
  position:absolute;
}
.leftSideNav .category_menu div.menu_level_4:hover > a:before{
  background:#333333;
}
/* fifth level styles*/
.leftSideNav .category_menu div.menu_level_5{
  font-size:11px;
  padding:2px 11px;
}
.leftSideNav .category_menu div.menu_level_5 > a{
  color:#666666;
  padding-left:41px;
  position:relative;
}
.leftSideNav .category_menu div.menu_level_5 > a:before{
  content: " ";
  width:4px;
  left:30px;
  height:4px;
  background:#a3a3a3;
  top:50%;
  position:absolute;
  margin-top:-2px;
}
.leftSideNav .category_menu div.menu_level_5:hover > a:before{
  background:#333333;
}
/* customization */
#customization_container{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
.change-product{
  color:#46818f;
  text-decoration:underline;
  padding-left:40px;
  position:relative;
  cursor:pointer;
  font-size:.75em;
}
.change-product:before{
  position:absolute;
  content:" ";
  border-bottom:1px solid #aaaaaa;
  position:absolute;
  top:50%;
  left:10px;
  width:20px;
}
.product-image{
  position:relative;
}
.imgloading{
  z-index: 1000;
  left: 10px;
  top: 10px;
  position: absolute;
  z-index: 3;
  display:none;
}
.customization_button{
  padding:11px 30px;
  font-size:13px;
  font-weight:400;
  font-family:Roboto,arial,sans-serif;
  color:#ffffff;
  line-height:1em;
  background-color:#46818f;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  float:left;
  text-transform:uppercase;
  cursor:pointer;
}
.catalogBanner{
  min-height: 365px;
  background-position: center 45px;
}
/*
     FILE ARCHIVED ON 13:18:01 Nov 10, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:26:11 Jul 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.811
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.05
  esindex: 0.014
  cdx.remote: 9.86
  LoadShardBlock: 84.19 (3)
  PetaboxLoader3.resolve: 77.285 (4)
  PetaboxLoader3.datanode: 74.067 (4)
  load_resource: 104.153
*/