/* Organizational Chart - Base
1. General Styles
2. Header
3. Precontent, Rotator, and Banner
4. Content
4a. Inner Page-Specific styles
5. Footer and Prefooter
6. CMS
*/

.clear{ /* CMS_HIDE */ clear:both;}
img{ /* CMS_HIDE */ border:0;}
.floatL{ float:left;}
.floatR{ float:right;}
body{ margin:0; padding:0;}

.widthControl, .ribbon .control{ padding:0; margin:0 auto; width:956px;}
/* -------------------------------------------------------- 2. Header */
.menu {
  float: right;
  width: 75%;
}
#header{ height:81px; position:relative; }
.headerRepeatMobile{/* CMS_HIDE */ display:none;}
.headerRepeat{/* CMS_HIDE */ z-index:30; position:relative;}
.headerLeftContent{ /* CMS_HIDE */ padding:0; margin:55px 40px 0 12px; float:left; }
.headerRightContent{ /* CMS_HIDE */ padding:10px 0 0 0; margin:0; }
.headerRightContent p{ padding:0 0 0 10px;}
.headerRightContent p:first-child{ border:none;}
.headerTopCol{ /* CMS_HIDE */ margin:30px 0 0 0;}

.headerNavigation{ /* CMS_HIDE */ clear:right; list-style:none; height:81px; border-bottom:none; padding:0;}
.headerNavigation > li{ float:left; position:relative; }
.headerNavigation > li.header_dd{ position:static; }
.headerNavigation > li > a, .headerNavigation > li > span, .headerNavigation > li > .video_div a,
h4#mobile_menu_title{ display: block; padding: 25px 10px 17px; height: 41px; line-height: 41px; font-size: 16px;}
.headerNavigation > li > span{ /* CMS_HIDE */ cursor: default;}
.headerNavigation > li  ul{ margin:0; padding:0; list-style:none;}
.headerNavigation > li > ul{ position:absolute; left:-9999px;z-index:25;}
.headerNavigation > li:hover > ul{ left:0; }
.headerNavigation > li > ul > li > a{ display:block; padding:5px 10px;  /*opacity:0.80;*/ filter:alpha(opacity=80); /* For IE8 and earlier */ }
.headerNavigation li:first-child{ padding-left:0;}

.headerNavigation > li.header_dd:hover > ul{/* CMS_HIDE */
  left:0;
  width:956px;
  /*padding:28px 20px;*/
  display:table-row;
}
.headerNavigation >li.header_dd > ul >li{/* CMS_HIDE */
  display:table-cell;
  width:229px;
  padding:0;
  max-width:229px;
  text-align:left;
  background:#49818e;
}
.headerNavigation >li.header_dd > ul >li.hover{
  background:#252525;
}
.headerNavigation >li.header_dd > ul >li.dd_collections a,
.headerNavigation >li.header_dd > ul >li.dd_categories a,
.headerNavigation >li.header_dd > ul >li.dd_featured a,
.headerNavigation >li.header_dd > ul >li.dd_products a{
  padding-left:20px;
}
.headerNavigation >li.header_dd > ul >li.dd_products a{
  padding-right:0px;
}
.headerNavigation >li.header_dd > ul >li a{/* CMS_HIDE */
  padding:5px;
  margin-right:20px;
}
/*This should be the lists of collection, categories, artists, and products */
.darkback{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width:956px;/*916*/
}
.headerNavigation >li.header_dd > ul >li:hover .darkback,
.headerNavigation >li.header_dd > ul >li.hover .darkback{
  background:#252525;
  position:relative;
  top:0;
  /*min-height:78px;*/
}
.headerNavigation >li.header_dd > ul > li > ul{/* CMS_HIDE */
  padding:0 0 0 20px;
}
.headerNavigation >li.header_dd >ul > li.hover:first-child > .darkback{/* CMS_HIDE */
  position:relative;
  left:0;
  top:0;
}
.headerNavigation >li.header_dd >ul > .dd_categories.hover > .darkback,
.headerNavigation >li.header_dd >ul > .dd_categories:hover > .darkback{/* CMS_HIDE */
  /*left:-229px;/*229+20*/
  left:-229px;
}
.headerNavigation >li.header_dd >ul > .dd_featured.hover > .darkback,
.headerNavigation >li.header_dd >ul > .dd_featured:hover > .darkback{/* CMS_HIDE */
  left:-458px;/*458+20*/
}
.headerNavigation >li.header_dd >ul > .dd_products.hover > .darkback,
.headerNavigation >li.header_dd >ul > .dd_products:hover > .darkback{/* CMS_HIDE */
  left: -458px;/*687+20*/
}
.headerNavigation >li.header_dd > ul > li > .darkback li{ /* CMS_HIDE */
  float:left;
  width:229px;
}
.headerNavigation >li.header_dd > ul > li > .darkback li a{ /* CMS_HIDE */
  display:block;
}


