/** 
 * Styles for all Detail-Pages
 * 
 * @section detail-css
 * @lastmod 2011-01-14
 *
 *
#Hero {}
  #DocRel {}
  #HeroGallery {}
    #ProductImage
  #Features {}
  #Details
#Order {}
  #Brand {}
  #AvailableVariants {}
  #PriceOptions {}
    #Purchase {}
  #Tools {}
    #Share {}
    #Bookmark {}
    #AddThis {}

----------------------------------------------------------------------*/
/** =OVERWRITES
----------------------------------------------------------------------*/

#Details #Description {
  margin:0 19px;
  padding:0 0 9px 0;
}

#Details {
  background-position:-3647px 100%;
}

#DocRel {
  float:none;
  width:480px;
}

#Tools,
#ToolFacebook {
  background-position:-4131px 100%;
}

#Tools .row {
  background-position:0 -120px;
  padding:9px 19px 9px 19px;
  text-align:right;
}
  #Tools .row,
  #ToolFacebook .row {
    background:rgb(232,232,232) url(../img/ms-box-fade.png) repeat-x scroll 0 100%;
    padding:25px;
    text-align:right;
  }

/** =STRUCTURE
----------------------------------------------------------------------*/

#ContentPrimary {
  overflow:hidden;
  position:relative;
  z-index:20;
}

#Hero {
  width:480px;
  display:inline;
  float:left;
}

#Order {
  width:439px;
  float:right;
  display:inline;
}

#Badge
{
  top:250px;
}
#Badge.auslauf
{
  background-position: -504px -398px;
  font-size:18px;
  height:58px;
  line-height:19px;
  padding-top:22px;
  top:341px;
}
/** =FEATURES
----------------------------------------------------------------------*/

#Features {
  margin:0 0 18px 0;
}

#Features ul {
  margin:0;
  padding:0;
  overflow:hidden;
}

#Features li {
  list-style:none;
  width:240px;
  float:left;
  background:url(../img/detail-feature-icons.png) no-repeat 0 0;
  
}

#Features li strong {
  display:block;
  padding:9px 0 9px 48px;
}

#Features .lensdiameter { background-position:0 -166px; }

#Features .watercontent { background-position:0 0; }

#Features .toriclens { background-position:0 -50px; }

#Features .multifocal { background-position:0 -107px; }

#Features .sensitive { background-position:2px -348px; }

#Features .uvprotection { background-position:0 -233px; }

/** =DETAILS
----------------------------------------------------------------------*/

#Details .row {
  padding:18px 0 0 0;
}

/** =BRAND
----------------------------------------------------------------------*/

#Brand dt {
  font-size:13px;
  font-weight:400;
}

#Brand dd {
  font-size:15px;
  font-weight:700;
}


/** 
 * PackageSizes / PackageSavings
 * 
 * @section   contact.thtml
 * @lastmod   2010-12-15
 */
  
.CategoryID2 .onecol #ContentPrimary {
  overflow:visible !important;
}
#DiscountBundles {
  position:relative;
  margin:0 0 0 -5px;
  width:450px;
}  
  #DiscountBundles .Footer {
    background:url(../img/footer-discountbundles.jpg) 0 0 no-repeat;
    height:7px;
    margin:0 0 18px 0;
  }
  #DiscountBundles h2.DiscountBundles {
    background:rgb(225,90,0) url(../img/h2-entdecken-sie-die-sparsets.jpg) 0 0 no-repeat;
    color:#ffffff;
    overflow:hidden;
    height:45px;
    margin:0;
    text-indent:450px;
    white-space:nowrap;
    width:450px;
  }
  .CategoryID2 #DiscountBundles h3 {
    background:url(../img/bubble-discountbundles.png) 0 0 no-repeat;
    color:#ffffff;
    overflow:hidden;
    height:93px;
    margin:0;
    position:absolute;
    right:-14px;
    text-indent:93px;
    top:-36px;
    white-space:nowrap;
    width:93px;
  }

#PackageSizes {
  margin:0 0 25px 0;
}
#PackageSavings {
  background:url(../img/back-discountbundles.jpg) 0 0 repeat-y;
   margin:0;
  padding:0 7px 0 7px;
}

#PackageSizes ul,
#PackageSavings ul {
  margin:0;
  padding:0;
}
  #PackageSavings ul {
    padding:10px 0 0 0;
  }

#PackageSizes li,
#PackageSavings li {
  list-style:none;
}

#PackageSizes a,
#PackageSavings a {
  border:0 none transparent;
  color:#444444;
  display:block;
  overflow:hidden;
  padding:9px;
  text-decoration:none !important;
}

* html #PackageSizes a,
* html #PackageSavings a {
  height:1%;
}

#PackageSizes li a:hover,
#PackageSizes li a.active,
#PackageSavings li a:hover,
#PackageSavings li a.active {
  background-color:rgb(229,229,229);
}

