/**
 *  ocs.product-price.css
 *   
 *  The product price user control stylesheet
 *
 *  Some styles taken from product-page1.css
 *  Will over-ride some styles from product-page1.css
 *  Referenced in the '/UIControls/productprice.ascx' file  
 *
 *  !! NEEDS TO BE MINIFIED FOR PRODUCTION USE !!
 *
 *  RichardG <richard.g@onlinecarstereo.com>
 *  01.20.2012
 *
 */

#product-detail-header {
    position: relative;
    height: 32px;
    width: 100%;
    padding:0 8px;
    left:-8px;
    text-align:left;
    /*background:url("../Images/new-product-page/ocs-prod_title_stretch.png") 0 0 repeat-x;*/
    background:url('../Images/category/Assets/lnm_titlebg.jpg') 0 6px repeat-x;
}
#product-detail-header img {display:none;visibility:hidden}

#product-detail-header span.model {
    margin:12px 0 0 12px;
    float:left;
    color:#FFF;
    font:bold 12pt/12pt Arial,Helvetica,sans-serif;
}
#product-detail-header span.item-number {
    color:#FFF; position:relative;
    font:bold 9pt Verdana,sans-serif;
    top:10px; right:12px;
    float:right;
}
#detail-holder {min-width:780px;position:relative}
#product-detail-content, #product-detail-images, #zoomer, #extra-images, #info, #hint {float:left}
#product-detail-content  {
    margin: 12px 6px 0 5px;
    text-align:left;
    border:1px solid #939393;
    padding:0;
    width:99%;
    /*min-width:770px;*/
    border-radius:6px 6px 0 0;
    -o-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
}
  
#product-detail-content #short-desc {
    padding:4px 0 0 0;
    float:left;
    text-align:left;
    width:100%; 
    background:url("../Images/new-product-page/prod_subtitle_stretch.png") 0 0 repeat-x;
}
#product-detail-content #short-desc span{
    padding:2px 24px 0 12px;
    text-align:left;
    float:left;
    color:#787878;
    font:bold 14px Arial,Tahoma,sans-serif;
}
#product-detail-images { margin:12px 0 0 0;  width:400px }

#outer-zoomer {height:400px; overflow:hidden; width:100%;text-align:left}
#outer-zoomer[id] {height:400px; display:table; position:static}
#middle-zoomer {position:absolute; top:50%; width:100%; text-align:center;} /* for explorer only*/
#middle-zoomer[id] {display:table-cell; vertical-align:middle; position:static;}
#zoomer {position:relative; top:-50%; text-align:left;} /* For IEs only */
#zoomer {width:400px;margin:0 auto;text-align:center} 
#zoomer[id] {position:static;} 
#zoomer[id] {*line-height:400px} /* For IE7 only  */

/*#extra-images {margin:6px 0 0 0;height:50px;width:400px}*/
#ExtraImageContainer {margin:0;padding-left:2px;height:50px} /* padding-left is referenced by script on productprice.ascx */
.ExtraImages_a {
    border:1px solid #C4C2C2;
    float:left;
    height:50px;
    margin:0 5px 0 0;
    text-align:center;
    width:50px;
}

#info {
    /*margin:12px 0 0 50px;
    width:300px;
    border-left:1px solid #B3D9FF;
    border-right:1px solid #B3D9FF;
    background-color:#E7F3FF;*/
    margin:12px 0 0 50px;
    width:300px;
    /*border-left:2px solid #CCC;
    border-right:2px solid #CCC;*/
    border:2px solid #CCC;
    background-color:#F2F2F2;
}
#info-header {
    xbackground:url("../Images/new-product-page/price_top.png") 0 0 no-repeat;
    height:9px;
    width:302px;
    position:relative;
    left:-1px;
}
.info-item {
    margin:0 6px 0 6px;
    padding:8px 8px 8px 0;
    color:#666;
    float:left;
    width:280px;
    font:bold 9pt Arial,Helvetica,sans-serif;
    /*border-bottom:2px dotted #B5B5B5;*/
    border-bottom:1px solid #CCC;
    text-shadow:0 1px 0 #FFF;
}
.info-item span.title { padding:0 0 0 2px;display:block;width:98px;float:left;position:relative}
.info-item span.value { display:block}
.info-item span.our-price { color:#1787DB;font:bold 18px/1.2 Arial,Tahoma,sans-serif}

#PriceTag_OurPrice span { display:block; float:left }
#PriceTag_OurPrice #atc { float:right }
#PriceTag_SocialLinks {
    margin-left:6px; /* over-ride */
    padding:12px 0 8px 20px;
    float:left;
    width:268px;
}
#PriceTag_SocialLinks span {
    float:left;
    display:block;
    margin:0 2px 0 8px;
}
#PriceTag_SocialLinks span.addthis_toolbox {
    position:relative;
    top:2px;
}
#PriceTag_FreeShipping {
    border:none;
    width:300px;
    text-align:center;
}
#PriceTag_FreeShipping img { margin:16px 0 0 0 }
#trFitGuide1 {text-align:center }

#info-footer {
    xbackground:url("../Images/new-product-page/price_bottom.png") 0 0 no-repeat;
    height:9px;
    width:302px;
    position:relative;
    left:-1px;
    float:left;
}

#hint {padding:0 0 0 16px;float:left;width:99%;height:48px}
#hint img { float:left;position:relative;top:8px}
#hint p {color:#003388; float:left;font-size:10px;margin:10px 0 0 4px}

.not-available-holder {float:left;margin:132px 0 0 90px}
.not-available {
    padding:12px 0 12px 0;
    text-align:center;
    width:300px;
    background:#E7F3FF;border:1px solid #B3D9FF;
    color:#666;font:bold 12px Arial,Helvetica,sans-serif;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 0 #FFF;
}