.menuRepeat{/* CMS_HIDE */ position:relative; z-index: 10000; clear:both;}
h4#mobile_menu_title{ /* CMS_HIDE */
  display:none;
}

#header .logo {
  float: left;
  margin-top: 22px;
  width: 23%;
}

.toolbar{ /* CMS_HIDE */
  margin:0 auto;
  padding:13px 0 10px 0;
  width:956px;
}
.toolbar .left, .toolbar .middle, .toolbar .right{ /* CMS_HIDE */
  float:left;
}
.toolbar .middle, .toolbar .right{ /* CMS_HIDE */
  padding-left:19px;
}
.toolbar .middle:first-child, .toolbar .right:first-child{ /* CMS_HIDE */
  padding-left:0;
}
.toolbar .left{ /* CMS_HIDE */ width: 153px; min-height:1px;}
.toolbar .middle{ /* CMS_HIDE */ width: 275px; min-height:1px;}
.toolbar .right{ /* CMS_HIDE */ width: 490px; min-height:1px;}

.toolbar .search, .toolbar .signIn, .toolbar .freeDemo {
  margin-top: 0px;
}
.cart{
  float: left;
  margin-top: 8px;
  padding-left: 5px;
  text-align: center;
  width: 125px;
}
.languageDropdown {
  background: none repeat scroll 0 0 #5b5b5b;
  border-radius: 5px;
  float: left;
  margin-left: 15px;
  width: 127px;
  list-style:none;
  display:block;
  padding: 0;
}
.languageDropdown li{
  position:relative;
  list-style:none;
  padding-left:5px;
}
.languageDropdown li span {
  color: #FFFFFF;
  font-family: 'Roboto',Arial,sans-serif;
  font-size: 13px;
  padding: 5px 0 8px 3px;
  cursor:pointer;
  display:block;
}
.languageDropdown li ul{
  background:#ffffff;
  width:100px;
  margin:;
  z-index:31;
  box-shadow: 3px 3px 3px #ebebeb;
}
.languageDropdown li ul{
  position:absolute;
  left:-9999px;
}
.languageDropdown li:hover ul{
  left: 0;
  padding: 3px 0;
  top: 35px;
}


/* -------------------------------------------------------- 3. Precontent, Banner and Rotator */
.preContentRepeat{/* CMS_HIDE */ z-index:20; position:relative;}
#banner{ 
  background:url('https://388f14.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/banner-shadow.png') no-repeat center bottom; 
  margin: 0 auto;
  position: relative;
  /*width: 956px;
  left: -347px;*/
}
.bannerSlides{ /* CMS_HIDE */ /*position:absolute;*/}
.bannerText, .rotator_html{ /* CMS_HIDE */ position:absolute; left:60px; top:60px; width:210px;}
.bannerTitle{ /* CMS_HIDE */ position:absolute; left:470px; top:60px; width:450px;}
.bannerSlidesNavigation{ /* CMS_HIDE */ position:absolute; left:456px; text-align:center; top:408px;}
.slide-left{ /* CMS_HIDE */ position:absolute; top:134px; left:1px;}
.slide-right{ /* CMS_HIDE */ position:absolute; top:134px; right:1px;}

#banner .rotator_indicators{
  left:13px;
  bottom:13px;
}
.bannerInner{
  position: relative;
  left: -163px;
  top: -8px;
}

