@import url(common.css);

    #tt { position:fixed; left:0; top:0; z-index:9000; background:#f39; color:#FF0; padding:7px; }
    #container {z-index:500; float:left; position:relative;  left:25.5%; top:130px; width:602px; height:5833px; /*border:1px dashed red;*/}    
    #product {z-index:400; float:left; position:relative; left:25.5%; top:130px; width:39%; height:100%; /*border:1px dashed blue;*/}
    .img {position:absolute; left:0; top:0;}
    .img li {margin-bottom:22px;}
    
    h1 {position:absolute; left:164px; top:0; font:18px "Century Gothic"; color:#444444;}
    .price {position:absolute; left:470px; top:0; font:18px "Century Gothic"; color:#444444; }
    .description {position:absolute; left:164px; top:32px; font:13px "Century Gothic"; color:#444444;}
    .color .red {position:absolute; left:164px; top:105px; width:24px; height:24px; background:url(images/color_bt1_over.png); cursor:pointer;}
    .color .black {position:absolute; left:211px; top:105px; width:24px; height:24px; background:url(images/color_bt2.png); cursor:pointer;}
    .size p {position:absolute; left:164px; top:156px; font:11px  "Century Gothic"; color:#444444;}
    .size .small {
        position:absolute; left:164px; top:180px; 
        padding:12px 28px 12px 28px; 
        border-top:2px solid #444444; 
        font:18px "Century Gothic"; color:#444444;
        text-align:center; cursor:pointer;}
    .size .medium {
        position:absolute; left:240px; top:180px; 
        padding:12px 28px 12px 28px; 
        border-top:2px solid #444444; 
        font:18px "Century Gothic"; color:#bbbbbb;
        text-align:center; cursor:pointer;}    
    .size .large {
        position:absolute; left:324px; top:180px; 
        padding:12px 30px 12px 30px; 
        border-top:2px solid #444444; 
        font:18px "Century Gothic"; color:#bbbbbb;
        text-align:center; cursor:pointer;}        
    button {position:absolute; padding:16px 146px 16px 146px; left:164px; top:230px; background:#444444; font:13px "Century Gothic"; color:#fff; border:none; cursor:pointer;}
    .date1 {position:absolute; padding-left:15px;  left:165px; top:300px; background:url(images/date1.png) no-repeat 0px 5px; font:13px "Helvetica"; font-weight:200; color:#444444;}
    .date2 {position:absolute; padding-left:15px;  left:165px; top:346px; background:url(images/date2.png) no-repeat 0px 4px; font:13px "Helvetica"; font-weight:200; color:#444444;}
    .details {position:absolute; left:360px; top:300px; font:11px "Helvetica"; font-weight:200;}
    .details a {color:#999999;}
    
    .details_description {
        position:absolute; left:-360px; top:110px; 
        padding:43px 482px 134px 170px; 
        width:940px; 
        border-top:1px solid #e8e8e8; 
        font:13px "Helvetica"; font-weight:200; color:#444444;}
    
    .img2 {position:absolute; left:0; top:5040px; width:940px; height:370px; /*border:1px dashed yellow;*/}    
    .img2 p {position:absolute; left:0px; top:0px; font:12px "Helvetica"; font-weight:200; color:#444444;}
    .w1 {position:absolute; left:0; top:30px;}
    .w1 p {position:absolute; left:0; top:300px; font:12px/24px "Century Gothic"; color:#444444;}
    .w1 p span {font-weight:bold;}       
    .w2 {position:absolute; left:240px; top:30px;}
    .w2 p {position:absolute; left:0; top:300px; font:12px/24px "Century Gothic"; color:#444444;}
    .w2 p span {font-weight:bold;}    
    .w3 {position:absolute; left:480px; top:30px;}
    .w3 p {position:absolute; left:0; top:300px; font:12px/24px "Century Gothic"; color:#444444;}
    .w3 p span {font-weight:bold;}  
    .w4 {position:absolute; left:720px; top:30px;}    
    .w4 p {position:absolute; left:0; top:300px; font:12px/24px "Century Gothic"; color:#444444;}
    .w4 p span {font-weight:bold;}