/*  
Author: Peter A Mayer Advertising
Author URI: http://www.peteramayer.com/
*/
/* ----------------------- sizing calculator styles ----------------------- */

input:focus {
        outline: 0;
}


#size_calc {
        width:720px;
        position: relative;
}

#size_calc .size_calc_box {
        width:720px;
        text-align: left;
        height:430px;
        border: 1px solid #c2d4d8;
        background: #fbfbfb url('images/sc_bg.gif') repeat-x;
        position: relative;
}



#size_calc #step1, #size_calc #step2, #size_calc #step3, #size_calc #step4, #size_calc #recommendation {
        display:none;
}




#size_calc #begin {
        text-align: center;
}

#size_calc .size_calc_box .title{
        padding:36px 0px 4px 20px;
}

#size_calc #begin .title{
        padding:20px 0px 4px 0px;
}

#size_calc .size_calc_box #begin_photo{
        padding-top:30px;
        cursor:pointer;
}

#size_calc .size_calc_box #begin_btn{
        padding:20px 0px 4px 0px;
        margin:0px;
        cursor:pointer;
}

hr.title_div{
        border:0;
        color: #c2d4d8;
        background-color: #c2d4d8;
        height: 1px;
        margin: 0px 10px 15px 10px;
        padding:0px;
}

#size_calc #back {
        position:absolute;
        top:48px;
        left:650px;
}

#size_calc #back a{
        text-decoration:underline;
}

#size_calc #back a:hover{
        text-decoration:none;
}

#size_calc .btn_step {
        position:absolute;
        top:370px;
        left:20px;
        cursor:pointer;
}

#size_calc form, #size_calc radio {
        margin:0px;
        padding:0px;
}

#size_calc .questions{
        padding-left: 20px;
}

#size_calc .questions .answ{
        padding: 4px 0px 18px 12px;
}

#size_calc .questions span.ques{
        color:#666666;
}

#size_calc .questions .answ label{
        color:#3d566a;
}

#size_calc .questions .answ #current_rating_label{
        clear:both;
        position:relative;
        left:55px;
}

#size_calc .questions .answ label.slider{
        display:block;
        position:absolute;
        top:-2px;
        width:100px;
        text-align:center;
}


/*recommendation screen*/

#recommendation #reco_left, #recommendation #reco_right {
        float:left;
}

#recommendation #reco_left{
        padding-right:30px;
}

#recommendation #reco_right{
        padding-left:30px;
        border-left: 1px solid #c2d4d8;
}

#recommendation #reco_right #copy_xps100,
#recommendation #reco_right #copy_u110, 
#recommendation #reco_right #copy_u120, 
#recommendation #reco_right #copy_u220, 
#recommendation #reco_right #copy_u240, 
#recommendation #reco_right #copy_u380, 
#recommendation #reco_right #copy_u3120, 
#recommendation #reco_right #copy_u3160,
#recommendation #reco_right #copy_custom {
        display:none;
}

#recommendation #model_number_xps100,
#recommendation #model_number_u110, 
#recommendation #model_number_u120, 
#recommendation #model_number_u220, 
#recommendation #model_number_u240, 
#recommendation #model_number_u380, 
#recommendation #model_number_u3120, 
#recommendation #model_number_u3160,
#recommendation #model_number_custom  {
        display:none;
}

#recommendation #model_photo_defend1,
#recommendation #model_photo_defend2, 
#recommendation #model_photo_defend3, 
#recommendation #model_photo_defend4,
#recommendation #model_photo_custom {
        display:none;
}

#recommendation #reco_right p{
        line-height:13px;
}

#recommendation #reco_right .col1{
        float:left;
        width:130px;
}

#recommendation #reco_right .col_custom{
        float:left;
        width:220px;
        height:300px;
}

#recommendation #reco_right .col2{
        float:left;
        padding-left:10px;
        width:290px;
}

#recommendation #reco_right .col2 p.desc_header{
        color:#3d566a;
}

#recommendation #model_number_xps100,
#recommendation #model_number_u110, 
#recommendation #model_number_u120, 
#recommendation #model_number_u220, 
#recommendation #model_number_u240, 
#recommendation #model_number_u380, 
#recommendation #model_number_u3120, 
#recommendation #model_number_u3160 {
        padding:4px 0px 4px 20px;
}

#recommendation #model_photo_defend1,
#recommendation #model_photo_defend2, 
#recommendation #model_photo_defend3, 
#recommendation #model_photo_defend4{
        padding:22px 0px 4px 20px;
}

#recommendation #model_photo_custom {
        padding:22px 0px 4px 10px;
}

#recommendation #datasheets{
        position:absolute;
        top:310px;
        left:20px;
}
/* the following added by RLB 2/25/2010 */
#recommendation #mailservers{
        position:absolute;
        top:330px;
        left:24px;
}



#step4 #error8, #step4 #error9, #step4 #error10, #step4 #error11 {
        display:none;
        color:#660000;
}