/* Homepage Precontent tri-panel.  HTML not included on standard install. */
#contentTop{padding:0 0 5px 0; margin:8px 0 25px 0;}
.contentTopContainer{ /* CMS_HIDE */ width:956px; padding:0 ; margin:0;}
.contentTopContainerBox{ /* CMS_HIDE */ width:274px; padding:20px 10px 10px 20px; border:1px solid #DFDFDF; margin:0 0 0 19px; background:#F5F5F5;}
.contentTopContainerBox:first-child{ /* CMS_HIDE */ margin:0;}

/* Other Precontent Styles */
.preContent{/* CMS_HIDE */ position:relative; min-height:20px; padding-top:10px;}
#home .preContent{/* CMS_HIDE */ padding-top:0px;}
.breadcrumbs{/* CMS_HIDE */ padding-top:4px;}
.breadcrumbs + h1.pagetitle{padding-top:2px !important;}
div.extras{/* CMS_HIDE */ position:relative; padding:17px 0 0 0;}
div.extras div.clear{/* CMS_HIDE */ height:1px;}
.h1-container{ /* CMS_HIDE */ padding:0px; margin:0px;}

#widgetBar {
  overflow:hidden;
  float:right;
  z-index:20;
  /*padding-top:15px;*/
}
#home #widgetBar{ /* CMS_HIDE */ }
#widgetBar ul {
  list-style: none outside none;
  margin:0;
  padding-top:0px;
}
#widgetBar ul li {
  display:inline;
}
#widgetBar ul a {
  padding:0 7px;
}
#widgetBar ul li:first-child a {
  border-left:medium none;
}

/* -------------------------------------------------------- 4. Content */
#home .content {
  width: 100%;
  padding: 0;
}
.contentRepeat{/* CMS_HIDE */ z-index:15; }
.contentStatic{/* CMS_HIDE */ position:relative; }
.padding-left{ /* CMS_HIDE */ padding:0 0 0 18px;}
/* Column Definitions */
#content{min-height:300px; padding:30px 0 30px 0; text-align:left; line-height:26px; position:relative; zindex:10;}
.innerContent{ /* CMS_HIDE */
  width:100%;
}
.hasRight .innerContent, .hasLeft .innerContent{ /* CMS_HIDE */
  float: left;
}
.hasRight .innerContent{/* CMS_HIDE */ padding-right:3px;}
.hasLeft .innerContent{/* CMS_HIDE */ padding-left:3px;}
.sidebar{ /* CMS_HIDE */ float:left;}
.contentContainer{
  padding-top:40px;
}
/* -------------------------------- 4a. Inner Page-Specific styles - */
.sitemap-col{ /* CMS_HIDE */  }
ul.sitemap-ul{/* CMS_HIDE */ padding:0;}
.sitemap-li:first-child{ /* CMS_HIDE */ margin:0; padding:0;}
.sitemap-li{ /* CMS_HIDE */ margin:0; padding:15px 0 0 0; list-style:none; font-size:14px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; background: none repeat scroll 0 0 transparent;}
.sitemap-li a{ /* CMS_HIDE */ list-style:none; font-size:14px; text-decoration:none;}
.sitemap-li a:hover{ /* CMS_HIDE */ text-decoration:none; color:#353535; }
.sitemap-sub-ul{ /* CMS_HIDE */ margin:0; padding:0 0 0 15px; list-style:none;}
li > a  + .sitemap-sub-ul{ padding-top:10px;}
.sitemap-sub-li{ /* CMS_HIDE*/ list-style:none; background: none repeat scroll 0 0 transparent; }
.sitemap-sub-li a{ color:#838383; }

.sidebar .mapGetDirectionsButton{ /* CMS_HIDE */ 
  margin-top:14px;
  background:url('https://9e0158.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/buttons/get-directions.png') no-repeat;
  width:124px;
  height:27px;
  /* AAG 12/4/12 */
}
.career_categories h3.careercategory, .faq_categories h3.faqcategory{
  width:100%; 
  margin:3px 0;
  /* 12/4/12 AAG */
}

div.career_categories, div.faq_categories{ /* CMS_HIDE */
  float:left;
  padding:0 0 15px 0;
}
div.career_categories_container div.career_image, div.faq_categories_container div.faq_image{
  width:auto;
}

script:first-child +script +.video_div{/* CMS_HIDE */
  
  /* space around video thumbnails if appears first [12/5/12 aag]*/
}
.sliderWrapper{ /* CMS_HIDE */ position:relative; }
.sliderOverflow{ /* CMS_HIDE */ overflow:hidden; }
.sliderSelf, .categoryContainer{/* CMS_HIDE */ position:relative; }
.slider-col { /* CMS_HIDE */
  float: left;
  margin-left: 33px;
  position: relative;
  width: 186px;
  /* unit for commerce sliders */
}
.slider-col:first-child{ /* CMS_HIDE */
  margin-left:0;
}
.NextPrev-arrow { /* CMS_HIDE */
  cursor: pointer;
  height: 37px;
  position: absolute;
  top: 50%;
  width: 28px;
}
.right-arrow { /* CMS_HIDE */ 
  background: url("https://6c1182.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/left-right-arrows.png") repeat scroll 28px 0 rgba(0, 0, 0, 0);
  right: -27px;
}
.left-arrow { /*CMS_HIDE */
  background: url("https://6c1182.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/left-right-arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  left: -27px;
}
.sliderWrapper{ /* CMS_HIDE */ position:relative; }
.sliderOverflow{ /* CMS_HIDE */ overflow:hidden; }
.sliderSelf{/* CMS_HIDE */ position:relative; }
.slider-col { /* CMS_HIDE */
  float: left;
  margin-left: 29px;
  position: relative;
  width: 299px;
  text-align:center;
  /* unit for commerce sliders */
}


#home .artwork .NextPrev-arrow { /* CMS_HIDE */
  cursor: pointer;
  height: 140px;
  position: absolute;
  top: 0px;
  width: 40px;
}
#home .artwork .right-arrow { /* CMS_HIDE */
  background: url("https://518dce.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/artwork-left-right-arrows.png") repeat scroll 28px 0 rgba(0, 0, 0, 0);
  right: -40px;
}
#home .artwork .left-arrow { /*CMS_HIDE */
  background: url("https://518dce.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/artwork-left-right-arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  left: -40px;
}


#home .NextPrev-arrow { /* CMS_HIDE */
  cursor: pointer;
  height: 50px;
  position: absolute;
  top: 50%;/*118px;*/
  width: 28px;
  margin-top:-25px;
}
#home .right-arrow { /* CMS_HIDE */
  background: url("https://eec926.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/home-left-right-arrows.png") repeat scroll 28px 0 rgba(0, 0, 0, 0);
  right: -40px;
}
#home .left-arrow { /*CMS_HIDE */
  background: url("https://eec926.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/home-left-right-arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  left: -40px;
}


