/* 
    Document   : productView
    Created on : 12.11.2009, 19:42:27
    Author     : Michael Rüfenacht - Rcky
    Description:
        Stylesheet for detailView.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#productView    { float:right; overflow:hidden; width:705px;}
#productView .backlink
{ display:block; clear:both; float:none; color:#FFF; 
  background:url(../images/layout/chuchilade_backlink_bg.png) center center no-repeat;
  text-align:center; padding:3px; line-height:1.5; width:23px; height:23px; font-weight:600;
  margin-bottom:10px; }

#productView .product-detailview
{ position:relative; float:left; margin: 0px 15px 15px 15px; width:402px; min-height:230px; text-align:center; }
#productView h2, #productView a, #productView form, #productView p.brand
{ float:right; width:273px; }
#productView h2 span
{ display:block; font-size:12pt;}
#productView p.brand
{ text-align:right; }
#productView form
{ position:relative; margin-top:15px; }
#productView label
{ position:relative; display:inline-block; width:80px; font-weight:600; padding:3px; vertical-align:bottom;}
#productView input
{ border:none; background-color:#EFEFEF; padding:3px; color:#666; vertical-align:bottom; text-align:right;}
#productView select, #productView option, #productView optgroup
{ position:relative; border:none; background-color:#EFEFEF; color:#666; margin-top:3px; }
#productView option
{ padding:3px;}
#productView form button
{ background:none; border:none; display:block; cursor:pointer; }
#productView .hr
{ display:block; margin:15px 0px; background-position:left center;}
#productView h2
{ width:267px; background-color:#000; color:#FFF; text-indent:5px; padding:3px; font-size:14pt; }
#productView p
{ display:inline;}
#productView .shoppingbag-button
{ text-align:center; padding:0; width:100%; }
#productView .hr.price
{ width:100%; height:72px; vertical-align:bottom; margin-top:-5px; line-height:1.2; }
#productView .price span
{ position:relative; display:inline-block; background:url(../images/layout/chuchilade_pricelabel.png) top right no-repeat; float:right; height:72px; width:64px;
  text-align:center; padding-top:16px; color:#FFF; font-size:8pt; }
#productView .price span strong
{ font-weight:600; font-size:11pt; }
p#to-shoppingbag-confirmer {
    position:absolute;
    bottom:100px;
    left:0px;
    width:100%;
    color:#FFF;
    background:url(../images/layout/chuchilade_product_title_background.png) top left;
    text-align:center;
    padding:10px 0px;
}