#PackageSizes li .photo,
#PackageSavings li .photo {
  display:block;
  float:left;
  margin:0 9px 0 0;
  width:90px;
}

#PackageSizes li a img,
#PackageSavings li a img {
  height:60px;
  width:90px;
}

#PackageSizes li .name,
#PackageSavings li .name {
  display:block;
  float:left;
  font-weight:700;
  width:242px;
}

#PackageSizes li .price,
#PackageSavings li .price {
  display:block;
  float:right;
  text-align:right;
  width:77px;
}

#PackageSizes li .description,
#PackageSavings li .description {
  float:left;
  width:197px;
}
  #PackageSavings li .description {
    width:194px;
  }

#PackageSizes li .savings,
#PackageSavings li .savings {
  color:rgb(170,55,55);
  display:block;
  float:right;
  font-size:11px;
  font-style:normal;
  font-weight:400;
  text-align:right;
  width:125px;
}

* html #PackageSizes li .savings,
* html #PackageSavings li .savings {
  display:inline;
  float:none;
}





/** =CORRECTION-VALUES
----------------------------------------------------------------------*/
#AftersalePackSize {
  margin:0 0 18px;
}

#AftersalePackSize label {
  color:#222222;
}

#AftersalePaymentMethod {
  margin:0 0 18px;
}

#AftersalePaymentMethod label {
  color:#222222;
}

#AftersaleShippingAddress {
  margin:0 0 18px;
}

#AftersaleShippingAddress label {
  color:#222222;
}

#CorrectionValues {
  border-top: 2px solid #E0E0E0;
  margin:0 0 10px 0;
  overflow:hidden;
  padding-top:10px;
}

#CorrectionValues a,
#CorrectionValues a img {
  display:inline;
  border:0 none transparent;
}

#CorrectionValues label {
  color:#222222;
}


#LeftEyeValues select.col3,
#RightEyeValues select.col3 {
  margin:0 !important;
}

#LeftEyeValues {
  /* width:193px; */
  float:right;
}

#RightEyeValues {
  width:225px;
  float:left;
}

#LeftEyeValues .group,
#RightEyeValues .group {
  padding:5px 0 0 0;
}

#RightEyeValues .group {
  border-right:3px solid rgb(224,224,224);
  padding-right:0;
}

#OneEyeValues {
  float:left;
  width:225px;
}

#CorrectionValues label.col2 {
  margin-right:10px !important;
  width:100px !important;
}
#CorrectionValues select.col3 {
  width:100px !important;
}
/** =CORRECTION-VALUES (with classes)
----------------------------------------------------------------------*/
.AfterSaleBundleTitle
{
  margin-top:35px;
}

.AftersalePackSize {
  margin:0 0 18px;
}

.AftersalePackSize label {
  color:#222222;
}


.LeftEyeValues select.col3,
.RightEyeValues select.col3 {
  margin:0 !important;
}

.LeftEyeValues {
/* width:193px; */
  float:right;
}

.RightEyeValues {
  width:225px;
  float:left;
}

.LeftEyeValues .group,
.RightEyeValues .group {
  padding:5px 0 0 0;
}

.RightEyeValues .group {
  border-right:3px solid rgb(224,224,224);
  padding-right:23px;
}

.OneEyeValues {
  float:left;
  width:225px;
}

#Sidenotes {
  margin:18px 0 0 0;
}

#Sidenotes li {
  margin:0 0 9px 0;
}

#tooltip {
  position:absolute;
  z-index:3000;
  background:#1c1c1c;
  background:rgba(0,0,0,0.9);
  color:#ffffff;
  padding:6px 9px 9px 9px;
  width:300px;
}
#tooltip h3, #tooltip div { margin:0; }

/** =PRICE-OPTIONS
----------------------------------------------------------------------*/

#PriceOptions {
  border-top:2px solid rgb(224,224,224);
  clear:both;
  padding:16px 0 0 0;
  margin:11px 0 0 0;
}

#Purchase {
  overflow:hidden;
  margin:0 0 20px 0;
}

#PurchaseSubmit span,
#PurchaseDisabled span,
#PurchaseNotPossible span,
#PurchaseSubmit.product span {
  width:253px;
}
/** =BOOKMARK
----------------------------------------------------------------------*/

#Bookmark input {
  width:265px;
}

/* =FacebookILike
----------------------------------------------------------------------*/
#FacebookILike {
  padding:11px 0 10px 0;
}

/* =ConvenienceStatements
----------------------------------------------------------------------*/
.CategoryID2 ul#ConvenienceStatements {
    border-top: 2px solid #E0E0E0;
    border-bottom:none;
    margin:0;
    padding-top:10px;
}
.CategoryID2 #Delivery {
  margin:10px 0 0 0;
}
.CategoryID2 #Brand {
  margin-top:23px;
  padding-bottom:4px;
}