.NextPrev-arrow { /* CMS_HIDE */
  cursor: pointer;
  height: 14px;
  position: absolute;
  top: 4px;
  width: 22px;
}
.right-arrow { /* CMS_HIDE */
  background: url("https://6c1182.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/left-right-arrows.png") repeat scroll 22px 0 rgba(0, 0, 0, 0);
  right: 5px;
}
.left-arrow { /*CMS_HIDE */
  background: url("https://6c1182.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/left-right-arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  left: 431px;
}
.headerTagline{
  color: #353535;
  display: block;
  font-family: Roboto,arial,sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin-top: 10px;
  text-align: center;
}
.featuredHeaders {
  margin: 30px 0 30px;
  padding: 0;
  text-align:center;
  background:url('https://d31875.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/featured-bg-lines2.png') repeat-x 0 11px;
}
.featuredHeaders.featuredProducts{
  margin: 30px 0 30px;
  padding: 0;
  text-align:center;
  background:url('https://d31875.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/featured-bg-lines2.png') repeat-x 0 11px;
}
.featuredHeaders span{
  color: #171717;
  font-family: 'Berkshire Swash', cursive;
  font-size: 36px;
  font-weight: 300;
  padding: 0 12px;
  background: #e3e3e3;
}
.featuredHeaders.featuredProducts span{
  color: #171717;
  font-family: 'Berkshire Swash', cursive;
  font-size: 36px;
  font-weight: 300;
  padding: 0 12px;
  background: #ffffff;
}
.category_menu{
  padding-top:20px;
}

/************* Featured Slides ******/
#home .featuredCategory{
  overflow:hidden;
}
#home .featuredCategory.artwork{
  overflow:hidden;
}
/*#home .slider-col, #home .featuredSpecials, #home .topCases{
width:956px;
margin:10px 0 30px;
position: relative;
}*/
#home .slider-col:first-child{
  padding:0;
  margin:0;
}

