.giftBody{ max-width:1200px;  margin:0 auto; margin-top:10px;}
.giftDetailTab{ width:100%; float:left;  margin-top:0px; margin-bottom:0px; color:#6e6666; padding-top:10px;  position:relative; background-color:#fff; }
.giftDetailTabImage { width:35.5%; height:300px;   float:left; margin-bottom:10px; margin-left:10px; background-color:#f4f4f4; background-size:cover;}
.giftDetailTabImage img{ height:100%;}
.giftDetailTabContent { width:60.16%; height:300px; float:left; margin-bottom:10px; margin-left:15px; color:#6e6666; }
.giftDetailTabTitleBar { width:100%; height:40px; float:left; line-height:40px; font-size:24px; color:#0099d5;  }
.giftDetailTabTitleBar h1{ font-size:24px; font-weight:normal; margin:0px;}
.giftDetailTextTab{ width:100%; height:110px; float:left; margin-top:10px; font-size:16px; color:#6e6666; overflow-y:auto; line-height:22px;}
.giftDetailGiftOption{ width:120px; height:30px; line-height:30px; float:left;   margin-right:10px; font-size:14px; }


.giftBenefitsContainer{ width:100%; height:80px; background-color:#fff;  margin-top:10px; margin-bottom:20px; padding-top:10px; float:left;  position:relative;}
.giftBenefitsBox { width:33.33%; height:60px; float:left; }
.giftBenefitsBoxText{ width:100%; height:60px; padding-left:0px;  float:left; }
.giftBenefitsBoxTextTitle{ width:100%; height:25px; line-height:25px;  color:#0098D4; font-size:22px; text-align:center;}
.giftBenefitsBoxTextContent{ width:100%; height:40px; padding-top:5px; line-height:20px; color:#6d6e70; font-size:12px; text-align:center;}

.giftBenefitsBoxIcon { width:50px; height:60px; padding-top:20px; line-height:60px; text-align:center; float:left; color:#6d6e70;}

.createGiftTab{ width:98%; float:left; padding-right:1%; padding-left:1%; padding-bottom:20px; background-color:#fff;}
.createGiftTitle{width:100%;  margin-top:10px; padding-left:0px;   line-height:35px; color:#0098D4; font-size:22px;}
.createGiftsubTitle{ width:100%;   line-height:45px; color:#6e6666;  font-size:16px; padding-left:0px;}
.createGiftContainer{ width:100%; }
.imageSliderContainer{ width:100%;  margin-top:10px; margin-bottom:5px; }
.imageBlock{ float:left; margin-left:8px; margin-right:8px; margin-bottom:10px; border: 1px solid #eee; cursor:pointer;}
.imageBlock img{width:150px;}
.imageText{ width:150px; height:30px; line-height:30px; color:#6e6666; font-size:16px; text-align:center; }
.createGiftContainerLeftTab{width:49%; float:left; background-color:#f9f9f9; border-top:1px solid #eee; box-shadow:2px 5px 5px -4px #ccc, -8px 5px 8px -4px #ccc;}
.createGiftContainerLeftTabContent{width:98%; float:left; padding-left:15px;  }

.createGiftContainerRightTab{width:49%; float:left; margin-left:2%; display:block;}
.createGiftContainerRightTabContent{width:100%; float:left; border:1px solid #eee; padding-bottom:9px; box-shadow: 5px 5px 5px #ccc;}
.previewTab{ width:100%; height:300px;  margin-top:0px; margin-bottom:0px;  position:relative;}
.previewSampleTab{width:200px; height:35px; left:0; top:0px; background-color:#000; opacity:0.3; line-height:35px; text-align:center; font-size:16px; position:absolute; color:#fff;}
.previewDateVoucherNoTab{width:100%; height:35px; line-height:35px; font-size:22px; color:#6e6666; font-family: 'Dynalight', cursive;}
.previewDateTab{ width:49%; float:left; text-align:center;}
.previewVoucherNoTab{ width:49%; float:right; text-align:center;}
.previewMsgTab{width:95%; padding:15px; min-height:140px; line-height:25px; font-size:22px; color:#6e6666; font-family: 'Dynalight', cursive; word-wrap: break-word;}


.voucherValueTab{ width:100%;  float:left; }
.voucherValue{color:#0098D4; font-size:28px;}
.voucherValueText{margin-left:40px; color:#0098D4; font-size:28px;}
.voucherText{  padding-left:10px; font-size:18px; color:#6e6666;}
.messageTab{ width:100%;  float:left;}
.messageDropdown li{list-style:none; cursor:pointer;}
.messageDropdown li:hover{color:#0098D4;}
.inputTab{width:100%;  float:left;  color:#6e6666;}

.captchaTab{ width:100%; height:60px; margin-top:10px;}
.submitTab{ width:100%; margin-top:10px; margin-bottom:20px;}
.paymentButton{ width:200px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:3px; background-color:#0098D4; }
.senderTab{width:50%; float:left; }
.recepientTab{width:50%; float:left;}

.giftTermsContainer{ width:100%; margin-top:10px; color:#6e6666; font-size:14px;}
.giftTermsTitleContainer{height:30px; line-height:30px; margin-bottom:10px; color:#0098d4; font-size:18px; border-bottom:1px solid #eee;}


.styled-select select { background:transparent; width:100px; padding: 2px; font-size: 1.1vm; line-height: 34px; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; }  
 .styled-select { width: 80px;  height:34px; overflow: hidden; background: url(https://img.lifeisoutside.com/arrow-down.png) no-repeat right ; border: 1px solid #ccc; border-radius:3px; float:left; background-color:#fff; }
   
 .showMoreGiftImageBlock{width:100%; height:30px; float:left; line-height:30px; text-align:center; color:#0098dc; cursor:pointer; display:none; font-size:18px;}  
 .extraImageBlockContainer{ display:block;}  
 /* .createGiftContainerRightTab{display:block;}   */
 
 .mobGiftDescriptionTab{width:96%; background-color:#eee; color:#666;  padding:2%; display:none;}
 .mobGiftDetailTabTitleBar{ width:100%; font-size:32px; text-align:center; position:absolute; color:#fff; text-shadow:1px 1px 1px #666; top:100px; display:none;}
 #showPreviewBlock{display:none;}
 
   @media all  and (max-width:910px){
   .giftDetailTabImage{ width:48%;  margin-left:2%; }
   .giftDetailTabContent { width:48%;  margin-left:2%;  }
   
 .createGiftContainerLeftTab{width:100%;}
 .createGiftContainerRightTab{width:100%; display:none;}
 #showPreviewBlock{display:block;}
 .previewTab{height:auto;}
/* .createGiftContainerRightTab{display:none;} */


.createGiftTab{ width:96%;  padding-right:1%; padding-left:1%; }
}
   
@media all and (min-width: 200px) and (max-width: 610px){
.giftDetailTabImage{ width:100%; height:300px;  margin-left:0px; position:relative; background-size:cover !important;}
 .mobGiftDetailTabTitleBar{display:block;} 


.giftDetailTabContent { display:none;}
.giftBenefitsContainer{display:none;}
.mobGiftDescriptionTab{display:block;}

.showMoreGiftImageBlock{display:block;}
.extraImageBlockContainer{display:none;}
.createGiftContainerLeftTab{width:100%; }

/* .createGiftContainerRightTab{display:none;} */

.senderTab{width:100%; }
.recepientTab{width:100%; }

.createGiftTitle{width:98%; padding-left:2%;}
.createGiftsubTitle{line-height:30px; }
.createGiftContainerLeftTabContent{padding-left:10px;}

.imageBlock{ width:46%;  margin-left:1%; margin-right:1%; }
.imageBlock img{width:100%;}
.imageText{ width:100%;;}
.previewDateVoucherNoTab{font-size:14px;}
}