#home .slider-col{
  width:299px;
  height:225px;
  margin:0 0 0 29px;
  float:left;
  padding-bottom:30px;
}

#home .categoryImage{
  border:1px solid #e5e5e5;
  width:179px;
  height:179px;
}
#home .categoryImage img{
  width:178px;
  height:178px;
}
#home .categoryName{
  background:url('https://0352f2.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/backgrounds/background-sprite.png') no-repeat;
  width:180px;
  height:44px;
}
#home .featuredSlider-col:first-child{
  padding:0;
  margin:0;
}
#home .featuredSlider-col{
  width:189px;
  height:auto;
  margin:0 0 0 64px;
  float:left;
}
#home .artwork .featuredSlider-col{
  width:140px;
  height:auto;
  margin:0;
  float:left;
}
#home .featuredImage{
  width:189px;
  height:195px;
  text-align:center;
}
#home .featuredImage img{
  max-width:100%;
}
#home .artwork .featuredImage{
  width:140px;
  height:auto;
  text-align:center;
}
.categoryName{
  background:url('https://450e43.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/backgrounds/sidebar-search.png') no-repeat;
  width:217px;
  padding-bottom: 17px;
}

#content .categoryName p{
  font-family: 'Berkshire Swash', cursive;
  font-size:21px;
  font-weight:500;
  color:#353535;
  text-transform:lowercase;
  text-align:left;
  line-height:.7em;
}
#home #content .categoryName p{
  padding:6px 11px 6px 11px;
  line-height:1.1em;
  display:table;
  height:31px;
  width:158px;
}
#home .homePage .categoryName a{
  font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}
#home .homePage .categoryName a:hover{
  color:#000000; /* Needs To Be Changed */
}
#home .featuredSpecials{
  /*width:956px;not needed jmm*/
  /*height:370px;*/
  margin:60px 0 30px;
  position: relative;
}
#home .featuredSpecials.artwork{
  width:92.7%;
  /*height:370px;*/
  margin:0 auto;
  position: relative;
}
#home .feature .product-names,
#home .feature .product-price-block{
  text-align: left;
}
#home .product-price-block{
  padding-top:10px;
}
#home .product-price-block{
  font-family:Roboto,arial,sans-serif;
  font-size:14px;
  color:#353535;
}
#home .price.regular{
  color:#717070;
}
#home .price.sale{
  font-family:'Roboto'arial,sans-serif;
  font-size:24px;
  color:#171719;
  font-weight:300;
  padding:5px 0;
}
#home .price.save{
  font-family:Roboto,arial,sans-serif;
  color:#00b5f1;
  font-weight:600;
}
#home .feature  div.product-names h3{
  font-family:Roboto,arial,sans-serif;
  font-size:14px;
  color:#353535;
  /*background:#171717;*/
  padding:3px 0px;
  font-weight:500;
}
#home .product-number{
  padding-top:10px;
}
/*********************** End ********************************/

/* -------------------------------------------------------- 4b. Ribbons*/
.ribbon{ /* CMS_HIDE */
  position:relative;
  overflow:hidden;
  padding:20px 0;
}
.ribbon .control{ /* CMS_HIDE */
  z-index:10;
  position:relative;
}
.ribbon.moving-background .ribbon-overlay  + .control *, /* CMS_HIDE */
.ribbon.fixed-background .ribbon-overlay + .control *{ /* CMS_HIDE */
  color:#ffffff;
}

.ribbon.background-1{ /* CMS_HIDE */
  background:#ffffff;
}

.ribbon.moving-background{ /* CMS_HIDE */
  height:auto;
  background-attachment:fixed;
  background-size:100% auto;
  background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
}
.ribbon.fixed-background{ /* CMS_HIDE */
  background-position:50% 0;
  height:auto;
  background-attachment:fixed;
  background-size:100% auto;
  background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
}
.ribbon .ribbon-overlay{ /* CMS_HIDE */
  height:100%;
  width:100%;
  position:absolute;
  top:0; left:0;
  z-index:2;
}
.ribbon.solid .ribbon-overlay{ /* CMS_HIDE */
  /* Overlays on solid color ribbons */
}
.ribbon.moving-background .ribbon-overlay, /* CMS_HIDE */
.ribbon.fixed-background .ribbon-overlay{ /* CMS_HIDE */
  background-color:#595959;
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* Overlays on ribbons with image backgrounds */
}
.ribbonSingular{
  /*min-height: 690px;*/
}
.ribbonInner{
  bottom: 0;
  position: absolute;
  width: 50%;
}
#home .ribbonInner p{
  font-size:20px;
  color:#171717;
}
/* -------------------------------------------------------- 5. Footer and PreFooter*/
.preFooterRepeat{/* CMS_HIDE */ z-index:10;}
#prefooter{ width: 61%; min-height: 210px; margin: 0 auto; border-bottom:1px solid #b7b7b7;}
.preFooterRepeatMobile{/* CMS_HIDE */ display:none;}
#prefooter .fourCols{ width:210px; min-height:164px; padding-right:18px; margin-right:18px; float:left; border-right:1px solid #c9c9c9; /* was d8d8d8 */}
.contentBottomContent{ /* CMS_HIDE */ width:956px; margin:0 auto; }
#prefooter .lastCol{ margin-right:0; padding-right:0; border:0;}

.footer{ /* CMS_HIDE */ text-align:left; padding-top:20px;}
.footer p{padding:0;}
#home .footer div.copyright p{ /* CMS_HIDE */ margin:0; padding:0;} 
.footerNavigation{  /* CMS_HIDE */ margin:0; padding:30px 0 20px 0; list-style:none; font-size:14px; font-weight:300; text-align:center; float:left;}
.footerNavigation li a{ text-decoration:none;}
.footerNavigation li a:hover{ text-decoration:none; color:#80b8b8;}
.footerNavigation > li:first-child{ border:0;}
.footerNavigation > li > a{  display:inline-block; padding:0 5px; }
.footerNavigation > li > a.first{padding-left:0px;}
.footerNavigation > li > ul{ position:absolute; margin:0; padding:10px 0 0 15px; list-style:none;}
.footerRepeat{ /* CMS_HIDE */ z-index:5;}
.footerStatic{ /* CMS_HIDE */ position:relative;}

/* Change class on footer nav div to change alignment: leftAlignFoot or centerAlignFoot */
.footerNav.leftAlignFoot .footerNavigation > li {/* CMS_HIDE*/ display:block; float:left}
.footerNav.centerAlignFoot{ /* CMS_HIDE */ text-align:center;}
.footerNav.centerAlignFoot .footerNavigation > li{ /*CMS_HIDE */ display:inline;}

.footerNav{/* CMS_HIDE */ width:100%; padding-bottom:25px;}

#prefooter .footerLogo {/* CMS_HIDE */
  float: left;
  width: 260px;
  margin-right: 145px;
}
#prefooter .preFooterNavWrapper{
  float: left;
  padding-left: 7px;
  width: 530px;
}
#prefooter .preFooterNav{/* CMS_HIDE */
  list-style:none;
  padding:0;
}
.preFooterNav > li:first-child{/* CMS_HIDE */
  margin:0;
  padding:0;
}
.preFooterNav > li{/* CMS_HIDE */
  float:left;
  margin-left:32px;
}
.preFooterNav >  li > span,
.preFooterNav >  li > a > span{
  color: #171717;
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.preFooterNav >  li > a > span:hover{
  color: #80b8b8;
}
.preFooterNav > li > a{/* CMS_HIDE */
  color:#548843;
  font-size:18px;
  font-weight:500;
}
.preFooterNav > li > ul{/* CMS_HIDE */
  list-style:none;
  padding:20px 0 0 0;
}
.preFooterNav > li > ul > li{/* CMS_HIDE */
  list-style:none;
  padding-top:10px;
}
.preFooterNav > li > ul > li h4{/* CMS_HIDE */
  font-size:14px;
  font-family:'Roboto',arial,sans-serif;
  font-weight:400;
  color:#666666;
  padding:0;
}
.preFooterNav > li > ul > li a, .preFooterNav > li > ul > li span{/* CMS_HIDE */
  font-size:14px;
  font-family:'Roboto',arial,sans-serif;
  font-weight:300;
  color:#666666;
  padding:0;
  text-decoration:none;
}
.preFooterNav > li > ul > li a:hover{/* CMS_HIDE */
  color:#80b8b8;
}
.preFooterNav > li > ul > li p{/* CMS_HIDE */
  font-size:13px;
  font-family:'Roboto',arial,sans-serif;
  font-weight:300;
  color:#666666;
  padding:0;
  line-height:1.3em;
}
.leftContentContainer{/* CMS_HIDE */
  float:left;
  width:384px;
}
.signupBox span{/* CMS_HIDE */
  display: block;
  padding-left: 41px;
  background: url('https://f8de0c.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/address-holder.png') no-repeat left center;
  margin-top: 20px;
}
div.signupBox  h3 label {
  color: #3b3e41;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform:uppercase;
}
input.signUp{
  background: url("/assets/www.design-i-do.com/en/images/buttons/signup.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 42px;
  width: 69px;
  margin-left:5px;
}

a.newsLetterSignUp{
  background: url("https://2710d6.claudeassets.com/20181021220515im_/http://www.design-i-do.com/images/buttons/newsletter-signup.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 51px;
  margin: 14px auto;
  text-align: center;
  width: 146px;
}

a.newsLetterSignUp:hover{
  background: url("https://acd1d7.claudeassets.com/20181021220515im_/http://www.design-i-do.com/images/buttons/newsletter-sign-out.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contentBottomContent {
  margin: 0 auto;
  width: 956px;
  padding-top:40px;
  padding-bottom:40px;
  background:url('https://425e79.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/prefooter-divider.png') no-repeat 350px -84px ;
}
#prefooter .footerLogo {
  float: left;
  margin-right: 145px;
  width: 260px;
  padding-bottom:40px;
}
#prefooter .emailInput{ /* CMS_HIDE */
  border:1px solid #d0d0d0;
  height:37px;
  margin-top:1px;
  padding-left:10px;
  width:220px;
}

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

.powered{/* CMS_HIDE */ float:right; text-align:right; width:372px;}
.w3c{ /* CMS_HIDE */ padding-top:3px; }
.copyright{/* CMS_HIDE */ float:left;}

p.social{/* CMS_HIDE */ padding-bottom:0px;}

.footer .powered span{/*display:block;*/ padding-right:14px; color:#353535;}
.powered p a{/* CMS_HIDE */ padding-top:2px;}
div.seofooter{/* CMS_HIDE */ padding:10px 0;}

.contentBottomContent h2{padding-top:0px;}
#footer .floatR a{ float:left; margin-right:5px;}

#footer ul{
  list-style:none;
  /*padding-right:10px;*/
}

/* -------------------------------------------------------- 6. CMS */
.live_update_div .live_update_div{ /* CMS_HIDE */
  margin-top:0px !important;
}
div.SC_Panel { /* CMS_HIDE */
  background:white;
}

#EditJavascripts_FieldDiv, #EditStylesheets_FieldDiv {
  color: black;
  margin: 0;
  padding: 5px 0 5px 10px;
}
body#content, body#header, body#footer{
  background:#ffffff !important;
  background-image:none !important;
  float:none;
}
.div_dialog_content{ /* CMS_HIDE */ padding:0 30px 40px; }
#breadcrumbs_FieldDiv{float:none !important; width:auto !important; display:inline !important;padding-left:10px !important;}
#menu_main_FieldDiv{
  border-top:none !important;
  border-bottom:none !important;
}
#home .menuRepeat{/* CMS_HIDE */ 
  z-index:99999;
}
.socialWrapper{/* CMS_HIDE */
  float:left;
  padding:10px 0;
}
.socialWrapper a:first-child{/* CMS_HIDE */
  padding:0;
  margin:0;
}
.socialWrapper a{/* CMS_HIDE */
  margin-left:15px;
}
.socialWrapper .socialFB, .socialWrapper .socialTwit, .socialWrapper .socialPintrest, .socialWrapper .socialInstagram, .socialWrapper .socialYoutube{/* CMS_HIDE */
  height:25px;
  display:block;
  float:left;
}
.socialTwit{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat -62px 6px;
  width:18px;
}
.socialTwit:hover{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat 1px 6px;
  width:18px;
}
.socialFB{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat -63px -39px;
  width:25px;
}
.socialFB:hover{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat 7px -39px;
  width:25px;
}
.socialPintrest{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat -55px -87px;
  width:25px;
}
.socialPintrest:hover{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat 1px -87px;
  width:25px;
}
.socialInstagram{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat -55px -149px;
  width:25px;
}
.socialInstagram:hover{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat 1px -149px;
  width:25px;
}
.socialYoutube{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat -55px -223px;
  width:25px;
}
.socialYoutube:hover{/* CMS_HIDE */
  background:url('https://a93d74.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/social-sprites.png') no-repeat 3px -223px;
  width:25px;
}
.signIn {
  float: left;
  margin-top:22px;
}
.signIn a {
  background: none repeat scroll 0 0 #80b8b8;
  padding: 11px 14px 11px 14px;
  /*  width: 52px;*/
  border-radius: 3px;
  color: #FFFFFF;
  display: block;
  font-family: 'Open Sans',arial,sans-serif;
  font-weight: 500;
  /*min-width: 100px;*/
  text-align:center;/*jmm*/
}
.signIn a:hover {
  background: none repeat scroll 0 0 #ffffff;
  color: #363636;
}
#content .newsLetter{
  margin-top: 20px;
  text-align: center;
}
#content .newsLetter h4{
  font-family: 'Berkshire Swash', cursive;
  font-size:24px;
}
#content .newsLetter p{
  padding-top:5px;
}
#content .newsLetter input{
  padding-top:20px;
}
#home .pricelist {
  clear: left;
  padding: 10px;
  width: 610px;
}
#home .weight, .price {
  /*float: left;*/
  /* margin: 2px;*/
  /*width: 300px;*/
}
.columnOne, .columnTwo, .columnThree {
  float: left;
  width: 33%;
}
.overlayWrapper{
  position: absolute;
  bottom: 0;
  right: 0;
  height: 76px;
  background:url('https://ebc2af.claudeassets.com/20181021220515im_/http://www.design-i-do.com/en/images/assets/overlay.png') repeat;
  z-index: 9999;
  width: 100%;
}
.overlay{
  width: 956px;
  margin: 0 auto;
}
.overlay span{
  text-align: center;
  display: block;
  color: #ffffff;
  float: left;
  font-size: 18px;/*was 25px*/
  line-height:25px;;
  font-family: Roboto, arial, sans-serif;
  padding: 29px 22px 22px ;/*was 22*/
  font-weight: 300;
}

.overlay a.whiteButton,
.overlay a.tealButton{
  float: left;
  border-radius: 5px;
  padding: 10px 10px;
  display: block;
  margin-top: 22px;
  width: 122px;
  text-align: center;
  
}
.overlay a.whiteButton{
  background:#ffffff;
  color:#45818f;
}
.overlay a.tealButton{
  background:#45818f;
  color:#ffffff;
  margin-left:10px;
}
.overlay .live_update_pencil{
  padding:0;
}
.featuredArtWork{
  width: 100%;
  white-space: nowrap;
  display: table;
  /*height:170px;*/
}
.artImage{
  vertical-align: middle;
  display: table-cell;
  padding-top:0;
}
.artImage img {
  max-width: 100%;
  width:100% !important;
  height:auto !important;
}


.artistBannerInner {
  position: relative;
  left: -163px;
  top: 0px;
}
div.innerOverlay{
  width: 75%;
  margin: 0 auto;
}
/*
     FILE ARCHIVED ON 22:19:23 Mar 19, 2018 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.38
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.029
  esindex: 0.005
  cdx.remote: 10.659
  LoadShardBlock: 282.211 (3)
  PetaboxLoader3.resolve: 334.965 (5)
  PetaboxLoader3.datanode: 94.104 (5)
  load_resource: 248.426 (2)
*/